/* =============================================================================

CONTAINER HEIGHT FIXES FOR MOZILLA

============================================================================= */
#titleBar:after,
#subWrapper:after,
#logoBottom:after,
#clientLogin:after,
#menuWrapper:after,
#header #row2:after,
.blogItem:after,
#mainContent:after,
.homepageFeature:after,
#homeContentBottom:after,
#leftNav:after,
#homeSubFeatures .content .item:after,
#homeSubFeatures .content .itemLast:after,
#homepageFeatureBottom:after,
.hpFeatureContent:after,
#whatsNew .feature .content:after,
#footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* =============================================================================

GENERAL STYLES

============================================================================= */

form,
input {
margin: 0;
padding: 0;
position: relative; 
vertical-align: middle;
}

ul,
li {
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6, h7 {
margin: 0;
padding: 0;
}

a {
color: #39486F;
text-decoration: none;
}

a:hover {
color: #000;
text-decoration: underline;
}

a img {
border: 0;
}

.leftImage {
float: left;
margin: 0 6px 6px 0;
}

.rightImage {
float: right;
margin: 0 0 6px 6px;
}

.centeredImage {
text-align: center;
margin: 6px;
}

/* =============================================================================

LAYOUT/STRUCTURAL STYLING - DO NOT EDIT!

============================================================================= */

body {
  padding: 10px 0 23px 0;
  margin:0;
  height:100%;
  background: #000 url('/images/body_bg.jpg') top repeat-x;
  font:x-small 'Trebuchet',verdana,helvetica,sans-serif; 
  color: #818181;
  }
  
#wrapper {
background: #fff;
margin: 0 auto;
width: 997px;
}

#subWrapper {
  background: #303030 url('/images/subwrapper_bg.jpg') top repeat-x;
  position: relative;
  margin: 0;
  padding: 0 4px 4px 4px;
  overflow: hidden;
  }
  
#mainContentWrapper {
margin-right: 255px;
}

#fullWidth #mainContentWrapper {
margin-right: 0;
}

/* =============================================================================

TITLEBAR

============================================================================= */

#printHeader {
display: none;
}

#tagline {
float: right;
padding: 33px 10px 0 0;
overflow: hidden;
}

#titleBar {
background: #fff url('/images/titlebar_bg.jpg') top right no-repeat;
padding: 0;
margin: 0;
}

#titleBar #search {
float: right;
padding: 13px 0 0 0;
width: 254px;
font-family: arial, san-serif;
font-size: 90%;
color: #A1A1A1;
}

#titleBar #search .field {
width: 186px;
margin: 1px 5px 0 0;
}

#logo {
float: left;
}

  
/* =============================================================================

RIGHT RAIL

============================================================================= */

#rightColumn {
position: absolute;
top: 0;
right: 4px;
background: #000;
width: 251px;
border-top: 3px solid #636363;
}

#blogWrapper {
padding-top: 22px;
background: #3A5274;
margin: 4px;
}

#blogTitle {
border-width: 1px 0;
border-color: #848484;
border-style: solid;
}

#blogContent {
background: #fff url('/images/blog_bg.jpg') top repeat-x;
}

.blogItem {
padding: 10px;
border-bottom: 1px solid #848484;
}

.time {
	float: left;
	margin: 8px 8px 0 0;
	padding: 0;
	background: url('/images/blog_date_bg.png') top no-repeat;
	text-align: center;
	width: 59px;
	height: 50px;
	padding: 11px 5px 6px 3px;
	font-family: arial, sans-serif;
}

.time a:hover {
text-decoration: none;
}

.time .month {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 110%;
	font-weight: bold;
	color: #848484;
	letter-spacing: 1px;
}

.time .month a {
color: #848484;
}

.time .month a:hover {
color: #000;
}

.time .day {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 32px;
	line-height: 32px;
	color: #39486F;
	font-weight: bold;
}

.blogText {
color: #6A6A6A;
}

.blogText a.title {
color: #383838;
font-weight: bold;
font-size: 110%;
text-transform: uppercase;
font-family: arial, sans-serif;
}

ul.blogCategories,
ul#sectionNav {
background: #3A5274;
border-color: #000;
border-width: 1px 1px 0 1px;
border-style: solid;
margin: 0;
padding: 0;
}

