/* General ----------------------------------------------------------------------------------------- */

.body {
	background-color: #405b84;
	margin: 10px 10px 5px 10px;
	padding: 0;
	font-family: tahoma, arial, verdana, sans-serif;
	font-weight: normal; }
	
	
/* Masthead ----------------------------------------------------------------------------------------- */
	
#masthead {
	margin: 0 auto;
	border: 5px solid #FFFFFF;
	background: #FFFFFF url('../images/header-new.jpg') top left no-repeat;
	width: 775px;
	height: 95px;
	position: relative; }
	
#masthead .overlay {
	width: 775px;
	height: 95px;
	filter:alpha(opacity=10);
	-moz-opacity:.10;
	opacity:.10; }
	
#green #masthead .overlay { background-color: green; }
#blue #masthead .overlay { background-color: darkblue; }
#red #masthead .overlay { background-color: darkred; }
#orange #masthead .overlay { background-color: orange; }
#yellow #masthead .overlay { background-color: yellow; }
#white #masthead .overlay { background-color: white; }

.home {
	display: block;
	position: absolute;
	width: 300px;
	height: 50px;
	top: 0;
	left: 0; 
	background-color: transparent;  }


/* Navigation ----------------------------------------------------------------------------------------- */

#navigation a { text-decoration: none; }

#green #navigation a { color: #9BA494; }
#blue #navigation a { color: #8a8ea1; }
#red #navigation a { color: #B29594; }
#orange #navigation a { color: #ACA08D; }
#yellow #navigation a { color: #acac8d; }
#white #navigation a { color: #8e8e8e; }

#green #navigation a:hover, #green #navigation div { color: #6C7565; }
#blue #navigation a:hover, #blue #navigation div { color: #676c7d; }
#red #navigation a:hover, #red #navigation div { color: #846765; }
#orange #navigation a:hover, #orange #navigation div { color: #867A67; }
#yellow #navigation a:hover, #yellow #navigation div { color: #6d6a52; }
#white #navigation a:hover, #white #navigation div { color: #747474; }

.button1, .button2, .button3, .button4, .button5, .button6 {
	position: absolute;
	display: inline;
	font-weight: bolder;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
	bottom: -1px;
	height: 29px; }
* html .button1, * html .button2, * html .button3, * html .button4, * html .button5, * html .button6 { bottom: -3px; }	
	
.button1 { 	left: 4px; width: 108px; }	
.button2 { 	left: 112px; width: 114px; }		
.button3 { 	left: 228px; width: 136px; }		
.button4 { 	left: 365px; width: 89px; }		
.button5 { 	left: 456px; width: 90px; }
.button6 { 	left: 545px; width: 80px; }

div.button1 { background: url('../images/button1_on.gif') 0 0 no-repeat; }
div.button2 { background: url('../images/button2_on.gif') 0 0 no-repeat; }
div.button3 { background: url('../images/button3_on.gif') 0 0 no-repeat; }
div.button4 { background: url('../images/button4_on.gif') 0 0 no-repeat; }
div.button5 { background: url('../images/button5_on.gif') 0 0 no-repeat; }
div.button6 { background: url('../images/button6_on.gif') 0 0 no-repeat; }
	
	

/* Sub-Navigation ----------------------------------------------------------------------------------------- */

#subnav {
	background-color: #FFFFFF;
	padding: 0 4px 5px 16px;
	margin:-4px auto 5px auto;
	display: block;
	position: relative;
	width: 755px;
	height: 10px;
	border: 5px solid #FFFFFF;
	font-size: 11px; }

#subnav a { 
	color: #666666;
	padding: 0 5px; }

#subnav a:link, #subnav a:visited { color: #666666; }	
#subnav a:hover { color: #333333; }

#subnav span {
	font-weight: bolder;
	color: #333333;
	padding: 0 5px; }


	


/* Content ----------------------------------------------------------------------------------------- */
	
#content {
	margin: 5px auto 0 auto;
	background-color:#FFFFFF;
	width: 785px; }
	
#content .interior { 
	padding: 15px 30px 25px 30px;
	vertical-align: top;
	font-size: 12px;
	font-family: arial, verdana, sans-serif;
	line-height: 16px;
	position: relative; }
	
* html #content .interior { padding: 5px 30px 25px 30px; }

.highlight {
	font-size: 12px;
	color: #666666; 
	line-height: 15px;
	padding: 10px 25px;
	margin-bottom: 20px;
	background-color: #fcfcfc;
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;}
	
#content h1 {
	font-size: 27px;
	margin: 0;
	padding: 0 0 8px 0;
	line-height: 40px;
	font-weight: normal;
	font-family: tahoma, arial, verdana, sans-serif; }

* html #content h1 { font-size: 25px; line-height: 36px; }

