﻿

#HeaderHome
{
	background-image:url(/images/HomeHeaderBg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:200px;
	width:769px;
	position: relative;
}

#HeaderHome a.FhfLink
{
	position: absolute;
	width: 219px;
	height: 52px;
	top: 148px;
	left: 5px;
	display: block;
}

#HeaderContent
{
	background-image:url(/images/ContentHeaderBg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:95px;
	width:769px;
	position: relative;
}

#HeaderContent a.FhfLink
{
	position: absolute;
	width: 225px;
	height: 52px;
	top: 43px;
	left: 5px;
	display: block;
}

#HeaderContent a.LogoLink
{
	position: absolute;
	width: 252px;
	height: 95px;
	top: 0px;
	left: 370px;
	display: block;
}

#HeaderSearch
{
	position:absolute;
	top:172px;
	right:174px;
}

#HeaderContent #HeaderSearch
{
	top:71px;
	right:136px;
}

#HeaderSearch #SearchText
{
	border:0px;
	float:left;
	width:107px;
	margin-right:4px;
	font-size:0.8em;
	color:#255485;
	text-align:right;
}

#SearchResults ol
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#SearchResults li
{
	padding:0px 0px 15px 10px;
}

#SearchResults li div
{
	padding-left:30px;
	font-size:0.85em;
}

#SearchResults span.SearchHit
{
	background-color:#c5e6fb;
}

#GlobalNav
{
	width:759px;
	margin:0px auto;
	padding:13px 0px 0px 0px;
	background-image:url(/images/GlobalNavBg.gif);
	background-repeat:no-repeat;
	height:44px;
}


#GlobalNav ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	height:44px;
}

#GlobalNav ul li
{
	/*display:inline;*/
		display:block;
	float:left;
	margin:0px;
	padding:0px;
}

#GlobalNav ul li a
{
	padding:0px;
	display:block;
	background-repeat:no-repeat;
	height:22px;
}

#GlobalNav ul li a.Selected,
#GlobalNav ul li a:hover
{
	background-position:0px -22px;
}

#HomeNav a
{
	width:51px;
	margin-left:42px;
	background-image: url(/Images/HomeNav.gif);
}

#AboutUsNav a
{
	width:87px;
	margin-left:58px;
	background-image: url(/Images/AboutUsNav.gif);
}

#ResourcesNav a
{
	width:100px;
	margin-left:57px;
	background-image: url(/Images/ResourcesNav.gif);
}

#TakeActionNav a
{
	width:123px;
	margin-left:54px;
	background-image: url(/Images/TakeActionNav.gif);
}

#ContactNav a
{
	width:83px;
	margin-left:55px;
	background-image: url(/Images/ContactNav.gif);
}

/* Local nav and breadcrumb styles */

.BreadCrumbs
{
	background-color:#fff;
	font-size:0.8em;
	padding:0px 13px 0px 13px;
	min-height:18px;
	background-image: url(/images/BreadcrumbClipBg.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

/* hack for IE */
* html .BreadCrumbs
{
	height:18px;
}

.BreadCrumbs ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.BreadCrumbs ul li
{
	display:block;
	float:left;
	color:#0e497f;
	padding-left:10px;
	padding-right:7px;
	background-image: url(/images/BreadcrumbBg.gif);
	background-repeat:no-repeat;
	background-position:left 6px;
}

.BreadCrumbs ul li.First
{
	background-image: none;
	padding-left:0px;
}

.BreadCrumbs ul li a
{
	color:#0e497f;
}

.BreadCrumbs ul li a:hover
{
	text-decoration:underline;
}

#LeftColumnWrapper
{
	float:left;
	width:165px;
}

#LocalNavWrapper
{
	background-image:url(/images/LocalNavBgTop.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding-top:28px;
	background-color:#0088cd;
}

#LocalNav
{
	width:155px;
	min-height:86px;
	background-image:url(/images/LocalNavBgBottom.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:0px 5px 44px 5px;
}

* html #LocalNav
{
	height:86px;
}

#LocalNav ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	background-color:Transparent;
}

#LocalNav ul li
{
	margin:0px;
	width:147px;
	padding:2px 4px 1px 4px;
	display:block;
	border-bottom:1px solid #3db5ff;
	float:left;
}


#LocalNav ul li li
{
	margin:0px;
	padding:4px 0px 4px 0px;
	font-size:0.9em;
	color:#aaeaff;
	border-bottom:none;
}

#LocalNav ul li li a
{
	color:#aaeaff;
}

#LocalNav ul li li.Selected a
{
	color:#ffffff;
	font-weight:bold;
}

#LocalNav ul li li li
{
	margin:0px;
	width:137px;
	padding:3px 4px 0px 12px;
	background-image:url(/images/LocalNavArrow.gif);
	background-repeat:no-repeat;
	background-position:1px 8px;
	font-size:0.95em;
	color:#fdb544;
}

#LocalNav ul li li li.Selected
{
	background-image:url(/images/LocalNavArrowSelected.gif);
}

#LocalNav ul li li.Selected li a
{
	color:#fdb544; 
	font-weight:normal;
}

#LocalNav ul li li li.Selected a
{
	color:#ffffff;
	font-weight:normal;
}



/* Local nav and breadcrumb styles end */

#ContentWrapper
{
	background-image:url(/images/ContentBg.gif);
	background-repeat:repeat-y;
	padding:4px 12px 0px 12px;
	margin:0px;
}

#HomeMiddle
{
	background-color:#c5e6fb;
	padding:12px 6px 0px 8px;
	margin:0px;
}

#HomeLeftColumn
{
	width:450px;
	float:left;
}

#InFocusWrapper
{
	margin-top:5px;
	background-image: url(/images/InFocusWrapperBg.gif);
	background-position:top left;
	background-repeat:repeat-y;
	position:relative;
}

#FocusHeader
{
	background-image: url(/images/InFocusBg.gif);
	background-position: -8px top;
	background-repeat:no-repeat;
	width:450px;
	height:48px;
}

#FocusContent
{
	background-image:url(/images/InFocusFooterBg.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:10px;
}

/* hack for IE 6 so the list items appear infront of bcakground! */
* html #FocusContent
{
	height:1px;
}

#FocusContent .IntroText
{
	font-size:0.85em;
}

#FocusContent ul
{
	list-style-type:none;
	margin:6px 0px 0px 0px;
	padding:6px 0px 0px 0px;
}

#FocusContent ul li
{
	margin:4px 0px 0px 0px;
	padding:0px;

}

.ArticleImage
{
	float:left;
	width:97px;
	margin: 0px 9px 0px 0px;
}

.ArticleText
{
	float:left;
	width:305px;
}

.ArticleText p
{
	margin:0px;
	padding-bottom:10px;
}


.ArticleTitle a
{
	color:#38a6e4;
	font-size:1.2em;
	font-weight:bold;
	padding-left:32px;
	margin-bottom:5px;
	background-image:url(/images/InFocusArticleArrow.gif);
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
	min-height:24px;
}

* html .ArticleTitle a
{
	height:24px;
}


#HomeRightColumn
{
	width:273px;
	float:right;
}

#FocusedOn
{
	text-align:right;
	margin-top:5px;
}

#SpotlightWrapper
{
	margin-top:5px;
	background-image:url(/images/SpotlightHeaderBg.gif);
	background-repeat:repeat-y;
	background-position:left top;
	width:270px;
}

#Spotlight
{
	background-image:url(/images/SpotlightFooterBg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

/* hack for IE 6 so the list items appear infront of bcakground! */
* html #Spotlight
{
	height:1px;
}

#SpotlightHeader
{
	margin-left:13px;
}

#SpotlightWrapper ul
{
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#SpotlightWrapper ul li
{
	list-style-type:none;
	margin:10px 0px 0px 0px;
	padding:0px;
}

.SpotlightText
{
	padding:0px 18px 0px 18px;
	font-size:0.85em;
	font-weight:bold;
}

.SpotlightText p
{
	margin:0px;
	padding-bottom:10px;
}

.SpotlightTitle
{
	 color:#0088ce;
	 padding-bottom:10px;
	 font-size:1.1em;
}

#FacebookLink
{
	padding:0px 0px 9px 5px;
}

#FacebookLink a
{
	background-image:url(/images/FacebookBar.gif);
	background-repeat:no-repeat;
	height:31px;
	width:260px;
	display:block;
}

#Middle
{
	background-color:#c5e6fb;
	padding:0px 0px 0px 8px;
	margin:0px;
}

.MiddleInner
{
	margin:0px;
	padding:0px;
	background-image: url(/images/ContentHeaderBg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	min-height:160px;
	width: 728px;
}

* html .MiddleInner
{
	height:160px;
}

.Content
{
	width:534px;
	float:right;
	margin:0px 0px 0px 10px;
	padding-right: 10px;
}

.ContentSection p
{
	margin-top:0px;
	margin-bottom:12px;
}

#ContentTitle
{
	margin-top:10px;
	margin-bottom:48px;
}

.BackToTop
{
	display:block;
	float:right;
	background-color: #0088CD;
	border: solid 1px #C5E6FB;
	padding: 3px 5px;
}

.BackToTop a
{
	color: #FFFFFF;
	font-size: 0.75em;
	text-decoration: none;
}

#ResourceImage
{
	float:left;
	width:275px;
}

#ResourceContent
{
	float:right;
	width:250px;
	padding-top:10px;
}

#ResourceContent ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#ResourceContent li
{
	margin:0px 0px 15px 0px;
}

#ResourceContent li a
{
	height:40px;
	width:118px;
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
}

#ResourceContent li span
{
	display:block;
	margin-left:25px;
}

.LinkList
{
	background-color:#c5e6fb;
	margin-top: 30px;
}
.LinkList ul
{
	background-color:#c5e6fb;
	margin:0px;
	padding:5px 15px;
	list-style-type:none;
	margin-bottom:4px;
}

.LinkList ul li
{
	display:block;
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding:4px 0px 4px 22px;
}

#LinksTop
{
	height:3px;
	overflow:hidden;
	background-image:url(/images/LinksTopBg.gif);
	background-repeat:repeat-x;
}

#LinksBottom
{
	height:3px;
	overflow:hidden;
	background-image:url(/images/LinksBottomBg.gif);
	background-repeat:repeat-x;
	clear:both;
}

#PageFeatures
{
}

#PageFeatureWrapper
{
	width: 100%;
	margin:0px auto;
	padding:20px 0px 20px 0px;
}

.Feature
{
	width:260px;
	float:left;
	margin:0px;
	padding:0px;
	background-image:url(/images/FeatureBgBlue.gif);
	background-repeat:repeat-y;
}

.FeatureTitle
{
	background-image:url(/images/FeatureTitleBg.gif);
	background-repeat:no-repeat;
	height:39px;
	padding:10px 0px 0px 10px;
}

.FeatureBody
{
	padding:0px 20px 0px 18px;
}

.FeatureBody p
{
	padding:0px;
	margin:0px 0px 8px 0px;
}

.FeatureFooter
{
	height:28px;
	background-image:url(/images/FeatureBottomBg.gif);
	background-repeat:no-repeat;
	background-position:7px 0px;
}

#Footer
{
	background-image:url(/images/FooterBg.gif);
	background-repeat:no-repeat;
	height:62px;
	padding:9px 35px 0px 35px;
	clear:both;
}


#FooterTiles img
{
	float:right;
	margin-left:8px;
}

#FooterCopy
{
	float:left;
	margin-top:6px;
	color:#fff;
	font-size:0.8em;
}

#FooterBottom
{
	padding:0px;
}

#FooterBottom ul
{
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#FooterBottom ul li
{
	display: inline;
	padding: 0px 5px;
}

#FooterBottom ul li.Last
{
	padding-right:0px;
}

#FooterBottom ul li.First
{
	padding-left:0px;
}

#FooterBottom ul li a
{
	color: #FFFFFF;
	font-size: 0.8em;
	text-decoration: underline;
}