/* CSS Document */

body {	
	background-color: #ffffff;
	font: normal normal normal small Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* positions the content in the top left */
	padding: 0; /* used by Opera to position the content in the top left*/
}

	
body, h1, h2, h3, h4, h5, h6, ol, ul, li, p {
	color : #3e789a;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* needs to be redefined here for older browsers */
	margin: 0;
	padding: 0;
}


big { font-size: 110%; }	
strong, b { font-weight: bold; }


a { color: #eeb211; text-decoration: none; font-weight:bold;}	
a:visited {	color : #eeb211;} /* visited must be before hover */
a:hover { color : #eeb211; text-decoration: none;}
a:focus { color : #eeb211; }
a:active { color : #eeb211; }	


a.answer {
	position:relative;

}


a.answer:hover{z-index:25; background-color:#fff}

a.answer span{
	display: none;
}

a.answer:hover span{
	display: block;
	position:relative;
	width: 300px;
	margin-top: 1em;
	padding: .2em .6em;
	border: 1px solid #8bc2e1 ;
	background: #fff;
}



img {
	border:none;
	margin:0;
	padding:0;

}

embed {
	margin-bottom:20px;

}

/* Begin rules for elements */

body {
	background: #447b9a url(images/in_bg.jpg) repeat-x;
	color: #3e789a;
	font-size: 76%; /* tested sizes are 60%, 62.5%, 69%, 76%. Anything else requires testing (especially on a Mac) */
	}
	
p, ol, ul, dd, table {
	font-size: 1em; /* this should stay as 1em. anything else will lead to potential problems with nested elements. Adjust font size in the body tag, or define a class for exceptions */
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
	text-align: left; /* compensates for an IE 6 bug */
	}
	
	
h1 {
	font-family:"Times New Roman", Times, serif;
	font-size: 1.8em;
	color: #1773a3;
	font-weight: bold;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 22px;
	
}


body#home h1, body#home1 h1, body#home2 h1, body#home3 h1 {
	font-family:"Times New Roman", Times, serif;
	font-size: 1.8em;
	color: #1773a3;
	font-weight: bold;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 10px;
	
}



h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #005292;
	font-size: 1.2em;
	line-height: 1em;
	margin-top: 0;
	margin-bottom: 1em;
	font-weight:bold;
}

h3 {
	color: #3890c2;
	font-size: 1.1em;
	line-height: 1.4em;
	margin-bottom: 0.5em;
	margin-top: 0.4em;
	}

.yellowarrow h3  {
	background: url(images/arrow_yellow.gif) no-repeat 0 .3em;
	background-color: #fff;
	font-size: 1.1em;
	color: #3890c2;
	font-weight:bold;
	padding-left: 24px;
	margin-bottom: 11px;
}

h3.yellowarrow   {
	background: url(images/arrow_yellow.gif) no-repeat 0 .3em;
	background-color: #fff;
	font-size: 1.1em;
	color: #3890c2;
	font-weight:bold;
	padding-left: 24px;
	margin-bottom: 11px;
}



.yellowarrow h4  {
	font-size: .9em;
	color: #005292;
	font-weight:bold;
	padding-left: 24px;
	margin-bottom: 11px;
	margin-top: -11px;
}

.yellowarrow img {
	float:left;
	margin-right: 15px;
}

.yellowarrow p {
	float:left;
	display: inline;
	width: 315px;
}

.yellowarrow {
	margin-bottom: 25px;
	padding:0;

}

.yellowarrow h3 a { color: #3890c2; text-decoration: none; font-weight:bold;}	
.yellowarrow h3 a:visited {	color : #3890c2;} /* visited must be before hover */
.yellowarrow h3 a:hover { color : #3890c2; text-decoration: none;}
.yellowarrow h3 a:focus { color : #3890c2; }
.yellowarrow h3 a:active { color : #3890c2; }	






.newsitem h3  {
	font-size: 1.1em;
	color: #3890c2;
	font-weight:bold;
	margin-bottom: 2px;
}

.newsitem h4  {
	font-size: .9em;
	color: #005292;
	font-weight:bold;
	margin-top: 0px;
}




.newsitem img {
	float:left;
	margin-right: 15px;
	width: 90px;
	margin-top: 10px;
	
}

.homenewsitem img {
	float:left;
	margin-right: 15px;
	width: 73px;
	
}



.newsitem p {
	margin: 0 0 0 115px;
}

.newsitem * * {
	float:none;
	width:auto;
	padding:0;
	margin: 0;
}

.newsitem {
	margin:0;
	padding:0;

}

.newsitem h3 a { color: #3890c2; text-decoration: none; font-weight:bold;}	
.newsitem h3 a:visited {	color : #3890c2;} /* visited must be before hover */
.newsitem h3 a:hover { color : #3890c2; text-decoration: none;}
.newsitem h3 a:focus { color : #3890c2; }
.newsitem h3 a:active { color : #3890c2; }


.homenewsitem * * {
	float:none;
	width:auto;
	padding:0;
	margin: 0;
}


.inthenewsitem h4  {
	font-size: 0.9em;
	color: #005292;
	font-weight:bold;
	margin-bottom: 0px;
}

.inthenewsitem img {
	float:left;
	margin-right: 25px;
	
}

.inthenewsitem p {
	float:left;
	display: inline;
	width: 200px;
	padding:0;
	margin: 0;
}

.inthenewsitem {
	margin-bottom: 7px;
	padding:15px 0 0;
	margin-top: 15px;

}







hr
{
	border-color: #9dcde8;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	margin: 10px 0;
	height: 0;
}

.blueboxcontent hr
{
	border-color: #9dcde8;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	margin: -3px 0 7px;
	height: 0;
}

.homevideocontent hr
{
	border-color: #9dcde8;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	margin: -13px 0 17px;
	height: 0;
}
	

	
ol li {
	padding-bottom:.2em;
	margin-bottom:.2em;
	padding-top:0px;
	margin-top:0px;
	}

ul {
	padding-left:10px;
	margin-left:10px;
}


/* End rules for elements */

/* Font rules */

.footnote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.3em;
	font-style:normal;
	margin-left: 10px;
	
}


.smaller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1em;
	font-style:normal;
	
}

.introemphasis {
	color: #3890c2;
	font-weight: bold;
	
}



/* Font rules end */

/* Images in content areas */


.imgsimpleborder {
	border: #257cac 1px solid;
}

.imgleft {
	border: #8bc2e1 1px solid;
	margin-right: 15px;
	margin-bottom: 10px;
	padding: 5px;
	float: left;
}

div.imgleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
	border: #8bc2e1 1px solid;
	padding-bottom: 5px;
	width: 150px;
}

.imgleftnorightmargin {
	float: left;
	margin-right: 0px;
	margin-bottom: 15px;
	border: #8bc2e1 1px solid;
	padding: 5px;
	width: 150px;
}

.imgleft p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	text-align:center;
	margin: 5px 5px 0px;

}

.imgright {
	border: #8bc2e1 1px solid;
	margin-left: 15px;
	margin-bottom: 10px;
	padding: 5px;
	float: right;
}


div.imgright {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	border: #adc9dc 1px solid;
	padding-bottom: 5px;
	width: 150px;	
}


.imgright p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	text-align:center;
	margin: 5px 5px 0px;

}


.largeimgcenteredwithpaddedborder {
	
	margin-bottom: 20px;
	border: #8bc2e1 1px solid;
	padding: 5px;
	width: 424px;
}



.largeimgcenteredwithpaddedborder p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	text-align:center;
	margin: 5px 5px 0px;
}

.medimgleftwithpaddedborder {
	margin-bottom: 20px;
	float:left;
	margin-right: 20px;
	margin-bottom: 15px;
	border: #8bc2e1 1px solid;
	padding: 5px;
	width: 250px;
}

.medimgleftwithpaddedborder p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	text-align:center;
	margin: 5px 5px 0px;
}

.medimgrightwithpaddedborder {
	margin-bottom: 20px;
	float:right;
	margin-left: 20px;
	margin-bottom: 15px;
	border: #8bc2e1 1px solid;
	padding: 5px;
	width: 250px;
}

.medimgrightwithpaddedborder p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.2em;
	text-align:center;
	margin: 5px 5px 0px;
}