/* Page Styles*/
html {
	background: #F4F7FE url(../images/backgrounds/bg_global.jpg) repeat-x left top
}
body {
	margin-top: 0px;
	padding-top: 0px; /* for compliant browsers */
	font: x-small Arial, Verdana, sans-serif;
	color: #333333;
	margin-bottom: 0px;
	font-size: 100%;
}
* html body {
	font-size: xx-small; /* for IE5/Win */
	f\ont-size: x-small; /* for other IE Versions */
}
#pageContainer {
	background: url(../images/backgrounds/page_shadow.png) repeat-y center top;
	margin: 0px auto;
	height: auto;
	width: 100%;
}
#page {
	width: 980px;
	w\idth: 980px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: #FFFFFF;
	padding-top: 0px;
	margin: 0px auto;
}

/* Page Header Styles*/
#header {
	height: 100px;
	width: 940px;
	float: left;
	background: #FFFFFF;
	padding-left:20px;
}
#menuContainer {
	width: 980px;
	height: 26px;
	float: left;
	clear: left;
	position: relative;
	display: block;
	padding: 0px;
	margin: 0px;
}
div.headerLinks {
	float: right;
	height: 25px;
	width: 700px;
	margin: 0px;
	padding-top: 0px;
}
.home {
	float: left;
	width: 40px;
	clear: left;
}
.headerLinks li {
	float: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 100%;
}
.headerLinks ul {
	margin-top: 0px;
	padding-top: 7px;
}

.headerLinks li a, .headerLinks li a:visited {
	display: block;
	border-right: 1px solid #244884;
	padding: 0px 8px 1px;
	font: bold x-small/100% Verdana, Arial, Helvetica, sans-serif;
	color: #244884 !important;
	text-decoration: none;
	height: auto;
	margin: 0px;
}
.headerLinks li a:hover {
	text-decoration: underline;
	background-color: #FFFFFF;
}
#header .headerLinks li a.endLiItem {
	display: block;
	padding: 0px 5px 0px 7px;
	border-right: none;
	margin: 0px;
	height: auto;
}
div.logo {
	float: left;
	height: 80px;
	width: 230px;
	margin-top: 4px;
	margin-left: 0px;
}
div.logo a:hover {
	background-color: #FFFFFF;
}
div.callNo {
	width: 340px;
	padding-top: 15px;
	height: auto;
	float: left;
	padding-left: 70px;
}
.callNoTitle {
	font: 16px Arial, Helvetica, sans-serif;
	color: #244884;
	text-align: center;
	padding: 0px;
	display: block;
	width: 100%;
	float: right;
	clear: right;
	margin: 0px;
}
.callNoSubTitle {
	color: #FF771C;
	margin-top: 2px;
	margin-bottom: 0px;
	text-align: center;
	font: 12px/100% Verdana, Arial, Helvetica, sans-serif;
	display: block;
	float: right;
	width: 100%;
}
.call {
	color: #FF9900;
	font-size: small;
	font-weight: bold;
	font-variant: small-caps;
	text-transform: uppercase;
}
/* Search Styles */

#searchContainer {
	width: 700px;
	float: right;
	height: 60px;
}
div.searchForm {
	float: right;
	width: 280px;
	text-align: right;
	margin-top: 16px;
	vertical-align: top;
	height: auto;
}

.searchButton {
	background: #244884 url(../images/backgrounds/but_bg.gif) repeat-x left center;
	font: bold normal x-small Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	border-style: none;
	height: 20px;
	margin-top: 1px;
	margin-left: 4px;
}
.searchButton:hover {
	background: #0066FF;
}
.searchBox {
	border: 1px solid #244884;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	height: 16px;
	width: 200px;
	text-align: left;
	vertical-align: top;
	color: #999999;
	padding-left: 4px;
}
.searchBox:hover, .searchBox:active {
	border: 1px solid #0066FF;
}
/* Page Banner Styles*/
#pageBanner {
	height: 120px;
	width: 980px;
	clear: left;
	float: left;
	margin-top: 1px;
	margin-bottom: 10px;
	background: #FF9900 url(../images/banners/orange_banner.jpg) no-repeat left top;
}
div.pageBannerTitle {
	width: auto;
	margin-top: 0px;
	margin-left: 0px;
	clear: left;
	height: 90px;
	margin-top: 0px;
}
div.pageBannerTitleLine1 {
	padding-left: 20px;
	padding-top: 25px;
	height: auto;
	width: auto;
	font: bold normal medium Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
div.pageBannerTitleLine2 {
	padding-left: 20px;
	padding-top: 10px;
	height: auto;
	width: 550px;
	font: small Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: right;
}
div.pageBannerImg {
	width: 980px;
	float: left;
	height: 120px;
}
div.pageBannerImgDetails {
	width: auto;
	font: x-small Arial, Verdana, sans-serif, serif;
	color: #FFFFFF;
	float: left;
	height: auto;
	padding-top: 10px;
	text-align: left;
	padding-left: 20px;
}

/* Layout Containers */
#navigation {
	height: 40px;
	width: 980px;
	float: left;
}
#contentContainer {
	width: 960px;
	padding-left: 10px;
	float: left;
	clear: both;
	padding-bottom: 20px;
}
#leftContainer {
	float: left;
	clear: left;
	width: 780px;
}
#navContainer {
	float: left;
	width: 180px;
	clear: both;
	height: auto;
}
#rightContainer {
	float: right;
	width: 180px;
	clear: right;
}
#mainContentContainer {
	float: left;
	width: 540px;
	padding-top: 14px;
	padding-left: 28px;
	padding-right: 26px;
	padding-bottom: 14px;
}
#mainContentContainer img.featureImg {
	float: left;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-top: 7px;
}
#clearer {
	clear: both; 
	height: 20px;
}