ul#sectionNav {
margin-bottom: 5px;
}

ul.blogCategories li,
ul#sectionNav li {
list-style-type: none;
margin: 0;
padding: 0;
}

ul.blogCategories li a,
ul#sectionNav li a {
border-bottom: 1px solid #000;
display: block;
margin: 0;
padding: 5px 7px;
height: 1em;
color: #D1D1D1;
text-decoration: none;
background: url('/images/doublearrow_bullet.gif') 225px 50% no-repeat;
}

ul#sectionNav li a {
background: url('/images/doublearrow_bullet.gif') 185px 50% no-repeat;
font-weight: bold;
}

ul.blogCategories li a:hover,
ul#sectionNav li a:hover {
background: #000 url('/images/doublearrow_bullet.gif') 225px 50% no-repeat;
color: #eee;
text-decoration: underline;
}

ul#sectionNav li a:hover {
background: #000 url('/images/doublearrow_bullet.gif') 185px 50% no-repeat;
}

#waterCoolerWrapper {
margin: 0 6px;
background: #000;
color: #393939;
padding-top: 24px;
}

#waterTopLinksWrapper {
background: #fff;
padding: 6px 0;
}

ul#waterTopLinks {
display: block;
border-width: 0 0 2px 0;
border-style: solid;
border-color: #CBCCCD;
}

ul#waterTopLinks li {
display: block;
background: #DDDFEB;
border-width: 2px 2px 0 2px;
border-style: solid;
border-color: #CBCCCD;
padding: 6px 12px;
font-family: helvetica, arial, sans-serif;
}

ul#waterTopLinks li:hover {
background: #fff;
}

ul#waterTopLinks li a {
font-weight: bold;
font-size: 110%;
}

#waterBottomLinks {
}

#waterBottomLinks .item {
background: #DDDFEB;
}

#waterBottomLinks .item img {
border-width: 6px 1px;
border-style: solid;
border-color: #fff;
}

#waterBottomLinks .item .content {
padding: 4px 9px;
}

#waterBottomLinks .item a.headline {
font-size: 125%;
font-weight: bold;
display: block;
margin-bottom: 7px;
}

#waterBottomLinks .item .link {
text-align: right;
padding: 4px 0 0 0;
}


#WTDAFeatured {
margin: 0 5px;
}

#WTDAFeatured img {
display: block;
}

#WTDAFeatured .text {
	padding: 0 6px 6px 6px;
	background: #fff;
}


#WTDAFeatured .text a {
	font-size: 125%;
}

/* =============================================================================

HEADER

============================================================================= */

#header {
overflow: hidden;
}

#header #row1 {
background: #3F4654 url('/images/header_row1_bg.jpg') top repeat-x;
height: 29px;
padding: 0 0 0 1px;
}

#logoBottom {
float: left;
}

#sectionName {
padding: 4px 0 0 116px;
margin-left: 46px;
}

#header #row2 {
background: #FBFBFB url('/images/header_row2_bg.jpg') bottom repeat-x;
border-bottom: 5px solid #fff;
}

#loginStatus {
padding: 8px 10px;
color: #515152;
font-size: 135%;
font-weight: normal;
float: right;
}

.logout {
font-size: 85%;
}

#clientLogin {
float: right;
padding: 4px 6px 4px 0;
}

#clientLogin .field {
margin-top: 1px;
}

#clientLogin img {
margin: 0 6px 0 0;
position: relative; 
vertical-align: middle;
}

#menuWrapper {
background: #fff;
padding: 0 0 0 2px;
min-height: 24px;
}

#menu {  
margin: 0;
padding: 0;
float: left;
}

#menu li {
float: left; /* needs to be floated to display bg color */
margin: 5px 0 0 2px;
display: inline;
padding: 0;
background: url('/images/tab_left_off.jpg') 0px 0px no-repeat;
}  

#menu li:hover,
#menu li.over,
#menu li.on,
#menu li.menuCurrentLoc {
background: #4F637F url('/images/tab_left_on.jpg') 0px 0px no-repeat;
margin-top: 2px;
}

