@charset "utf-8";
main page
body {
	width: 100%;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	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 */
	color: #000066;
	background-color: #F1F3FA;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 75%;
	height: auto	}
#container {
	width: 60em;
	text-align: left;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	font-size: 85%;
	height: auto;
	margin-right: auto;
	margin-left: auto;}
#container a {
	text-decoration: none;
	color: #000066;
	line-height: normal;}
#container a:hover {
	background-color: #DAE3E9;
	color: #0000AE;
	text-decoration: underline;	}
#container a:visited {
	text-decoration: none;}
#container a:visited:hover {
	color: #0000AE;
	text-decoration: underline;}
#container UL LI {
	list-style-type: none;
	border: #000066 1px;}
#container ul li a {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 85%;
	text-decoration: none;}
#container ul li a:hover {
	color: #0000AE;	text-decoration: underline;}
#container ul li a:visited {
	text-decoration: none;
	color: #660066;}
#container ul li a:visited:hover {
	font-weight: normal;
	text-decoration: underline;}
#container #middiv .columndiv .column1 {
	width: 140px;
	display: block;}
#container #middiv .columndiv .column2 {
	width: 140px;
	display: block;
	margin-left: 5px;}
#container #middiv .columndiv .column3 {
	width: 140px;
	display: block;
	margin-left: 5px;}
#container #middiv .columndiv .column4 {
	width: 140px;
	display: block;
	margin-left: 5px;}
#container #middiv .columndiv .column5 {
	width: 140px;
	display: block;
	margin-left: 5px;}
#skip a, #skip a:hover, #skip a:visited { 
	position:absolute; 
	left:0px; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden;} 
#skip a:active, #skip a:focus { 
	position:static; 
	width:auto; 
	height:auto; } 
#header {
	background: #336699;
	padding: 0;
	margin: 0;} /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
#container #header img a:hover, #container #header img a:visited:hover {
	text-decoration: none;}

#search { 
	font-weight: bold;
	font-size: 100%;
	background-color: #E1F0FF;
	text-align: left;}
#middiv {
	width: auto;
	position: relative;
	color: #000066;
	font-size: 100%;
	text-decoration: none;
	margin: auto;
	left: 4%;
	top: auto;
	right: 4%;
	bottom: auto;
	padding-top: 5px;
	border-top: #000066 1px;} 
#middiv a img {
	display: block;
	text-decoration: none;
	text-align: center;
}
#middiv div.columndiv {
	float: left;
	width: 17%;
	line-height: normal;
	margin-left: auto;
	margin-right: auto;
	padding-left: 4px;
	position: relative;
	text-align: left;}
columndiv.topic	{
	text-align: left;}
#middiv div.columndiv li {
	width: 120px;
	margin-left: -20px;
	padding-left: 2px}
#columndiv div.column1 {
	margin-left: -20%;}
#columndiv div.column2 {
	width: 20%;
	margin-left: -40%;}
#columndiv div.column3 {
	width: 20%;
	margin-left: -60%}
#columndiv div.column4 {
	width: 20%;
	margin-left: -80%}
#columndiv div.column5 {
	width: 20%;} 
#bottomv {
	display: block;
	clear: left;
	width: 100%;
	height: auto;
	padding-left: 10px;
	margin: 0px auto}
#bottomv h3 {
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	border-top-width: medium;
	border-top-style: double;
	border-top-color: #000066;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 5px;
	margin-bottom: 5px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	display: block}
#bottomv div.sub {
	font-weight: normal;
	color: #000066;
	font-style: italic;
	padding-left: 15px;
	padding-right: 5px;
	font-size: 90%;}	
#super {
	float: left;
	width: 45%;
	height: auto;
	display: block;
	border-top:  medium double #336699;
	border-right: medium double #336699;}
#super H2 {
	display: block;
	font-weight: bold;
	font-size: 1.5em;
	width: 11em;
	color: #ffffff;
	line-height: .90em;
	padding: 0.4em 0.3em 0.1em;
	background-color: #336699;}
#super UL {
	display: block;
	list-style-type: none;
	margin: 0px;
	padding-left: 15px}
#super UL LI {
	display: block;
	color: #000066;}
#super ul li a img {
	display: block;
	text-decoration: none;}
#super A.more {
	padding-right: 20px;
	padding-left: 147px;
	font-weight: bold;
	font-size: 110%;
	margin: 16px 0px 0px 49px;
	width: 55px;
	color: #000066;
	background-color:#E1F0FF;
	height: 18px;
	text-decoration: none;
	display: block;}
#hottopics {
	float: left;
	width: 45%;
	border-top-width: medium;
	border-top-style: double;
	border-top-color: #336699;}
#hottopics H2 {
	display: block;
	padding-left: 10px;
	font-weight: bold;
	font-size: 1.5em;
	width: 155px;
	color: #ffffff;
	line-height: 22px;
	padding-top: 5px;
	background-color: #336699;
	font-family: Helvetica, Arial, Verdona, sans-serif}
#hottopics UL {
	display: block;
	background-color: #E1F0FF;
	margin: 10px 0px 0px 35px;
	color: #000066;}
#hottopics UL LI {
	list-style-position: outside;
	list-style-image: url(../images/bullet_blu_arrow_sml.jpg);
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 2px;}
#hottopics A.more {
	padding-left: 147px;
	font-weight: bold;
	font-size: 110%;
	margin: 16px 0px 0px 49px;
	width: 55px;
	color: #000066;
	height: 18px;
	background-color: #E1F0FF;
	display: block;
	text-decoration: none}
#hottopics #icon {
	padding-left: 5px;
	display: inline;
	position: relative;
	float: left;
	text-align: center;}
#hottopics #icon img {
	display: inline;}
#hottopics #icon img a:hover {
	background-color: transparent;
	display: inline;}
#foo1 {
	padding: 0px 10px 0px 15px; 
	font-size: x-small;
	float: left;
	width: 100%;
	height: auto;
	text-align: center;
	background-color:  #E1F0FF;}
#foo1 A {
	text-decoration: underline;
	display: inline;}
#foo1 div.P {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0;} /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
#container #bottomv #hottopics a {
	list-style-position: inside;
	list-style-image: url(../images/bullet_blu_arrow_sml.jpg);
	list-style-type: none;}
#container #bottomv #super a {
	font-weight: bold;
	text-decoration: underline;}
#container #bottomv #hottopics .more {
	text-decoration: underline;
	padding-right: 5em;}
.newsstyle {
	font-size: 85%;
	color: #000066;
	text-decoration: none;}
.style7 {
	font-size: 12px;
	font-style: italic;}
.underlinebold {
	font-weight: bold;
	text-decoration: underline;}
#container #info .menu .site { width: 80px; }
.underline { text-decoration: underline; }
#container #bottomv #hottopics em {
	font-size: 0.85em;
	color: #000066;}
#container #bottomv #super a .bullet {list-style: square url(../images/bullet_blu_arrow_sml.jpg) inside;}
#container #bottomv #hottopics h4 .red {color: #FF0000; font-weight: bold}