@charset "utf-8";
@import url(masthead.css);
@import url(login.css);

/***********************************************/
/* GLOBAL XHTML CSS tag styles                 */
/***********************************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: -5px 0 0 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	*margin: 0 0 0 0;
	padding: 0px 5px 0px 5px;
	background: #FFFFFF url(../images/bg.jpg) repeat;
	font-size: small;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	
}
/**** This rule will fix various miscellaneous issues in general IE7 CSS layouts. ****/

div {
/*  zoom:expression("100%");*/
}

/* the following rule is recognized only by IE6 > */

* html body	
  {
	/*font-size: x-small;ie 6*/
  }
#submitbutton {
	display:block;
	margin: 10px auto 10px auto;
}

img, body img {
	display:block;
	margin: 5px 10px 0px 0px;
	padding: 0px;
	border:0;
}
/******* hyperlink and anchor tag styles *******/

a:link {
	color: #0038A8;
	text-decoration: underline;
}

a:visited{
	color: #0038A8;
	text-decoration: underline;
}

a:hover{
	color: #000000;
	text-decoration: underline;
}
a:active{
	color: #0038A8;
	text-decoration: underline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong, b {
	font-weight: bold;
}


a:focus {
	outline: 0px dotted;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}
blockquote {
	margin: 10px 0px 10px 0px!important;
	padding: 10px;
	line-height:1.2em;
	text-align:center;
	font: 16px bold Helvetica, Verdana, Arial, sans-serif;
	color:#0038A6;
	display:block;
	background-color:#FFFFFF;
	border-top: 2px solid #0038A6;
	border-bottom: 2px solid #0038A6;
}

h1, h2, h3
 {
 	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin-bottom:0px;
	text-align: right;
	font-size: 24px;
	font-weight: 300;
	vertical-align:middle;
	color:#0038A6;
	letter-spacing:.03em;
}

h1 {
/**margin-top:-5px;*/
padding: 0px 5px 0px 25px;
line-height:1.4em;
/*clear:both;*/
}

 h2
 {
 padding: 0px 5px 0px 15px;
 font-size: 14px;
	font-weight: 400;
	color:#0038A6;
	letter-spacing:.02em;
	line-height:1.4em;
}
 h3
 {
 padding: 0px 5px 0px 15px;
 font-size: 14px;
	font-weight: bold;
	color:#666666;
	letter-spacing:0em;
	line-height:1.2em;
}


/* ----------------------------------------------------------------------------------------------------*/
.container_home{
	position:relative;
	/*top:-16px;
	*top:0px;*/
	margin:0 auto ;
	padding:10px 0px 40px 0px;
	text-align: center;
	width: 980px;
	*width: 982px;/**/
	/*height:auto;
	min-height:100%;*/
	background-color:#FFFFFF;
	border-left:1px #0038a6 solid;
	border-right:1px #0038a6 solid;
	border-bottom:1px #0038a6 solid;
}


/* General rules
----------------------------------------------------------------------------------------------------*/
.flash_feat,
.subnav,
.news_ticker_box,
.mod_1,
.mod_2,
.mod_3,
.mod_4,
.bottom_links,
.footer_home,
.feat_home,
.feat_nav
 {
	display: inline;
	float: left;
	position: relative;
	margin: 0px 15px 14px 15px;
	/**margin: 0px 15px 0px 15px;*/
	border: 1px solid #e7e7e7;
	overflow: hidden;
	padding: 5px 0;
	text-align: center;
	background-color:#FFFFFF;
}


	
.mod_1 img,
.mod_2 img,
.mod_3 img,
.mod_4 img,
.feat_nav_inset img, .container_home .feat_nav img
 {
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.container_home .mod_1 img,
.container_home .mod_2 img,
.container_home .mod_3 img
{
margin-bottom:15px;
/*border:1px red solid;*/
}
.mod_1 p,
.mod_2 p,
.mod_3 p,
.mod_4 p,
.feat_nav_inset p, .container_home .feat_nav p
 {font-family: Helvetica, Arial, Verdana, sans-serif;
	padding: 0px 5px 0px 5px;
	text-align: left;
	font-size: 12px;
	font-size: 11px;
	font-weight: 300;
	margin: 0;
	vertical-align:middle;
	color:#5f6a72;
}
.feat_nav_inset p, .container_home .feat_nav p {
	color:#666666;
	padding: 5px 5px 0px 10px;
	margin:0;
	}

.feat_nav_inset h3
 {font-size: 14px;
	font-weight: bold;
	color:#666666;
	letter-spacing:0em;
	padding: 5px 5px 0px 10px;
	margin:0 0 0 0;
	line-height:normal;
}
.feat_nav_inset ul {
	color: #000;
	text-align:left;
	font-size:11px;
	padding: 5px 5px 0px 5px;
	margin-top:0;
	line-height: 1.8em;
	list-style:none;
	list-style-image:none;
}

.feat_nav_inset li {
	list-style:none;
	margin:5px 0px 5px 10px;/*setting for FF and other standards compliant browsers*/
	#margin:5px 0px 5px 5px; /*setting for IE7*/
	*margin:5px 0px 5px -25px;/*setting for IE6*/
	line-height: 1.4em;

	padding: 0.1em 0.5em 0 0;
display: block;

}
.feat_nav_inset input, .feat_nav_inset #jumpMenu {
	width:200px;
	}

/* Main  Feature Elements
----------------------------------------------------------------------------------------------------*/

.container_home .flash_feat{
	width: 948px;
	/**width: 950px;*/
	height: 455px;

	padding:0;
}


.container_home .feat_home{
	width: 708px;
	/**width: 710px;*/
	min-height:100%;
	*height:auto;
	margin: 0px 5px 14px 15px;
	/**margin: 0px 5px 0px 15px;*/
	padding:0;
}
.container_home .feat_nav {
	width: 228px;
	/**width: 230px;*/
		min-height:100%;
	*height:auto;
	float:right;
	margin: 0px 15px 14px 5px;
	/**margin: 0px 15px 0px 5px;*/
}
.feat_nav_inset {
	background-color:#e7e7e7;
	margin: 0px 5px 0px 5px;
	padding:0;
	}
	
.container_home .feat_story {
position:relative;
	width: 700px;
	/**width: 710px;*/
	padding:0;
	text-align:left;
	float:left;
	margin:10px 0px 10px 15px;
	/*border:thin #F00 solid;*/
	}
.container_home .feat_story p {
color:#394a59; 
text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 0px;
line-height: 1.4em;

}
 .container_home .feat_story h2
 {font-size: 20px;
	font-weight: 400;
	color:#0038A6;
	letter-spacing:.02em;
	line-height:1.4em;
	padding:5px 0px 5px 0px;
margin:0;
}

.container_home .feat_story p.lead_in { font-size:125%;}

.container_home .mod_1 h2, .container_home .mod_2 h2, .container_home .mod_3 h2 {
	padding:0px 5px 0px 5px;
}
.container_home .mod_4 h2 {
	padding:0px 5px 0px 5px;
	margin-top:5px;
}

/* Home Page Module Elements (four boxes under ticker)
----------------------------------------------------------------------------------------------------*/

.container_home .mod_1, .container_home .mod_2, .container_home .mod_3, .container_home .mod_4 {
	width: 228px;
	/**width: 230px;*/
	height: 264px;
}
.container_home .mod_1 {
	margin: 0px 5px 14px 15px;
	
}
.container_home .mod_2, .container_home .mod_3 {
	margin: 0px 5px 14px 5px;
	
}
.container_home .mod_4 {
	margin: 0px 5px 14px 5px;
	
}
.container_home .news_ticker_box, .container_home .bottom_links {
	width: 948px;
	/**width: 950px;*/
	height: 17px;
	/**height: 28px;*/
}
.container_home .mod_4 .flash_220
{
width:218px;
/**width:220px;*/
height:130px;
display:block;

border:1px #e7e7e7 solid;/**/
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: center;
margin-bottom:10px;
*margin-bottom:0px;
}


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

.container_home .footer_home{
	width: 948px;
	*width: 950px;
	height: 17px;
	*height: 28px;
}
.bottom_links p, .footer_home p { font-size:11px;
	margin-top:0px;
	padding:0;
	color:#a5acb0;
	text-align: center;}

.footer_home a:active {color:#a5acb0;}
.footer_home a, .footer_home a:visited {color:#a5acb0; font-size:10px}
.bottom_links a, .footer_home a:hover {color:#0038A6;}

/*	I M A G E S  and  C A P T I O N S 
----------------------------------------------------------------------------------------------------*/
.pic img { padding:5px;}
/*.pic p, .caption, .credit {
	font-family: Verdana, Arial, sans-serif;
	}*/
	
.container_home .feat_home p.credit, .container_home .feat_story p.credit, .credit  {
	color: #999;
    text-transform:uppercase;
	margin: 5px 0px 0px 0px;
	padding:0;
	font-size: 9px;
	text-align:right;
	}
.container_home .feat_story p.caption, .caption {
font-size: 11px;
line-height: 1.2em;
	color:#a5acb0;
	margin: 5px 0px 0px 0px;
	padding:0;
	text-align:left;
	}	
/* P L A C E M E N T */

.right { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 15px;

}
.left { /* this class can be used to float an element left in your page */
	float: left;
	margin-left: 15px;
	*margin-left: 10px;
}
.center { /* this class can be used to center an element  in your page.  Text will not wrap around centered elements. */
text-align:center;
margin: 0 auto;
}
.btm {margin-top:180px;}

/* S I Z E */
.one {width: 100px;}
.two {width: 200px;}
.three {width: 300px;}
.four {width: 400px;}
.five {width: 500px;}
.six {width: 600px;}
.seven {width: 700px;}



/* News Ticker
----------------------------------------------------------------------------------------------------*/
.news_ticker_box
{
z-index:200;
width: 948px;
	/**width: 950px;*/
font: 11px bold Arial, Helvetica, sans-serif;
text-align:left;
}/**/

.news-heading
{
/*position:relative;
top:-7px;
*top:-5px;
left:-0px;*/
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
overflow:hidden;
font-weight:bold;
color:#5f6a72;
height:28px;
	/**height: 26px;*/
	width:120px;
	/**width:115px;*/
/*background-color:#FFFFFF;*/
white-space:nowrap;
/*border: 1px solid red;*/
}
	 
	 .news-heading-text  {
position:relative;
top:-8px;
width:85px;
height:14px;
display: inline-block;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:1.5em;
/**top:-3px;
left:0px;
	display: inline-block;
padding:0px 0px 0px 0px;
margin:-0px 0px 0px 0px;
	text-align:left;
	float:right;
	border: 1px solid red;*/
	 }
	 
.news-heading img {
	display: inline-block;
padding:0px 5px 5px 0px;
margin:2px 0px 0px 5px;
/**margin:5px 0px 0px 5px;*/
height:14px;
width:14px;
	text-align:left!important;
	 }	
	  
.releases {
position:relative;
top:-26px;
right:10px;
/*left:-20px;*/
display:inline-block;
float:right;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
	text-align:right;
	width:80px;
}
.releases, .releases a, .releases, .releases a:visited {
text-decoration:none;
color:#0038A6;
}
.releases a:hover {
text-decoration:underline;
color:#000000;
}	
.ticker {
/*position:relative;
top:0px;
left:-10px;
*left:-20px;*/
margin:-0px 0px 0px 0px;
padding:0;
overflow:hidden;
font: 11px bold Arial, Helvetica, sans-serif;
text-align:left;
height:28px;
/*width:auto;*/
background-color:#FFF;
}
							
.ticker, .ticker a {
text-decoration:none;
color:#000000;
}

.ticker span{display:none;}
.ticker .active_ticker{display:block;}	/**/
								
.displaybox {
	position:absolute;
top:2px;
padding:2px 5px 2px 5px;
margin:0;/**/
color:#0038A6;
width:700px;
/**width:730px;*/
background-color:#eee;
height:19px;
/*font: 11px bold Arial, Helvetica, sans-serif;*/
}
.displaybox a {
		position:relative;
top:3px;
	margin-left:0px;

}
.displaybox a:hover {
text-decoration:underline;
color:#0038A6;
}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clear:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/** html .clear {
	height: 1%;
}*/



/**************** browser bug fixes ****************


div.clear:after {
    font-size: 1px;
	line-height: 1px;
    content: "."; 
    display: block; 
    height: 1%;
	margin: 0;
	padding: 0;
    clear: both; 
    visibility: hidden;
}

div.clear {display: inline-table;}

*html div.clear:after {
    font-size: 1px;
	line-height: 1px;
    content: "."; 
    display: block; 
    height: 1%;
	margin: 0;
	padding: 0;
    clear: both; 
    visibility: hidden;
}*/
