/* GLOBAL STYLES FOR yourhsc.com */
html { min-height: 100.01%; margin-bottom: 0.01%; }
/* this is to force vertical scrollbar throughout site has to be 100.01% as if 100.1 there is slight vertical movement. */
body { background:#B6BDCD; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 76%; /*height: 110%;*/ }
a { text-decoration: underline; color: #333333; }
a:hover { text-decoration: none; }
button { cursor: pointer; }
.noborder{ border:0;}
/* START ACCESSIBILITY */
.access { position: absolute; left: -1000px; width: 100px; top: 0; }
/* END ACCESSIBILITY */
/* START HEADER */
#header {float:left; margin:0; display:inline; width:984px; height:117px; }
#header h1 { float: left; }
/* END HEADER */
/* start homePrimaryNav */
#homePrimaryNav { width:234px;float:left}
#homePrimaryNav ol li { margin-bottom:3px;}
#homePrimaryNav ol li div a { }
/* end */
/* start content main menu */
#contentArea #loggedInHomepageContent { float:left; display:inline; width:984px; background:#5f8cb3; padding:12px; }
#contentArea #loggedInHomepageContent ul.hpContainer {margin:0; padding: 4px}
#contentArea #loggedInHomepageContent ul.hpContainer li.hpContainer {float:left; display:inline; margin-right:14px; list-style:none;}
#contentArea #loggedInHomepageContent ul.hpContainer li.hpContainer.last { float:left; list-style:none; margin:0; padding:0;}
#contentArea .contentMainMenu { width:315px; float:left; margin:0; display:inline; margin:0; padding:0;}
#contentArea .contentMainMenu .navBanner {height:37px; background:url(/template-images/layout/menu/navTop.gif) no-repeat top left;}
#contentArea .contentMainMenu .navBanner h2 {color:#E20147; font-weight:bold; font-size:1.2em; padding: 8px 0 0 15px; }
#contentArea .contentMainMenu .navTreeContainer {}
#contentArea div.contentMainMenu ol.tree { background:url(/template-images/layout/menu/navBottom.gif) no-repeat bottom left; padding:0 0 35px 12px; margin:0 0 0 0; }
#contentArea div.contentMainMenu ol.tree li a img {mardgin-right:5px; }
#contentArea div.contentMainMenu ol.tree li a span.linkSpacer {margin-right:5px; }
#contentArea .contentMainMenu ol.hidden {zdisplay:none; }
#contentArea .contentMainMenu ol.show {display:block; }
#contentArea .contentMainMenu ol.tree ol.tree {width:auto; background: transparent; margin:0; padding: 0}
#contentArea .contentMainMenu ol.tree li {/*height:20px;*/ list-style: none; margin:0px 0px 0px 5px;/* margin:0px 0px 2px 6px;*/ width:200px; /*padding:2px 2px; */border-top:1px dotted #c8c7d5; }
#contentArea .contentMainMenu ol.tree li.selected {font-weight:bold; }
#contentArea .contentMainMenu ol.tree li.selected ol {font-weight:normal; }
#contentArea .contentMainMenu ol.tree li a { text-decoration:none; color:#0d4f7f; font-size:0.9em; font-weight:bold; }
#contentArea .contentMainMenu ol.tree li a.treelink {margin-left:5px; }
#contentArea .contentMainMenu ol.tree li.showmore{padding-top:10px;}
#contentArea .contentMainMenu ol.tree li a.showmore{padding-left:5px; padding-right:15px; padding-top:3px; padding-bottom:2px; height:14px; line-height:14px; margin:0; background-image:url(/template-images/layout/buttons/bluebuttonbackground.png); background-repeat:repeat-x; border:1px solid #21658C; }
#contentArea .contentMainMenu ol.tree li a.showmore{ display:inline-block; color:#ffffff; text-align:left;}
#contentArea .contentMainMenu ol.tree li a.active{ }
#contentArea .contentMainMenu ol.tree li a.noborder{ border-width:0px;}
#contentArea .contentMainMenu ol.tree li.showmore img {width:11px; height:19px; margin-left:-15px; margin-top:-1px; vertical-align:middle; }
#content .formBuilder ol { list-style:none; list-style-position:outside; padding:0; margin:0;}
#content .formBuilder fieldset { margin-bottom:30px;}
#contentArea fieldset {margin:0; padding:0; }
/*Start the lower container section this appear under the head and is used for setting the repeating y blue area */
#contentArea #lowerContainer { position:relative; background: transparent url(/template-images/layout/bg/innerpage/containerRepeaterY.jpg) repeat-y top left; padding: 20px; }
#contentArea #lowerContainer #primaryNavContainer { width:220px; float:left; display:inline;}
#contentArea #lowerContainer #primaryNav {z-index:1; list-style: none; list-style-position: outside; margin: 0; padding: 0; position: relative; width: 220px; }
#contentArea #lowerContainer #primaryNav li { color:#BF1248; font-weight:bold; line-height: normal; list-style: none; list-style-position: outside; margin: 0; padding: 0; }
#contentArea #lowerContainer #primaryNav ol { background:transparent url(/template-images/layout/bg/innerpage/navigationTop.GIF) no-repeat top left; margin:0; list-style:none; list-style-position:outside; padding: 1px 10px 10px; }
#contentArea #lowerContainer #primaryNav ol div.secondLevel ol.tree {background: none}
#contentArea #lowerContainer #primaryNav ol li { background:transparent url(/template-images/layout/bg/innerpage/secondlevelDots.gif) repeat-x bottom left; }
/* #contentArea #lowerContainer #primaryNav ol li.last {padding-bottom:10px; background-image: none; }*/
#contentArea #lowerContainer #primaryNav ol li ol li { padding-top : 1px;}
#contentArea #lowerContainer #primaryNav ol li ol li ol li { padding : 0px;}
#contentArea #lowerContainer #primaryNav ol li img { margin-right:2px;}
#contentArea #lowerContainer #primaryNav ol ol { background: #FFFFFF; padding-right:0; }
#contentArea #lowerContainer #primaryNav ol ol {background:none; /*border:1px solid black;*/ }
#contentArea #lowerContainer #primaryNav ol ol .selected { color:#0D506B; text-decoration:underline; }
#contentArea #lowerContainer #primaryNav ol ol li {background:#F0F2F5; margin-left:-10px; width:200px; max-width:200px; text-indent:10px; margin-bottom:1px; }
#contentArea #lowerContainer #primaryNav ol ol li img { margin-right:2px;}
#contentArea #lowerContainer #primaryNav ol ol ol li { background:#FFFFFF; }
#contentArea #lowerContainer #primaryNav ol ol ol li a {padding-left:10px; color:#03AEF3;}
#formAreaContent { min-height:395px; position:relative; }
#contentArea #lowerContainer #primaryNav div { position:relative; display:block; /*width:220px;*/ /*min-height:279px;*/ background:#FFFFFF url(/template-images/layout/bg/innerpage/navigationBottom.gif) no-repeat bottom left; /*padding-bottom:10px;*/ }
#contentArea #lowerContainer #primaryNav a { font-size: 1.3187em; padding:5px; /*display: block;*/ text-decoration: none; }
#contentArea #lowerContainer #primaryNav ol a { color: #436372; font-size: 0.9065em; font-weight: normal; padding: 5px 0; }
#contentArea #lowerContainer #primaryNav .selected { color:#E20147;}
#contentArea #lowerContainer #primaryNav li.selected a.title { color:#E20147; }
#primaryNavContainer #primaryNav ol li div a { display:none}
#primaryNavContainer #primaryNav ol li div a.treelink {display:block}
div.secondLevel {margin-bottom:10px; margin-top:10px;}
#contentArea #lowerContainer #primaryNav div.secondLevel ol ol li {width:100%; background:none; }
#contentArea #lowerContainer #primaryNav li div.secondLevel ol li.background {padding:5px; }
#contentArea #lowerContainer #lowerContainerTop { position:absolute; top:0; left: 0; height:92px; display:block; width:996px; background:transparent url(/template-images/layout/bg/innerpage/containerTop.jpg) no-repeat top center; }
#contentArea #lowerContainer #lowerContainerBottom { position:absolute; bottom:0; left:0; height:157px; display:block; width:996px; background:transparent url(/template-images/layout/bg/innerpage/containerBottom.jpg) no-repeat bottom center; }
.hidden {display:none; }
.show {display:block; }
/* end content main menu */
/* start home page left hand side navigation*/
#homepageNavigation { float:left; width:234px; }
body #homepageNavigation ul { display:inline; float: left; padding:0; list-style: none; margin:0;}
#homepageNavigation ul li { list-style-position: outside; height:59px; padding:0; margin: 0; line-height:59px; width:234px; background:url(/template-images/layout/bg/homeTabLeftWithDots.gif); background-repeat:no-repeat; list-style:none; }
#homepageNavigation ul li.tabbedButton { margin-bottom:3px; display:inline-block; }
#homepageNavigation ul li.tabbedButton a {text-align:right; direction:rtl; text-indent:30px; display:block; width:234px; line-height:59px; vertical-align:middle; text-decoration:none;}
#homepageNavigation ul li.tabbedButton a:hover {text-align:right; display:block; width:234px; background:url(/template-images/layout/bg/homeTabLeftWithDotsOver.gif); background-repeat:no-repeat;}
/* start homepage content area*/
#zonecontent { float:left; margin-left:6px; width:732px; height:307px;}
/* start homepage news */
#newstop {float:left; background: transparent url(/template-images/layout/bg/news/newsbackground.png) no-repeat top left; }
#homepageFooterButtons #newstop ul { list-style-position: outside; margin: 0; padding: 0; width:322px; float:left; }
#homepageFooterButtons #newstop ul li { clear:both; display:inline-block; margin:0; list-style-type:none; background-image:url(/template-images/layout/bg/news/dottedline.png); background-position:bottom; background-repeat:repeat-x; list-style:none; margin: 0; padding: 0; }
#homepageFooterButtons #newstop ul li a { text-decoration:none; }
#homepageFooterButtons #newstop #newsbottom { background: transparent url(/template-images/layout/bg/news/newsbackgroundbottom.png) bottom left no-repeat; display: block; min-height: 120px; padding: 2px 12px 12px 16px; width:452px; }
#homepageFooterButtons #newstop h3{ text-indent:-2000px;}
#homepageFooterButtons #newsbottom img{ float:right; width:96px; height:96px;}
/* start homepage partners */
#partnerstop {float:left; margin-left:10px; background: transparent url(/template-images/layout/bg/partners/partnerstop.gif) no-repeat top left; }
#homepageFooterButtons #partnerstop #partnersbottom #logos{ background: transparent url(/upload/layout/partnerlogos.gif) no-repeat center center; margin-top:-10px; height:139px; width:458px;}
#homepageFooterButtons #partnerstop #partnersbottom{ background: transparent url(/template-images/layout/bg/partners/partnersbottom.gif) bottom left no-repeat; display: block; min-height: 110px; padding: 5px 12px 0px 16px; width:452px; }
#homepageFooterButtons #partnerstop h3{ text-indent:-2000px;}
/* start contentwrapper
#contentWrapper #mainContent #contentheader {position:absolute; top:0; left:0; width:726px; height:98px; background: transparent url(/template-images/layout/bg/innerpage/contenttop.gif) no-repeat top left; }
#contentWrapper #mainContent #contentfill {position:relative; background:url(/template-images/layout/bg/innerpage/contentrepeatery.gif); background-repeat:repeat-y; width:732px;}
#contentWrapper #mainContent #contentfooter {position:absolute; bottom:0; left:0; height:332px; background:transparent url(/template-images/layout/bg/innerpage/contentbottom.gif) no-repeat bottom left; display:block; min-height:60px; width:732px; }
#contentWrapper #mainContent #contentfill #content { z-index:201;}
*/
/* start footer menu buttons */
#homepageFooterButtons {float:left; display:inline; border:0px solid yellow; width:984px; padding-left:0px; padding-top:5px; }
#homepageFooterButtons ul {margin:0; padding-top:10px; margin-bottom:10px; }
#homepageFooterButtons ul li.tabbedButton {background:url(/template-images/layout/bg/homeTabLeft.gif); height:59px; width:234px; list-style:none; float:left; display:inline; margin-right:6px; margin-left:6px; }
#homepageFooterButtons ul li.tabbedButton a { color:#FFFFFF; text-decoration:none; color:#FFFFFF; float:left; margin-left:10px; margin-right:5px; margin-top:23px; text-transform:uppercase; font-size:0.9em; }
#homepageFooterButtons ul li.tabbedButton div.dots{ float:left; display:inline; margin:0; margin-top:23px; height:13px; width:15px; background-image:url(/template-images/layout/bg/homeTabLeftDots.gif); background-repeat:no-repeat; }
/* end footer menu buttons */
#contentArea li.tabbedButton {line-height:1.2em; }
#contentArea li.tabbedButton a {color:#FFFFFF; }
/* START MAIN NAV */
/*#mainNav { clear: both; display: block; font-size: 0.9em; margin-bottom: 10px; }
#mainNav li { background: #01234E url(/template-images/layout/bg/mainNav/off.png) no-repeat right top; border: 2px solid #01234E; border-bottom: none; display: block; float: left; margin-right: 2px; min-width: 115px; }
#mainNav li a { display: block; color: #FFFFFF; font-weight: bold; padding: 3px 20px 6px 5px; text-decoration: none; white-space: nowrap; }
#mainNav .selected { background: #AD072F url(/template-images/layout/bg/mainNav/on.png) no-repeat right top; border: 2px solid #AD072F; border-bottom: none; }
#mainNav .selected a { text-transform: uppercase; }
#mainNav .lowercase a { text-transform: lowercase; }
#mainNav .MN_last { margin-right: 0; }
*/
/* END MAIN NAV */
.trademark
{
font-size:80%;
margin-left:2px;
}
/* START SUB NAV */
#subNav { background: transparent url(/template-images/layout/bg/subNav/subNav.png) no-repeat left top; border: 1px solid #D3D4DA; border-bottom: none; margin-top: 10px; }
#contentArea #subNav ol { margin: 0; min-height: 250px; padding: 4px; }
#contentArea #subNav li { background: transparent url(/template-images/layout/bg/subNav/button.png) no-repeat left bottom; line-height: 1em; list-style: none; }
#contentArea #subNav li a { color: #7D8091; display: block; font-weight: bold; padding: 8px 8px 10px 8px; text-decoration: none; }
#contentArea #subNav .selected ol li a { color: #7D8091; }
#contentArea #subNav li a:hover { }
#contentArea #subNav .selected { }
#contentArea #subNav .selected a { color: #E2003D; text-transform: uppercase; }
#contentArea #subNav ol ol { display: block; margin: 0; min-height: 1px; padding: 0 0 8px 0; }
#contentArea #subNav ol ol li { background: transparent; padding-left: 8px; }
#contentArea #subNav ol ol li a { background: transparent url(/template-images/layout/bg/subNav/subNavArrow.gif) no-repeat 0px 7px; color: #7D8091; padding: 4px 8px 4px 13px; text-transform: uppercase; }
#contentArea #subNav ol ol .selected a { color: #E2003D; }
/* END SUB NAV */
/* %%%%%%%%%%%%%%%%%%%%% */
/* START layout */
#pageWrapContainer {background: /*#eeeff3*/#B6BDCD url(/template-images/layout/bg/headerGrad.png) repeat-x right top; margin: 0 auto; padding: 0px; }
#pageWrap { margin: 0 auto; padding: 0 14px; width: 975px; }
#pageWrap #contentArea {border:0px solid red; float:left; width: 999px; display:inline; /*clear: both; margin-top: 10px;*/ background: transparent url(/template-images/layout/bg/subNav/bg.gif) no-repeat left bottom; }
#pageWrap #contentArea.noImage {background-image:none}
#pageWrap #contentArea #contentWrapper { padding-bottom: 16px; position:relative; }
#pageWrap #contentArea #mainContent { position:relative; float:right; display:inline; width:712px; /*margin-left: 250px;*/ }
#pageWrap #contentArea #mainContent #content { padding:30px 0 0 0; }
#pageWrap #contentArea #subContent { width: 240px; float: left; background: #FFFFFF; }
/* END layout */
#pageWrap.contentTwoColumnTemplate #content { width: 480px; float: left; /*padding-left: 20px;*/ }/* KF commented out padding as pushing in too far on two column template, contact > find us page */
#pageWrap.contentTwoColumnTemplate #secondColumn { width: 210px; float: right; }
/* %%%%%%%%%%%%%%%%%%%%% */
/* %%%%%%%%%%%%%%%%%%%%% */
/* START CONTENT */
#contentArea p { line-height: 1.2em; margin: 1em 0; }
#contentBody img { margin: 0 0 34px 34px; }
#contentArea hr,
#pageWrap .hr { margin: 10px 0; height: 8px; background: transparent url(/template-images/LV=/layout/bg/dots_horiz.gif) repeat-x left center; font-size: 1px; border: none; }
#pageWrap .hr hr { display: none; }
/* START Hx */
#contentArea h2 { font-size: 1.8em; }
#contentArea h3 { font-size: 1.4em; margin-top: 1em; color: #E2003D; }
#contentArea h4 { font-size: 1.3em; margin-top: 1.5em; }
#contentArea h5 { font-size: 1.2em; margin-top: 1.5em; }
#contentArea h6 { font-size: 1.1em; margin-top: 1em; }
/* END Hx */
/* START A */
#contentArea a { color: #21658C; }
#contentArea a:hover { }
/* END A */
/* START list */
#contentArea ul { list-style: disc; padding-left: 15px; margin: 1em 2em; }
#contentArea ol { list-style: decimal; padding-left: 15px; margin: 1em 2em; }
#contentArea li { line-height: 1.5em; }
#contentArea dl { }
#contentArea dt { font-weight: bold; }
/* #contentArea dd { margin-left: 2em; }
END list */
#contentArea blockquote { padding: 0.5em 2em; }
/* START table */
#contentArea table { margin-bottom: 1em; position:relative;}
#contentArea caption { padding: 3px 5px; }
#contentArea tr { }
#contentArea th { padding: 2px 5px; }
#contentArea td { padding: 3px 5px; vertical-align: top; }
#contentArea td p:first-child,
#contentArea th p:first-child { margin-top: 0; }
/* END table */
/* END CONTENT */
/* %%%%%%%%%%%%%%%%%%% */
/* START FOOTER */
#footer { clear: both; color: #333333; font-size: 0.9em; display: block; margin-top: 10px; margin-bottom: 1em; padding: 19px 0; width: 100%; }
#footer ol { float: left; }
#footer li { display: inline; }
#footer a { color: #003771; font-weight: bold; padding-right: 4px; padding-left:4px; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer img { float: right; }
#footer p { clear: left; }
#footer p img { float: none; }
/* END FOOTER */