@import url("xstandard.css");
@import url("menu-h.css");
@import url("forms.css");
@import url("jquery.lightbox-0.5.css");
@import url("../corners/corners.css");

/* All styles that the user can add via Xstandard should appear in xstandard.css */
body {font-size:62.5%; position:relative; }

/* Page building styles */
div#wrapper { margin:0 auto; width:987px; position:relative; font-size:1.2em; }
div#header { background:#FFF url(/cms/outertemplates/images/bg/header-1-bg.png) no-repeat; height:120px; width:987px; z-index:2; }
	a#logo { float:left; margin:29px 0 0 54px; }
	

	ul.widgets { float:right; list-style:none; margin:5px 30px 0 0; width:420px; }
	ul.widgets li { color:#FFF; float:left; height:23px; line-height:23px; padding:0 3px; }

		#smallText { color:#FAA634; font-size:0.8em; } /* This should match the font size of the body tag */
		#mediumText { color:#FAA634; font-size: 0.9em; }
		#largeText { color:#FAA634; font-size:1.0em; font-weight:bold; }

		/* Text resizing styles */
		.smallText { font-size:0.6em; } /* This should match the font size of the body tag */
		.mediumText { font-size: 0.8em; }
		.largeText { font-size:1em; }

    #printPage { background:url(/cms/outertemplates/images/icon/iconPrint.gif) no-repeat right; color:#FFF; float:left; height:23px; line-height:23px; margin:0 6px 0 0; padding:0 25px 0 0; }
    #fbLnk { background:url(/cms/outertemplates/images/icon/iconFB.gif) no-repeat right; color:#FFF; float:left; height:23px; line-height:23px; margin:0 6px 0 0; padding:0 25px 0 0; }
    div.searchInput { background:#000; float:left; height:23px; width:178px; }
        div.searchInput input { background:#000; border:none; color:#FFF; padding:4px 0 0 5px; width:168px; }
    #translate label {display:block; width:110px; float:left; padding-top:2px; text-align:right;}
    #translate select { padding:0; color: #fff; border: none; float:left; background:#000;}
    
    #headerContact { background:url(/cms/outertemplates/images/bg/headerContact-bg.gif) no-repeat bottom center; float:right; margin:30px 30px 0 0; padding:0 0 10px 0; width:640px; }
        #headerContact p { color:#FFF; font-size:1.2em; font-weight:bold; margin:0; text-align:right; text-transform:uppercase; }
            #headerContact p span { color:#B2CCD9; }

    #printPage { background:url(/cms/outertemplates/images/icon/iconPrint.gif) no-repeat right; color:#FFF; float:left; height:23px; line-height:23px; margin:0 6px 0 0; padding:0 25px 0 0; }
    div.searchInput { background:#000; float:left; height:23px; width:178px; }
        div.searchInput input { background:#000; border:none; color:#FFF; padding:4px 0 0 5px; width:168px; }

div#banner { position:relative; width:987px; }
div#bannerBG { background:url(/cms/outertemplates/images/bg/header-2-bg.png) no-repeat top; height:20px; left:0; position:absolute; top:0; width:987px; }

div#bannerBox { float:left; height:295px; margin:0 0 0 20px; width:638px; }
div.bannerBoxBG-0 { background:url(/cms/outertemplates/images/bg/banner-box-bg-0.jpg) no-repeat; }
div.bannerBoxBG-1 { background:url(/cms/outertemplates/images/bg/banner-box-bg-1.jpg) no-repeat; }
    div#bannerBoxContent { height:120px; margin:155px 0 0 35px; position:relative; width:370px; }
        
div#bannerStory { background:url(/cms/outertemplates/images/bg/banner-right-bg.png) no-repeat bottom; float:left; height:275px; margin:0 8px 0 3px; padding:10px; width:298px; }
    div#bannerStory div { background:url(/cms/outertemplates/images/bg/quote-left.gif) no-repeat top left; padding:5px 0 0 5px; }
        div#bannerStory div div { background:url(/cms/outertemplates/images/bg/quote-right.gif) no-repeat bottom right; overflow:hidden; padding:0 5px 5px 0; }
    div#bannerStory a { background:url(/cms/outertemplates/images/btn/lnkArrow-2.gif) no-repeat left; color:#82ABC1; padding:0 0 0 25px; }
    div#bannerStory h2 { color:#005581; font-weight:bold; text-transform:uppercase; }
        div#bannerStory h2 a { background:none; padding:0; }
    div#bannerStory h3 { color:#005581; font-weight:bold; }
        div#bannerStory h3 a { background:none; color:#005581; padding:0; }
        div#bannerStory h3 a:hover {text-decoration: none;}
    div#bannerStory p { color:#666; font-weight:bold; }
    div#bannerStory p a { background:url(/cms/outertemplates/images/btn/lnkArrow-1.gif) no-repeat left; color:#005581; float:right; padding:0 0 0 24px; }
    div#bannerStory ul { list-style:none; margin:30px; }

div#bannerImage { float:left; margin:0 0 0 25px; width:633px; }

div#bannerContact { background:url(/cms/outertemplates/images/bg/banner-right-bg.png) no-repeat bottom; float:left; padding:10px 0; width:318px; }
div#bannerContact div.getInContact p, div#bannerContact div.getInvolved p { color:#005581; font-size:1em; letter-spacing:-1px; margin:0; text-transform:uppercase; }
        div#bannerContact div.getInContact { background:url(/cms/outertemplates/images/icon/help-phone-2.gif) no-repeat left; height:60px; padding:0 0 0 70px; }
            div#bannerContact div.getInContact p.phone { font-size:2.7em; }
                div#bannerContact div.getInContact p span { color:#86ACC0; }
        div#bannerContact div.getInvolved { background:url(/cms/outertemplates/images/icon/help-tick-2.gif) no-repeat left; height:60px; padding:0 0 0 70px; }
            div#bannerContact div.getInvolved a { color:#86ACC0; text-decoration:underline; }
       div#bannerContact div.hr { background:url(/cms/outertemplates/images/bg/rightColHR-2.gif) no-repeat center; height:1px; width:316px; }

div#homeMid { width:987px; }

div#middleWrap { clear:both; width:987px; margin:0; overflow:hidden;}
div#leftCol { width: 190px; float:left; padding:5px;}
div#mainCol { float:left; width:660px; }
    div#mainCol div.homeContent { border-bottom:2px solid #D8E5EC; border-left:1px solid #D8E5EC; height:116px; padding:8px 8px 0; }
        div#mainCol div.homeContent a { background:url(/cms/outertemplates/images/btn/lnkArrow-3.gif) no-repeat left; padding:0 0 0 24px; }
        div#mainCol div.homeContent h1, div#mainCol div.homeContent p { margin:0 0 0.4em; }

div#mainCol div.content { padding:0 0 0 20px; }

div#content { float:left; }

div#rightCol { width:318px; float:left; padding:0;}
    div#rightCol div.homeContent { background:url(/cms/outertemplates/images/bg/help-box-bg.png) no-repeat; font-weight:bold; height:116px; margin:2px 0 0; padding:8px 0 0 2px; width:316px; }
        div#rightCol div.homeContent div.getInContact p, div#rightCol div.homeContent div.getInvolved p { color:#005581; font-size:1em; letter-spacing:-1px; margin:0; text-transform:uppercase; }
        div#rightCol div.homeContent div.getInContact { background:url(/cms/outertemplates/images/icon/help-phone-1.gif) no-repeat left; height:55px; padding:0 0 0 70px; }
            div#rightCol div.homeContent div.getInContact p.phone { font-size:2.7em; }
                div#rightCol div.homeContent div.getInContact p span { color:#86ACC0; }
        div#rightCol div.homeContent div.getInvolved { background:url(/cms/outertemplates/images/icon/help-tick-1.gif) no-repeat left; height:55px; padding:0 0 0 70px; }
            div#rightCol div.homeContent div.getInvolved a { color:#FFF; text-decoration:underline; }
        div#rightCol div.homeContent div.hr { background:url(/cms/outertemplates/images/bg/rightColHR.gif) no-repeat center; height:1px; width:316px; }

div#rightCol div.content { padding:0 0 0 20px; }

ul.subnav { list-style:none; margin:12px 0; }
    ul.subnav li { padding:3px 0; }
        ul.subnav li a { background:url(/cms/outertemplates/images/btn/lnkArrow-3.gif) no-repeat left top; display:block; padding:0 0 0 25px; }
        ul.subnav li.active a { background:url(/cms/outertemplates/images/btn/lnkArrow-3a.gif) no-repeat left; color:#005581; }

div#content.noleftcol { width: 726px; margin-left:0; }
div#content.norightcol { width: 726px; margin-right:0; }

div#breadcrumb { clear:both; overflow:hidden; padding:0 0 0 20px;}
div#breadcrumb ul { float:left; margin: 8px 0; }
div#breadcrumb li { color:#005581; display:inline; margin:0 4px 0 0; padding:0 10px 0 0; background:url(/cms/outertemplates/images/bg/breadcrumb.gif) right no-repeat; }
div#breadcrumb li.last { background:none; }
    div#breadcrumb li a { color:#7FAAC0; }

div#footerWrap { bottom:0; height:95px; position:absolute; width:100%; }

div#footer { background:url(/cms/outertemplates/images/bg/footer-bg.jpg) no-repeat; font-size:0.8em; height:95px; margin:15px 0 0; width:987px; }
div#footer p { clear:both; color:#005581; margin:0 20px 0 0; padding:14px 0 0; text-align:right; }
div#footer a { color:#005581; }

    div#fixedLinks {float:right;}
    div#fixedLinks ul { list-style:none; margin:8px 16px; }
	div#fixedLinks ul li { border-left:1px solid #005581; float:left; list-style:none; padding:0 4px; }
	div#fixedLinks ul li.first { border:none; }
	div#fixedLinks ul li a { color:#005581; }

div#news ul { margin: 5px 5px 5px 25px; }
div#skipLinks {position:absolute; left:-9999px;}

div.left, input.left { float:left; }
div.right, input.right { float:right; }

div.clear { clear:both; }

div.left2Col { float:left; width:50%; }
div.right2Col { float:right; width:50%; }

/* Clearfix for non ie browsers */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
/* End of Clearfix */

.hidden { display:none; }
.over { cursor:pointer; }