body {
	background-color: #333399;
	padding: 0px;
	margin: 0px;
    text-align: center;
}
body,td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	vertical-align: top;
}	
a:link, a:visited, a:active {
	color: #0000FF;
	text-decoration: underline;
} 
a:hover {
	text-decoration: none;
}
#content {
	text-align: left;
	width: 980px;
	margin: 0 auto;
	background-color: #FFFFFF;
} 
#nav_primary {
	background-color: #ff0000;
	font-weight: bold;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 15px;
	font-size: 12px;
} 
#nav_primary a:link, #nav_primary a:visited, #nav_primary a:active {
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 10px;
} 
#nav_primary a:hover {
	text-decoration: underline;
}

#shadow {
	height: 4px;
} 
/*#nav_primary_shadow {
	background-image: url(/images/shadow.gif);
	background-repeat: no-repeat;
	height: 4px;

}*/

.welcome {
	font-size: 11px;
	font-weight: bold;
}

#content_body {
	border-right-width: 8px;
	border-left-width: 8px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #6666cc;
	border-left-color: #6666cc;
	padding-right: 20px;
} 
#login_box {
	float:right;
	padding-top: 6px;
	padding-bottom: 8px;
} 

#box_inner {
	background-color: #e5e5f2;
	border: 1px solid #b0b0d7;
}
#box_inner div {
	padding: 2px;
}
#box_inner div td {
	font-size: 9px;
}
.field1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	width: 110px;
	background-color: #FFFFFF;
	border: 1px solid #b0b0d7;
	margin: 0px;
	padding: 1px;
}


#search_box {
	padding-left: 7px;
	padding-bottom: 10px;
	width: 155px;
	text-align: center;
} 
#logo {
	padding-top: 13px;
	padding-bottom: 16px;
	padding-left: 20px;
} 
#nav {
	width: 186px;
	padding-bottom: 40px;
}
#nav_logos {
	padding-top: 20px;
	padding-left: 15px;
}
#middle {
	float:right;
	width: 758px;
}
 
#printer {
	text-align: right;
}
#pageheader {
	font-size: 18px;
	font-weight: bold;
	color: #333399;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333399;
}

.pageheader1 {
	font-size: 18px;
	font-weight: bold;
	color: #990000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #990000;
}
.pageheader2 {
	font-size: 18px;
	font-weight: bold;
	color: #cc9900;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cc9900;
}
.pageheader3 {
	font-size: 18px;
	font-weight: bold;
	color: #3e7600;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3e7600;
}
.pageheader4 {
	font-size: 18px;
	font-weight: bold;
	color: #99cc33;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #99cc33;
}

.pageheader5 {
	font-size: 18px;
	font-weight: bold;
	color: #ff0000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ff0000;
}

.pageheader6 {
	font-size: 18px;
	font-weight: bold;
	color: #cc00b7;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cc00b7;
}

.pageheader7 {
	font-size: 18px;
	font-weight: bold;
	color: #6666cc;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #6666cc;
}

.pageheader8 {
	font-size: 18px;
	font-weight: bold;
	color: #4687bf;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #4687bf;
}

.pageheader9 {
	font-size: 18px;
	font-weight: bold;
	color: #336600;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #336600;
}

.pageheader10 {
	font-size: 18px;
	font-weight: bold;
	color: #333399;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333399;
}

.pageheader11 {
	font-size: 18px;
	font-weight: bold;
	color: #cccc00;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #cccc00;
}
#footer_all {
	padding-top: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
} 
#footer_links {
	float:right;
	font-size: 9px;
	color: #7d7d7d;
} 
#content_body_home {
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #6666cc;
 
}
#middle_home {
	float:right;
	width: 551px;
}
#nav_primary_shadow_home {
	background-image: url(/images/shadow_home.gif);
	background-repeat: no-repeat;
	width: 980px;
	height: 4px;
}
#footer_links_home {
	float:right;
	width: 368px;
	font-size: 9px;
	color: #7d7d7d;
	padding-bottom: 20px;
}

.divider {
	background-color: #e7e7f3;
	height: 5px;
}
.whatsnew {
	font-size: 24px;
	color: #FF0000;
}
.home_title {
	font-size: 24px;
}
.indent {
	padding: 10px;
}
.home_slide {
	background-color: #e5e5f2;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	float: right;
}
#right {
	background-color: #6666cc;
	width: 215px;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-top: 8px;
}
#right_inner {
	padding-left: 20px;
	padding-right: 20px;
}
.right_titles td {
	font-size: 11px;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}