/* Bread Crumb Styles*/
#breadCrumb {
	float:left;
	height: auto;
	width: 600px;
	float: left;
	background: url(../images/backgrounds/breadcrumb_bg.gif) repeat-x left bottom;
	border-top: 1px dotted #CCCCCC;
	padding-bottom: 1px;
}
#breadCrumb p {
	font: normal x-small Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	vertical-align: middle;
	margin-top: 8px;
	margin-left: 10px;
	padding-bottom: 10px;
}
.figure {
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 15px;
}
a, a:link, a:visited {
	color: #0066FF;
	text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, #leftContainer p a:hover, li a:hover {
	color: #FFFFFF;
	background-color: #0066FF;
	text-decoration: none;
}
td a:hover {
	text-decoration: underline;
}
td p a:hover {
	text-decoration: none;
}

* html body a:hover img, * html body img a:hover {
	background-color: transparent; 
	text-decoration:none;
}

.sideBackground {
	background: url(../images/backgrounds/side_bg.jpg) repeat-x left top;
	height: 150px;
	clear: left;
	float: left;
	width: 180px;
}

/* Main Content Styles */
h1 {
	color: #244884;
	margin-top: 2px;
	margin-bottom: 8px;
	font: bold x-large Arial, Verdana, sans-serif, serif;
}
h2 {
	font: bolder normal medium "Trebuchet MS", Arial, Verdana, sans-serif;
	color: #FF9900;
	border-bottom: 1px solid #FF9900;
	margin-top: 2px;
	margin-bottom: 8px;
	padding-bottom: 6px;
}
h3 {
	font-size: medium;
	color: #244884;
	border-bottom: 1px solid #244884;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 6px;
	padding-bottom: 6px;
}
h4 {
	margin-top: 22px;
	color: #B36B00;
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
}
h5 {
	font: small Arial, Verdana, sans-serif;
	color: #B36B00;
	margin-top: 2px;
	margin-bottom: 4px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #B36B00;
}
h6 {
	font: small Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	padding: 0;
	margin: 0;
	margin-top: 20px;
}

p {
	color: #333333;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: small;
	line-height: 170%;
}

#mainContentContainer ul, .mainContentContainerRight ul {
	color: #333333;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: small;
	line-height: 170%;
	list-style: disc url(../images/bullets/ul_bullet.gif);
}
#mainContentContainer ol {
	color: #333333;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: small;
	line-height: 140%;
}
#mainContentContainer ul ul {
	list-style: url(../images/bullets/ul_ul_bullet.gif);
	padding-bottom: 2px;
	line-height: 140%;
}
#mainContentContainer ul ul ul{
	list-style: square;
}

br {
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 0px;
}
.returnTop {
	background: url(../images/bullets/top_bullet.gif) no-repeat left center;
	display: block;
	width: auto;
	padding-left: 15px;
}
.rssFeed {
	background: url(../images/icons/rss_feed.gif) no-repeat left center;
	display: block;
	width: auto;
	padding-left: 25px;
	margin-left: 10px;
	float: left;
}
/* Sub Content Styles*/

#mainContentContainer div.subContentContainer {
	background: #E0E0E0 url(../images/backgrounds/gb_bg.jpg) repeat-x left top;
	padding: 10px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
