@charset "utf-8";
/* CSS Document */

/*===  RESET  ===*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*===  GLOBAL  ===*/
body { font-family:Arial, Helvetica, sans-serif;}

strong { font-weight: bold;}
em { font-style: italic;}

embed, object { outline: none;}

.clear { clear: both;}
.forPrint { display: none;}
.red { color: #FF0000;}
.error-message { color:Red; padding-left:10px; font-size:12px;}
.hidden {display:none; }
/*===  SITE HEAD  ===*/
.siteHeadWrap { background: url(../images/bg_topHorizontal.gif) repeat-x left -55px; height: 147px;}
	.siteHead { height: 147px; margin: 0 auto; position: relative; width: 942px;}
	
	.siteHead .siteLogo { left: -4px; position: absolute; top: 16px;}	
	.siteHead .offsiteLogo { position: absolute; right: 5px; top: 25px;}
	
	.siteHead .topBreadcrumbs { color: #8c9e74; font-size: 12px; line-height: 19px; position: absolute; right: 8px; text-align: right; top: 5px;}
		.siteHead .topBreadcrumbs span { margin: 0 3px;}
		.siteHead .topBreadcrumbs a { color: #8c9e74; text-decoration: none;}
		.siteHead .topBreadcrumbs a:hover { text-decoration: underline;}
		
	.siteHead .searchWrap { background: url(../images/bg_searchWrap.gif) no-repeat left top; height: 24px; padding: 0 37px 0 27px; position: absolute; right: 0; top: 100px; width: 128px;}
		.siteHead .searchWrap .searchBar { background: url(../images/bg_searchBar.gif) repeat-x top; height: 24px;}
			.siteHead .searchWrap .searchField { background: #FFF; border: none; color: #000; font-size: 11px; margin: 4px 0 0; padding: 0 0 0 4px; width: 120px;}
		.siteHead .searchWrap .searchBtn { position: absolute; right: 0; top: 0;}
		
	.siteHead .topLinks { bottom: 4px; color: #414042; font-size: 11px; font-weight: bold; line-height: 14px; position: absolute; right: 0; text-align: right;}
		.siteHead .topLinks span { margin: 0 3px;}
		.siteHead .topLinks a { color: #414042; text-decoration: none;}
		.siteHead .topLinks a:hover { text-decoration: underline;}
		
	.siteHead .siteTabs { bottom: -1px; height: 38px; left: -4px; position: absolute; width: 348px; z-index: 5;}
		.siteHead .consumer  { background:url(../images/bg_siteTabs_consumer.gif) no-repeat left top;}
		
		.siteHead .siteTabs a { display: inline; float: left; font-size: 15px; font-weight: bold; height: 33px; line-height: 32px; text-align: center; text-decoration: none;}
		.siteHead .siteTabs .tab1 { color: #7d9b5a; margin: 5px 6px 0 4px; width: 164px;}
		.siteHead .siteTabs .tab2 { color: #596c82; margin: 5px 0 0 0; width: 172px;}
		
/*===  SITE NAV  ===*/		
.siteNavWrap { background: url(../images/bg_topHorizontal.gif) repeat-x left -202px; height: 36px;}
	.siteNavOut { /*border-left: 2px solid #dfe6d9;*/ height: 33px; margin: 0 auto; padding: 1px 0 0; position: relative; width: 944px;}
	.siteNavIn { /*border-right: 2px solid #dfe6d9;*/ height: 33px; width: 940px;}
	
	.siteNav ul { height: 33px; overflow: hidden; width: 940px;}
	.siteNav ul li { background:url(../images/bg_siteNavLI.gif) no-repeat left center; display: inline; float: left; height: 33px; margin: 0 0 0 -2px; padding: 0;}
		/*.siteNav ul li.active, .siteNav ul li:hover {background:url(../images/bg_siteNavLI_active2.gif) no-repeat left top;}*/
		.siteNav li.active a, .siteNav li a:hover { background: url(../images/bg_siteNavLI_active.gif) repeat-x left top;}		
	.siteNav li a { color: #7d9b5a; display: block; float: left; font-size: 13px; font-weight: bold; height: 33px; line-height: 33px; padding: 0 9px; text-decoration: none;}
	
	/*-- sub nav --*/
	.subNavWrap { background: url(../images/bg_subNav.gif) no-repeat; height: 27px; margin: 0 -5px 0 -5px; position: relative; width: 952px;}
		.subNav { height: 27px; margin: 0 4px 0 6px; width: 942px;}
		.subNav ul { height: 27px; overflow: hidden; width: 942px;}
		.subNav ul li { background:url(../images/bg_subNavLI.gif) no-repeat left center; display: inline; float: left; height: 27px; margin: 0 0 0 -2px; padding: 0;}
			.subNav li.active a, .subNav li a:hover { background: url(../images/bg_subNavLI_active.gif) repeat-x left top;}
		.subNav li a { color: #FFF/*5c7044*/; display: block; float: left; font-size: 13px; font-weight: bold; height: 27px; line-height: 27px; padding: 0 11px; text-decoration: none;}
		
/*===  SITE BODY  ===*/		
.siteBodyWrap {background: url(../images/bg_topHorizontal.gif) repeat-x left -238px;}
	.siteBody { margin: 0 auto; width: 942px;}
		.siteBody a { color: #02bbd6; text-decoration: underline;}
			.siteBody p { font-size: .75em; line-height: 1.4em; margin: 1.25em 0; color:#0B2C58;}
	/*-- util bar --*/
	.siteBody .siteUtil { color: #1c3a5d; font-size: 11px; line-height: 11px; padding: 4px 14px;}
		.siteBody .siteUtil a { color: #1c3a5d; text-decoration: none;}
			.siteBody .siteUtil a:hover { text-decoration: underline;}
		.siteBody .siteUtil .textSize { display: inline; float: left; padding: 0;}
			.siteUtil .textSize span { float: left; margin: 0 5px;}
			.siteUtil .textSize img { float: left;}
		.siteBody .siteUtil .printPage { display: inline; float: left; padding: 0;}
			.siteUtil .printPage span { margin: 0 10px;}
			
	.siteContent { color: #133461; padding: 10px 0 0 14px;}
		.siteContent .contentCTA { display: inline; float: right; margin: 20px 0 50px 10px; width: 296px;}
		.siteContent h1 { color: #133461; font-size: 1.75em; font-weight: bold; margin: 0;}
		.siteContent p { font-size: .75em; line-height: 1.4em; margin: 1.25em 0;}
		
		
		.siteContent ul { margin: 1.25em 0;}
			.siteContent ul li { font-size: 0.75em; line-height: 1.4em; list-style-type: disc; margin: 0 0 0 15px;}
			.siteContent ul li li { font-size: 100%;}
		.siteContent ul.arrowed {}
			.siteContent ul.arrowed li { background:url(../images/bullet_greenArrow.gif) no-repeat left 0.35em; list-style-type: none; margin: 0; padding: 0 0 0 15px;}
		ul.sources { margin: -0.75em 0 1.25em;}
			ul.sources li { font-size: 0.75em; line-height: 1.4em; list-style-type: decimal; margin: 0 0 0 20px;}
					
		.siteContent h2 { font-weight:bold;}
		.siteContent h3 { font-weight:bold; }
		
	/*-- boxed --*/
	.boxed { margin: 0 0 0 -7px; width: 612px;}	
		.boxed .boxHead { background: url(../images/bg_boxed_head.gif) no-repeat; height: 25px; overflow: hidden; width: 612px;}
		.boxed .boxFoot { background: url(../images/bg_boxed_foot.gif) no-repeat; height: 40px; overflow: hidden; width: 612px;}
		.boxed .boxBody { background: url(../images/bg_boxed_body.gif) repeat-y; width: 612px;}
		.boxed .boxIn { margin: 0 0 -10px; overflow: hidden; padding: 0 25px 0;}
		.boxed .item { padding: 0 0 20px;}
		.boxed .divided { background: url(../images/bg_boxed_divide.gif) no-repeat center bottom;}
		.boxed h2 { color: #759155; font-weight: bold; font-size: 1.2em; margin: 0 0 15px; position: relative;}
		.boxed h3 { margin: 0.75em 0;}
		.boxed p .big { font-size: 1.41em;}
		.siteContent .boxed p { margin: 0.75em 0 0;}
				
	/*-- send to friend --*/
	.sendFriendWrap {}
		.sendHead { background: url(../images/bg_sendHead.gif) repeat-x left top; height: 85px;}
			.sendHead img { margin: 12px 0 0 7px;}
		.sendBody { background: url(../images/bg_sendHead.gif) repeat-x left -85px; color: #000; overflow: hidden; padding: 15px 25px 25px;}			
		.sendBody p {font-size: .75em; line-height: 1.4em; margin: 1.0em 0;}
		.sendBody h1 { color: #133461; font-size: 1.75em; font-weight: bold; margin: 0;}
		
					
	/*-- inner splash --*/
	.innerSplashOut { margin: 0 -5px 0 -5px; position: relative; width: 952px;}
	.innerSplashIn { height: 163px; position: relative; width: 952px;}
	.innerSplashInwoimg { height: 5px; position: relative; width: 952px;}
		.innerSplashIn .splashBG { left: 0; position: absolute; top: 0; width: 952px;}
		.innerSplashIn .splashReplaced { height: 163px; padding: 0 6px; position: absolute; width: 940px;}
		.innerSplashIn .splashCTA { position: absolute; right: 21px; top: 0; width: 300px;}
			.innerSplashIn .specialist {display: inline; float: right; margin: 0; padding: 0 4px 0 0;}
			.innerSplashInwoimg .specialist {display: inline; float: right; margin: 0; padding: 0 4px 0 0;}
		.innerSplashOut .splashBottom { background: url(../images/bg_splashBottom_inner.gif) no-repeat; height: 25px; position: relative; width: 952px;}
		
		.specialistSolo { display: inline; float: right; margin: 0 20px -24px 0;}
			
	/*-- splash --*/
	.homeSplashOut { margin: 0 -5px 0 -5px; position: relative; width: 952px;}
		.homeSplashOut .specialist {position: absolute; right: 25px; top: 0; z-index:9}
		.homeSplashOut .hsgLogo {position: absolute; z-index:1000; right: 25px; top: 353px;}
	.homeSplashIn { height: 441px; position: relative; width: 952px;}
		.homeSplashIn .splashBG { left: 0; position: absolute; top: 0; width: 952px;}
		
		.homeSplashIn .splashReplaced { height: 441px; position: absolute; width: 952px;}
			.splashReplaced .replacedIn { left: 160px; position: absolute; top: 80px; width: 445px;}
			.splashReplaced .replacedIn h1 { color: #13355c; font-size: 24px; font-weight: bold; letter-spacing: -1px; line-height: 24px; margin: 0; text-transform: uppercase;}
				.splashReplaced .replacedIn h1 span { color: #768b58;}
			.splashReplaced .replacedIn p { color: #13355d; font-size: 14px; margin: 3px 0 5px; padding: 0 125px 0 5px; text-align: left;}
			.splashReplaced .replacedIn .btn { bottom: 0; position: absolute; right: 0;}
		
		.homeSplashIn .splashCTA { position: absolute; right: 17px; top: 80px; width: 306px;}			
			.homeSplashIn .splashCTA .buttons { clear: right; float: right;}
		
		.homeSplashOut .splashBottom { background: url(../images/bg_splashBottom.gif) no-repeat; height: 27px; position: relative; width: 952px; left:-4px;}
	
	/*-- forms --*/
	.formWrap { color: #0B2C58; margin: 0 0 2.0em;}
	.formItem { clear: left; display: inline; float: left; font-size: 0.75em; line-height: 1.4em; margin: 0 0 10px; overflow: hidden; width: 800px;}
		.formItem p { font-size: 100%;}
		.formItem label { float: left; width: 170px;}
		.formItem .labelLong { float: left; width: 550px;}
		.formItem .field { border: 1px solid #0B2C58; display: inline; float: left; margin: 0 0 0 10px; padding: 2px;}
		.formItem select { border: 1px solid #0B2C58; display: inline; float: left; margin: 0 0 0 10px;}
	.longField { width: 200px;}
	
	.buttonWrap { margin: 10px 0px 0px 15px;}
	.formButton { font-size: 12px; font-weight: bold; width: 70px; height: 25px; margin-left: 5px; }
	
	.confirmWrap { clear: left; float: left; width: 100%;}
	.confirmWrap .formItem { margin: 0 0 5px;}
	.confirmWrap .formItem input { float: left; height: 15px; margin: 0; position: relative; top: 1px; width: 15px;}
	.confirmWrap .formItem label { display: inline; float: left; margin: 0 0 0 10px;}
	
	/*-- xenazine videos --*/
	.xenStories { margin: 1.25em 0;}	
		.xenStories .storyItem { display: inline; float: left; font-size: 0.6875em; margin: 0 23px 0 0; width: 177px;}
			.xenStories .storyItem span { color: #0B2C58; display: block; padding: 4px 0 0; text-decoration: none;}
			.xenStories .storyItem h1 { font-size:color: #133461;  font-size: 1.75em; padding:0 0 8px 0;  font-weight: bold;}
		.xenStories .storyItem a {text-decoration: none;}
	
	.xenStories_lg { margin: 1.25em 0;}	
		.xenStories_lg .storyItem { display: inline; float: left; font-size: 0.6875em; margin: 0 23px 0 0; width: 245px;}
			.xenStories_lg .storyItem span { color: #0B2C58; display: block; padding: 4px 0 0; text-decoration: none; font-weight:bold}
			.xenStories_lg .storyItem span.intro { font-size:  1.2em;line-height: 1.4em; font-weight:normal}
			.xenStories_lg .storyItem span.intro u { color:#02BBD6}
			.xenStories_lg .storyItem h1 { font-size:color: #133461;  font-size: 1.75em; padding:0 0 8px 0;  font-weight: bold; width:170px}
		.xenStories_lg .storyItem a {text-decoration: none;}
	
	/*-- isi --*/
	.isiWrap { color: #0b2c58; display: inline;}
		.isiWrap p { font-size: 0.75em; line-height: 1.4em; margin: 1.25em 0;}
		.isiWrap .ind { color: #67824b; font-weight: bold; font-size: 1.25em;}
		.isiWrap .isi { color: #67824b; font-weight: bold; font-size: 1.25em;}
		.isiWrap ul { margin: 1.25em 0;}
			.isiWrap ul li { font-size: 0.75em; line-height: 1.4em; list-style-type: disc; margin: 0 0 0 15px;}
			.isiWrap ul li li { font-size: 100%;}
		.isiWrap ol {margin-left:15px; padding-left:10px; }
	    .isiWrap ol li { font-size: 0.75em; line-height: 1.333em; list-style-type:decimal}
	    .isiWrap ol li ol li { font-size: 1em;}
	    .isiWrap ol li ul li { font-size: 1em; list-style-type:circle;}
	    
	.isiBox { margin: 0; overflow: hidden; width: 942px;}
		.isiBox .boxHead { display: none; /*background: url(../images/bg_isi_box_head.gif) no-repeat; height: 16px; overflow: hidden; width: 942px;*/}	
		.isiBox .boxFoot { display: none; /*background: url(../images/bg_isi_box_foot.gif) no-repeat; height: 16px; overflow: hidden; width: 942px;*/}			
		.isiBox .boxBody { /*background: url(../images/bg_isi_box_body.gif) repeat-y left top; overflow: hidden; width: 942px;*/}			
		.isiBox .boxIn { border: 1px solid #000; padding: 15px 25px;}
		.isiWrap .isiBox ul { margin: 0;}
	
/*===  SITE FOOT ===*/
.siteFootWrap { margin: 75px 0 15px;}
	.siteFoot { border-top: 2px solid #4d4d4f; color: #4d4d4f; margin: 0 auto; padding: 15px 0 0; text-align: center; width: 855px;}
	.siteFoot a { color: #4d4d4f; font-weight: bold; text-decoration: none;}
		.siteFoot a:hover { text-decoration: underline;}
	.siteFoot p { font-size: 0.75em; line-height: 1.4em; margin: 0;}
	.siteFoot span { margin: 0 3px;}
	
/*===  Specialist Locator Table ===*/
.speacialistGrid {border-left:none; border-right:none; border-color:#84ADC2; width:100%; font-size:0.75em}
.speacialistGrid td {padding:3px;}
.speacialistGridHead {background-color:#B8CCE5}
.speacialistGridHead th {font-weight:bold; padding:5px}