.right_titles td a:link, td .right_titles a:visited, .right_titles td a:active {
	color: #FFFFFF;
	text-decoration: none;
} 
.right_titles td a:hover {
	text-decoration: underline;
}
#poll_mid {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 11px;
}
#poll_mid td {
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#poll_mid td input {
	margin: 0px;
	padding: 0px;
}

sup {
    font-size: 0.85em;
    vertical-align: baseline;
    position: relative;
    bottom: 0.2em;
}
 







/* nav */

.menu {
	height:220px; /* this page only */
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
position:relative;
z-index:500;
padding:0;
margin:0;
list-style-type:none;
width:170px;
}
/* style the list items */
.menu li {
	height:21px;
	/* for IE7 */
	float:left;
	background-image: url(/images/nav/bg_00.gif);
	background-repeat: no-repeat;
}
.menu li.t01 {
	background-image: url(/images/nav/bg_01.gif);
}
.menu li.t02 {
	background-image: url(/images/nav/bg_02.gif);
}
.menu li.t03 {
	background-image: url(/images/nav/bg_03.gif);
}
.menu li.t04 {
	background-image: url(/images/nav/bg_04.gif);
}
.menu li.t05 {
	background-image: url(/images/nav/bg_05.gif);
}
.menu li.t06 {
	background-image: url(/images/nav/bg_06.gif);
}
.menu li.t07 {
	background-image: url(/images/nav/bg_07.gif);
}
.menu li.t08 {
	background-image: url(/images/nav/bg_08.gif);
}
.menu li.t09 {
	background-image: url(/images/nav/bg_09.gif);
}
.menu li.t10 {
	background-image: url(/images/nav/bg_10.gif);
}
.menu li.t11 {
	background-image: url(/images/nav/bg_11.gif);
}
.menu li.t12 {
	background-image: url(/images/nav/bg_12.gif);
}
 

/* get rid of the table */
.menu table {
	position:absolute;
	border-collapse:collapse;
	top:0;
	left:0;
	z-index:100;
}

/* style the links */
.menu a, .menu a:visited {
	display:block;
	text-decoration:none;
	height:20px;
	line-height:20px;
	width:170px;
	text-indent:5px;
	font-size: 10px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #FFFFFF;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:170px; w\idth:170px;}

/* style the link hover ie6 */
* html .menu a:hover {
	position:relative;
	background-color: #6666cc;
	color: #FFFFFF;
}
.menu li:hover {position:relative;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */

.menu li:hover > a {
	background-color: #6666cc;
	color: #FFFFFF;
}
.menu li.t01:hover > a {
	background-color: #990000;
} 
.menu li.t02:hover > a, .menu li.t02 li:hover > a {
	background-color: #cc9900;
}
.menu li.t03:hover > a, .menu li.t03 li:hover > a {
	background-color: #3e7600;
}
.menu li.t04:hover > a, .menu li.t04 li:hover > a {
	background-color: #99cc33;
}
.menu li.t05:hover > a, .menu li.t05 li:hover > a {
	background-color: #ff0000;
}
.menu li.t06:hover > a {
	background-color: #cc00b7;
}
.menu li.t07:hover > a {
	background-color: #6666cc;
}
.menu li.t08:hover > a, .menu li.t08 li:hover > a {
	background-color: #4687bf;
}
.menu li.t09:hover > a {
	background-color: #336600;
}
.menu li.t10:hover > a, .menu li.t10 li:hover > a {
	background-color: #99cc33;
}
.menu li.t11:hover > a {
	background-color: #333399;
}
.menu li.t12:hover > a, .menu li.t12 li:hover > a {
	background-color: #cccc00;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
	visibility:hidden;
	position:absolute;
	top:-30px;
	/* set up the overlap (minus the overrun) */
left:141px;
	/* set up the overrun area */
padding:30px;
	background-color: transparent;
	background-image: url(/images/inv.gif);
}

/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}

/* for IE5.5 and IE6 you need to style each level hover */

/* make the second level visible when hover on first level link */
.menu ul a:hover ul {
visibility:visible;
}
 
 