#content h1.video {
	font-size: 27px;
	margin: 0;
	padding: 0;
	line-height: 40px;
	font-weight: normal;
	font-family: tahoma, arial, verdana, sans-serif; }
	
#content h2 {
	font-size: 18px;
	margin: 0;
	padding: 0;
	line-height: 24px;
	font-weight: normal;
	font-family: tahoma, arial, verdana, sans-serif; }	

#content ol { margin: 8px 0px 8px -20px; }
#content ol li ol li { list-style-type: upper-alpha; }
#content ul { margin: 8px 0 8px -25px; }
#content ul li, #content ol li { margin: 2px 0px; }
#content ol li ul li { list-style-type: disc; margin-left: 40px;}

* html #content ul { margin: 8px 0 8px 5px; }
* html #content ol li { margin: 2px 0 2px 25px; }
* html #content ul li { margin: 2px 0 2px 25px; }
* html #content ol li ul li { list-style-type: disc; margin-left: 15px; }
* html #content ol li ol li { margin-left: 25px; }

#content ol.lowercase li { list-style-type: lower-alpha; }

#content ol.none { margin: 5px 0 15px -30px; }
#content ol.none li { list-style-type: none; margin: 5px 0; }

#content sup { 
	font-weight: bolder;
	color: #333333;
	font-size: 10px; }
	
.bullet {
	margin: 7px 0px 7px 10px;
	line-height: 15px;
}
	
#green #content h1, #green #content .number, #green #content a { color: #6C7565; }
#blue #content h1, #blue #content .number, #blue #content a { color: #676c7d; }
#red #content h1, #red #content .number, #red #content a { color: #846765; }
#orange #content h1, #orange #content .number, #orange #content a { color: #867A67; }
#yellow #content h1, #yellow #content .number, #yellow #content a { color: #6d6a52; }
#white #content h1, #white #content .number, #white #content a { color: #666666; }

#green #content .interior { border: 5px solid #C1D0BA; }
#blue #content .interior { border: 5px solid #b3bad6; }
#red #content .interior { border: 5px solid #DBBFBC; }
#orange #content .interior { border: 5px solid #DACEBB; }
#yellow #content .interior { border: 5px solid #dad8bb; }
#white #content .interior { border: 5px solid #D2CFCC; }

#green #content a:hover { color: #9BA494; }
#blue #content a:hover { color: #969bac; }
#red #content a:hover { color: #B29594; }
#orange #content a:hover { color: #ACA08D; }
#yellow #content a:hover { color: #acac8d; }
#white #content a:hover { color: #999999; }

#disclaimer {
	border-top: 1px solid #666666;
	padding: 5px 20px 0 20px;
	margin-top:20px;
	font-size: 10px;
	color: #333333; }

#shadow {
	margin: 0 auto;
	width: 785px;
	height: 5px;
	background: url('../images/shadow.jpg') left top repeat-x; }



/* Right Column ----------------------------------------------------------------------------------------- */

#column {
	width: 200px;
	height: 100%;
	display: block;
	position: relative;
	float: right; }
	
#column .callout {
	font-size: 12px;
	color: #666666;
	text-align: center; 
	line-height: 16px;
	padding: 10px;
	margin: 15px 0 20px 20px;
	background-color: #fcfcfc; }

#column .number {
	font-size: 18px;
	font-weight: normal;
	padding: 5px 0 10px 0; }

#column .headline {
	font-size: 16px;
	font-weight: normal;
	padding: 10px 0 2px 0; }

#column .video {
	font-size: 11px;
	font-weight: normal;
	padding: 0px 0 5px 0; }
	
#green #column .callout { border: 1px solid #DDE5D8; }
#blue #column .callout { border: 1px solid #b7bccd; }
#red #column .callout { border: 1px solid #D2B6B3; }
#orange #column .callout { border: 1px solid #D0C7B5; }
#yellow #column .callout { border: 1px solid #d0ceb5; }
#white #column .callout { border: 1px solid #D1D0CD; }


/* Content Image ----------------------------------------------------------------------------------- */

.content_image {
	display: inline;
	position: relative;
	float: right;
	bottom: 0;
	right: 0; }



/* Footer -------------------------------------------------------------------------------------------- */

#footer {
	margin: 0 auto;
	width: 785px;
	font-size: 11px;
	text-align: center;
	padding:10px 0; 
	color: #ffffff;
	line-height: 11px; }
	
#footer a:link, #footer a:visited { color: #FFFFFF; }
#footer a:hover: { color #999999; }

/* Contact Form ------------------------------------------------------------------------------ */

.msg-pct {
	width: 600px;
	}

#home-contact {
width: 775px;
margin: 5px auto;
color: #fff;
font: 11px tahoma, arial, verdana, sans-serif;
position: relative;
}

#home-contact a, #home-contact a:visited {
color: #fff;
}

#home-contact a:hover {
color: #ededed;