body {
	background: #4e7893 url(/images/bkg_body.gif) repeat-x;
}

/* =LAYOUT - MAIN REGIONS
//////////////////////////////////////////////////////////////////// */

#container {
width: 920px;
font-family: Arial, Helvetica, sans-serif;
margin: 15px;
}

#masthead {
background: #fff url(/images/gfx_masthead.jpg) no-repeat left top;

height: 140px;
position: relative;
}

#content 
{
clear: both;
padding: 6px;
background-color: #FFF;
/*background: url(/images/bkg_content.gif) repeat-x left bottom;*/
}

#primary_content {
float: left;
width: 520px;
margin-right: 6px;
font-size: 12px;
line-height: 1.5;
}

#full_content {
float: left;
width: 880px;
font-size: 12px;
line-height: 1.5;
}

#secondary_content {
float: right;
width: 370px;
}

#footer {
clear: both;
background: #f3f3f3 url(/images/bkg_footer.gif) repeat-x;
padding: 10px 10px 20px 10px;
margin-top: 4px;
border-top: 1px solid #666;
font-size: 11px;
color: #6b6b6b;
text-align: center;
}

/* =FOOTER STYLES AND NAV 
////////////////////////////////////////////////////// */

#footer p 
{
margin: 0;
}

#footer ul 
{
list-style-type: none;
margin: 10px auto;
padding: 0 0 10px 0;
width: 820px;
}

#footer ul a 
{
padding: 0 10px;
}

#footer li 
{
list-style-type: none;
margin: 0;
padding: 0;
float: left;
}



/* =MASTHEAD LAYOUT AND STYLES + SECONDARY NAV
////////////////////////////////////////////////////////////////////// */

#mastheadSearch {
	width: 250px;
	float: left;
	margin: 5px;
}

#mastheadSearch input {
margin: 0;
padding: 0;
color: #c6c6c6;
font-size: 11px;
font-style: italic;
border: 0px solid #fff;
}

input#SiteSearch {
	width: 150px;
	line-height: 20px;
	display: block;
	float: left;
	padding-top: 4px;
	padding-left: 30px;
	background: none;
	color: #666;
}

#ctl00_Panel1 {
	line-height: 20px;
}


#ctl00_ImageButton1 {
	float: left;
}


#mastheadSearch input#ctl00_ImageButton1
{
margin-top: 1px;
}


.logo {
float: left;
clear: left;
display: block;
margin: 8px 0 0 15px;
}

#header_graphic {
position: absolute;
right: 3px;
top: 0;
z-index: 100;
}

#main {
	z-index: 101;
}


#nav_secondary {
color: #ccc;
background: #fff url(/images/bkg_navSecondary.jpg) repeat-x;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
float: left;
height: 33px;
z-index: 9999;
position: absolute;
left: 240px;
}

#nav_secondary ul, #nav_secondary li {
margin: 0;
padding: 0;
list-style-type: none;
float: left;
}





/* =MAIN CONTENT COLUMN STYLES
//////////////////////////////////////////////////////////////////// */

#primary_content ul {
list-style-type: square;
margin-left: 0;
padding-left: 15px;
}

#primary_content ul ul{
padding-left: 25px;
}

#primary_content li {
list-style-type: square;
}




/* =SECONDARY CONTENT COLUMN STYLES
//////////////////////////////////////////////////////////////////// */
.relatedImage {
margin: 0 0 6px 0;
}

.relatedImage p {
margin: 0; padding: 0;
}

/* =NEWS BOX
-------------------------------------- */
.news {
font-size: 11px;
line-height: 1.75;
margin: 0 0 6px 0;
}

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

.news li {
clear: both;
margin-bottom: 7px;
}

.date {
width: 60px;
padding: 0 12px 0 0;
/*color: #063e6e;*/
color: #1e2e38;
display: block; 
float: left;
font-weight: bold;
}

.summary {
width: 280px;
color: #fff;
display: block;
float: left;
}
/* end news block */


/* CONTENT BOX - REVERSED COLORS 
----------------------------------- */
.reverse {
/*background: #76b7ef url(/images/bkg_reverse.gif) repeat-x;*/
background: #b0c0c1 url(/images/bkg_reverse.gif) repeat-x;
}

.headerBox {
background: #e7e7e7 url(/images/bkg_headerBox.gif) repeat-x; 
border: 1px solid #bdcad1;
}


/* VIDEO STYLES
///////////////////////////////////////////////////////////// */

#videoMenu 
{
	float: left;
	margin-right: 28px;
}

#videoFeature 
{
	width: 600px;
	float: left;
}

#videoFeature h2 
{
	margin: -10px 0 20px 0;
	padding: 0 12px;
}

.videoIcon, a.videoIcon 
{
	border: 0;
	display: block;
	padding: 0 0 4px 0;
}