#menu li a {
float: left;
display: block;
font-size: 10px;
font-weight: bold;
font-family: arial, sans-serif; 
color: #fff;
margin: 0;
padding: 4px 8px;
text-decoration: none;
background: url('/images/tab_right_off.jpg') 100% 0px no-repeat;
} 

#menu li a:hover,
#menu li.menuCurrentLoc a {
color : #fff; 
background: url('/images/tab_right_on.jpg') 100% 0px no-repeat;
padding: 5px 8px 6px 8px;
}

#mainContent {
background: #fff url('/images/contentwrapper_bg.jpg') top repeat-x;
padding: 5px 5px 0 0;
position: relative;
}

/* =============================================================================

LEFT RAIL

============================================================================= */

#leftColumn {
width: 204px;
padding: 0;
position: absolute;
left: 0;
top: 4px;
background: #fff;
}

#leftNav {
background: url('/images/leftnav_bg.jpg') top repeat-y;
border-width: 0 1px;
border-style: solid;
border-color: #fff;
font-family: arial, sans-serif;
}

#leftNav .sectionTitle a {
padding: 4px 9px;
background: #C6C7CC;
margin: 0 0 1px 0;
display: block;
text-decoration: none;
}

#leftNav .sectionTitle a:hover {
background: #687796;
}

#leftNav .sectionTitle h4 a {
color: #3A5274;
font-weight: bold;
font-size: 135%;
}

#leftNav .sectionTitle h4 a:hover {
color: #eee;
}

#leftNav ul li {
padding: 0 0 0 6px;
margin: 0;
}

#leftNav ul li a {
padding: 5px 6px;
margin: 0;
height: 1em;
display: block;
border-bottom: 1px solid #B8BAC3;
color: #333;
font-size: 110%;
}

#leftNav ul li a.last {
border-bottom: 0;
}

#leftNav ul li a:hover {
color: #000;
background: #fff;
}

#homeContact {
padding: 8px;
font-size: 110%
}

#latestHeadlinesWrapper {
background: #000;
padding: 1px 4px 0 4px;
}

#latestHeadlinesWrapper .title {
background: #AAACB2;
text-align: right;
padding: 4px 6px 0 6px;
}

#latestHeadlinesWrapper .headline {
border-bottom: 1px solid #000;
}

ul.latestHeadlines {
background: #3A5274;

}

ul.latestHeadlines li {
list-style-type: none;
padding: 5px 7px;
color: #B8B8B8;
text-decoration: none;
list-style-image: url('/images/doublearrow_bullet.gif')
}

ul.latestHeadlines li a {
display: block;
color: #fff;
font-weight: bold;
}

ul.latestHeadlines li a:hover {
color: #eee;
text-decoration: underline;
}

#latestHeadlinesWrapper .bottom {
background: #AAACB2;
text-align: right;
padding: 4px 6px;
border-bottom: 1px solid #000;
}

#latestHeadlinesWrapper .bottom a {
color: #3A5274;
font-weight: bold;
}

#latestHeadlinesWrapper .bottom a:hover {
color: #000;
text-decoration: underline;
}


/* =============================================================================

CENTER COLUMN - HOMEPAGE

============================================================================= */

#centerColumn {
margin-left: 208px;
}

.hpFeatureContent{
display: none;
}

.homepageFeature {
border: 1px solid #000;
text-align: right;
background-repeat: no-repeat;
background-position: top left;
}

.homepageFeature .content {
background: #fff;
border-left: 1px solid #BABABA;
width: 158px;
padding: 0 8px;
float: right;
text-align: left;
min-height: 241px;
}

.homepageFeature .content .title {
padding: 10px 0 5px 0;
}

.homepageFeature .content .title h3, 
.homepageFeature .content .title h4 {
color: #828282;
font-weight: bold;
font-family: arial, sans-serif;
text-transform: uppercase;
line-height: 1em;
}

.homepageFeature .content .title h3 {
color: #39486F;
font-size: 250%;
}

.homepageFeature .content .title h4 {
font-size: 145%;
}

.homepageFeature .content .description {
padding: 5px 0;
border-width: 1px 0;
border-style: dotted;
border-color: #B5B5B5;
}

.homepageFeature .content .link {
padding: 5px 0;
}