/*	height: auto;
	width: auto;
	border-bottom: 1px dotted #B36B00;
	background: #E0E0E0 url(../images/backgrounds/subcontent_bg.jpg) repeat-x left top;
	padding: 10px;*/
}
div.subContentContainer h4 {
	font: bold small Verdana, Arial, Helvetica, sans-serif;
	color: #B36B00;
	display: block;
	margin: 0px;
	border-bottom: 1px dotted #B36B00;
	padding-bottom: 3px;
}
div.subContentContainer h4.moreInfo, div.subContentContainer h4.question, div.subContentContainer h4.warning, div.subContentContainer h4.idea {
	display: block;
	height: 28px;
	width: auto;
	padding: 12px 0px 0px 45px;
	margin: 0px;
}
div.subContentContainer h4.quote {
	background: url(../images/icons/quotes_icon.gif) no-repeat 4px 6px;
	display: block;
	height: 28px;
	width: auto;
	padding: 12px 0px 0px 65px;
	margin: 0px;
}
div.subContentContainer h4.moreInfo {
	background: url(../images/icons/more_info_icon.gif) no-repeat 4px top;
}
div.subContentContainer h4.question {
	background: url(../images/icons/question_icon.gif) no-repeat 4px top;
}
div.subContentContainer h4.warning {
	background: url(../images/icons/warning_icon.gif) no-repeat 4px top;
}
div.subContentContainer h4.idea {
	background: url(../images/icons/idea_icon.gif) no-repeat 4px top;
}
#mainContentContainer div.subContentContainer ul {
	list-style: url(../images/bullets/subcontent_bullet.gif) none;
	padding-right: 5px;
}
#mainContentContainer div.subContentContainer p {
	padding-right: 25px;
	padding-bottom: 2px;
	padding-left: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#mainContentContainer div.subContentContainer ul.subContentLinks  {
	margin: 0;
	padding: 10px 0 6px 6px;
	list-style: url(none) none;
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	color: #244884;
}
div.subContentContainer li.subContentLinks  {
	list-style: none;
}
.subContentLinks a   {
	text-decoration: none;
	display: block;
	padding: 10px 6px 8px 34px;
	list-style: none;
	color: #274A85;
	font: 110% Verdana, Arial, Helvetica, sans-serif;
	}
.subContentLinks a:link, .subContentLinks a:visited {
	color: #244884;
	}
.subContentLinks a:hover {
	font-weight: normal;
	background-color: #F0F0F0;
	}
.hltTxt {
	color: #244884;
	font-weight: bold;
}

/* Customer Success Styles */
.successContainer {
	background: #E0E0E0 url(../images/backgrounds/gb_bg.jpg) repeat-x left top;
	padding: 10px;
	height: auto;
	width: 515px;
	margin-top: 20px;
	margin-bottom: 40px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
}
.customerLogo {
	height: auto;
	width: 100%;
	margin-bottom: 10px;
}
.photoContainer {
	background: url(../images/backgrounds/photo.jpg) no-repeat left top;
	display: block;
	height: 150px;
	width: 155px;
	margin-right: 5px;
	float: left;
}
.photoContainer img {
	margin-top: 10px;
	margin-left: 10px;
	border: 1px solid #CCCCCC;
	float: left;
}
.customerPhoto {
	float: left;
	height: auto;
	width: auto;
}
.customerQuote {
	height: auto;
	width: 355px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/backgrounds/quote_marks_opening_bg.gif) no-repeat left 4px;
	float: left;
}
.customerQuote blockquote {
	padding:15px 30px;
	margin:0px;
	background: url(../images/backgrounds/quote_marks_closing_bg.gif) no-repeat right bottom;
	color: #000000;
	width: auto;
	display: block;
	font: 15px/130% Georgia, "Times New Roman", Times, serif;
}
.customerName {
	font-weight: bold;
	color: #B36B00;
	padding-left: 30px;
	font-size: 12px;
}
.infoButton {
	height: auto;
	width: 100%;
	text-align: right;
	margin-top: 5px;
	float: right;
}
/* Footer Styles*/
#footerContainer {
	float: none;
	height: auto;
	width: 980px;
	font: x-small/130% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
}
#footerContainer a, #footerContainer a:link, #footerContainer a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
#footerContainer a:hover {
	text-decoration: none;
	background-color: #244884;
}
#footerInfoContainer {
	background: #244884;
	height: auto;
	float: left;
	width: 980px;
	border-bottom: 4px solid #FF9900;
	padding-bottom: 10px;
}
.footerAddress {
	height: auto;
	width: auto;
	float: left;
	margin-left: 10px;
	padding-top: 15px;
	clear: left;
}
.footerLinks {
	float: right;
	height: auto;
	width: auto;
	margin-right: 10px;
	padding-top: 11px;
	clear: right;
}
.footerLinks  img {
	padding: 0px;
	margin: 0px 0px 0px 4px;
	vertical-align: text-bottom;
	display: inline;
}

#footerShadow {
	background: url(../images/backgrounds/footer_shadow.png) no-repeat center top;
	margin: 0px auto 20px;
	height: 12px;
	width: 100%;
}
.clearFloat {
	font-size: 1px;
	line-height: 0px;
	clear: both;
	height: 0px;
}