a.videoCaption 
{
	font-style: italic;
	font-size: 11px;
	text-align: center;
	width: 200px;
	display: block;
	padding: 0 0 12px 0;
	text-decoration: none !important;
}

#flvPlayer 
{
	outline: none;
}


/* =GENERAL STYLES
////////////////////////////////////////////////////////////// */

.pad {
padding: 6px;
}

.contentPad {
padding: 0 0 12px 40px;
}

.clear {
clear: both;
}

.btnSubmit {
clear: both;
text-align: right;
padding: 12px 0 0 18px;
}

img 
{
border-style: none;
}


/* = DEFAULT HEADERS and FONTS
////////////////////////////////////////////////////////////// */

h1 
{
color: #0077be;
font-size: 24px;
font-family: "Gill Sans MT", "Gill Sans", "Gillsans", Arial, Helvetica, sans-serif;	
}

#primary_content h1, #full_content h1 {
margin-left: -30px;
padding-left: 30px;
background: url(/images/bkg_h1.gif) no-repeat 0 7px;
/*color: #0077be;*/
color: #3c5c70;
font-size: 24px;
font-family: "Gill Sans MT", "Gill Sans", "Gillsans", Arial, Helvetica, sans-serif;
font-weight: normal;
}

#primary_content h2, #full_content h2 {
color: #063e6e;
font-size: 20px;
font-family: "Gill Sans MT", "Gill Sans", "Gillsans", Arial, Helvetica, sans-serif;
font-weight: normal;
}

#primary_content h3, #full_content h3 {
/*color: #0077be;*/
color: #ab783f;
font-size: 18px;
font-family: "Gill Sans MT", "Gill Sans", "Gillsans", Arial, Helvetica, sans-serif;
font-weight: normal;
}

#primary_content h4, #full_content h4 {
color: #000;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
padding: 0;
margin: 6px 0;
}

#secondary_content h1 {
color: #666;
font-family: "Gill Sans MT", "Gill Sans", "Gillsans", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
margin: 0;
padding: 7px 6px;
}

#secondary_content h2 {
color: #063e6e;
font-family: "Gill Sans MT", "Gill Sans", "Gillsans", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
margin: 0;
}

#secondary_content h3 {
color: #063e6e;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0;
}

#secondary_content h4 {
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0;
}

p.reverse, .reverse p { color: #fff;}


td, p 
{
color: #444;
}

td 
{
font-size: 11px;
}


td strong, td b, p .strong, p b, strong {
color: #000;
}

ul ul { color: #666; padding-left: 25px;}

ul ul ul { color: #718a9e; padding-left: 25px;}

.FieldSet 
{
color: #0077be;
font-size: 18px;
font-family: "Gill Sans MT", "Gill Sans", "Gillsans", Arial, Helvetica, sans-serif;	
}


/* = LINKS
///////////////////////////////////////////////////////////// */

a:link, a:visited { color: #ab783f;  text-decoration: underline;}
a:hover, a:active, a:visited:hover { color: #3c5c70;}

#primary_content ul a {
color: #ab783f; 
text-decoration: none;
}

#primary_content ul a:hover {
color: #3c5c70;}
 
.news a {
text-decoration: none;
color: #fff;
font-size: 12px;
}

.news a:hover {
color: #D5E7EC;
font-size: 12px;
}


#footer a 
{
font-size: 11px;
#color: #3c5c70;
}

#footer a:hover {
color: #003333;
}


#nav_secondary a {
/*color: #4b93c9;*/
color: #3c5c70;
text-decoration: none;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
line-height: 33px;
padding: 0 30px 0 10px;
}

#nav_secondary a:hover {
/*color: #80b9e3;*/
color: #ab783f; 
}


/* advanced clearing technique 
Apply this class to the last element before the area that needs to clear. 
This eliminates the need for non-semantic extraneous mark-up, such as an empty div with clear:both applied */
.clearfix:after, #container:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix, #container {display:inline-block;}
* html .clearfix, * html #container {height:1%;}
.clearfix, #container {display:block;}



/* = EKTRON OVERRIDES and HACKS
////////////////////////////////////////////////////////////// */
.searchResultsHeader, .ektronSearch div.searchWrapper div.searchResultsHeader h3 {
background-color: #eee;
}
/* = XSLT TABLE STYLES
////////////////////////////////////////////////////////////// */

.tdHeaderLeft {border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; border-left:solid 1px #ccc;}
.tdHeaderMiddle {border-bottom:solid 1px #ccc; border-top:solid 1px #ccc;}
.tdHeaderRight {border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; border-right:solid 1px #ccc;}
.tdBodyLeft {border-bottom:solid 1px #ccc; border-left: solid 1px #ccc;}
.tdBodyMiddle {border-bottom:solid 1px #ccc;}
.tdBodyRight{border-bottom:solid 1px #ccc; border-right:solid 1px #ccc;}