.homepageFeature .content .link a {
color: #39486F;
font-weight: bold;
text-transform: uppercase;
}

.homepageFeature img {
float: left;
}

#homepageFeatureBottom {
background: #3A5274 url('/images/hp_featured_bottom_bg.jpg') bottom repeat-x;
border-top: 1px solid #fff;
border-bottom: 2px solid #202227;
padding-right: 1px;
}

#featureBottomTitle {
padding: 19px 19px 0 0;
width: 325px;
text-align: right;
}

.featuredNumber {
float: right;
background: #fff;
margin: 1px 0;
}

.featuredNumber .number {
color: #39486F;
font-weight: bold;
}

#homeContentBottom {
}

#homeAbout {
float: right;
background: #E9E9E9 url('/images/home_about_bg.jpg') bottom right no-repeat;
width: 226px;
padding: 16px 11px 41px 11px;
line-height: 175%;
font-size: 105%;
border-bottom: 1px solid #fff;
}

#homeAbout a:hover h3 {
text-decoration: underline;
}

#homeAbout h3 {
color: #39486F;
font-size: 140%;
font-weight: bold;
}

#homeSubFeatures {
width: 268px;
float: left;
}

#homeSubFeatures .title {
height: 29px;
background: #919397;
}

#homeSubFeatures .content {
padding: 11px 5px;
background: url('/images/sub_features_bg.jpg') top repeat-x;
}

#homeSubFeatures .content .item,
#homeSubFeatures .content .itemLast {
padding: 12px 0;
border-bottom: 1px solid #C6C6C7;
}

#homeSubFeatures .content .item img,
#homeSubFeatures .content .itemLast img {
margin: 0 10px 0 0;
border: 1px solid #686869;
float: left;
}

#homeSubFeatures .content .item .headline,
#homeSubFeatures .content .itemLast .headline {
color: #404754;
font-weight: bold;
font-size: 110%;
}

#homeSubFeatures .content .itemLast {
border-bottom: 0;
}

/* =============================================================================

CENTER COLUMN - CHILD PAGE

============================================================================= */

#childContentWrapper {
background: #737987 url('/images/child_content_wrapper_bg.jpg') top repeat-x;
border-width: 3px 1px;
border-color: #5E6371;
border-style: solid;
}

#childContentWrapper #searchResults {
background: #fff;
}

#childContentWrapper .content ul {
margin-left: 25px;
}

#childTitle {
padding-top: 24px;
text-align: right;
background: url('/images/child_title_bg.jpg') bottom repeat-x;
}

#articleLinks {
float: left;
padding: 10px 0 0 0;
}

#whatsNew {
color: #585858;
font-size: 110%;
padding: 0 5px;
padding-bottom: 12px;
}

#whatsNew .date {
text-align: right;
padding: 4px 0;
font-weight: bold;
color: #fff;
font-size: 110%;
}

#whatsNew .feature {
margin-top: 12px;
line-height: 175%;
}

#whatsNew .feature .title {
background: #3A5274;
border-bottom: 3px solid #000;
border-top: 1px solid #93A2BE;
padding: 5px 10px;
}

#whatsNew .feature .title h4 {
font-weight: bold;
font-size: 125%;
color: #E4EAF8;
}

#whatsNew .feature .content {
border-width: 0 1px;
border-style: solid;
border-color: #5D6371;
background: #fff url('/images/whatsnew_article_bg.jpg') top repeat-x;
padding: 8px 10px;
}

#whatsNew .feature .bottom {
background: #9C9EA6;
padding: 9px 12px;
text-align: right;
border-width: 0 0 1px 0;
border-style: dotted;
border-color: #333;
}

#whatsNew .feature .bottom img {
position: relative;
vertical-align: middle;
margin-right: 7px;
}

#whatsNew .feature .bottom a {
font-weight: bold;
color: #eee;
}

#whatsNew .feature .bottom a:hover {
color: #fff;
text-decoration: underline;
}

/* =============================================================================

FOOTER

============================================================================= */

#footer {
padding: 2px 8px;
background: #fff;
font-family: arial, san-serif;
font-size: 90%;
color: #6A6A6A;
}

#siteCredit {
float: right;
}