/* CSS Document */
body {
font-family: verdana;
font-size: f1;
text-align: center;
}
*html body {
font-size: x-f1;
f/ont-size: f1;
}
#wrap {
margin: 0 auto;
width: 1000px;
text-align: left;
}

body {
height:100%;
	background-color: #87A9DD;
}
body,td,th {
	color: #FFFFFF;
}
.style1 {
	color: #990000;
	font-weight: bold;
}

#navcontainer
{
margin: 0;
padding: 0;
height: 22px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: left;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
width: 200px;
border-center: 0px solid #fff;
background: #87A9DD;
height: 22px;
border-top: 0px solid #fff;
border-bottom: 0px solid #fff;
border-right: none;
padding: 3px 0;
margin: 0;
color: #fff;
text-decoration: none;
display: block;
text-align: center;
font-size: 80%;
font-weight: bold;
}

*html #navcontainer ul li a#one, *html #navcontainer ul li a#two, *html #navcontainer ul li a#three, *html #navcontainer ul li a#four, *html #navcontainer ul li a#five, *html #navcontainer ul li a#six, *html #navcontainer ul li a#seven  {
width: 142px;
w\idth: 142px;
}

#navcontainer ul li a#one:hover
{
color: #fff;
background: #99CCFF;
}

#navcontainer ul li a#two:hover
{
color: #fff;
background: #666699;
}

#navcontainer ul li a#three:hover
{
color: #fff;
background: #9999CD;
}

#navcontainer ul li a#four:hover
{
color: #fff;
background: #4791C5;
}

#navcontainer ul li a#five:hover
{
color: #fff;
background: #336699;
}

#navcontainer ul li a#six:hover
{
color: #fff;
background: #99CCCC;
}

#navcontainer ul li a#seven:hover
{
color: #fff;
background: #006699;
}

#navcontainer li#active a {
background: #87A9DD url(images/triangle.gif) no-repeat 30% center;
}

#main-section1 #navcontainer a:active
{
background: #99CC99;
color: #fff;
font-weight: bold;
}

#main-section1 #navcontainer li#active a
{
background: #99CCFF;
border-bottom: 0px solid #99CCFF;
color: #fff;
font-weight: bold;
}
#main-section2 #navcontainer a:active
{
background: #666699;
color: #fff;
font-weight: bold;
}

#main-section2 #navcontainer li#active a
{
background: #666699;
border-bottom: 0px solid #666699;
color: #fff;
font-weight: bold;
}
#main-section3 #navcontainer a:active
{
background: #9999CD;
color: #fff;
font-weight: bold;
}

#main-section3 #navcontainer li#active a
{
background: #9999CD;
border-bottom: 0px solid #9999CD;
color: #fff;
font-weight: bold;
}

#main-section4 #navcontainer a:active
{
background: #4791C5;
color: #4791C5;
font-weight: bold;
}

#main-section4 #navcontainer li#active a
{
background: #4791C5;
border-bottom: 0px solid #4791C5;
color: #fff;
font-weight: bold;
}

#main-section5 #navcontainer a:active
{
background: #336699;
color: #fff;
font-weight: bold;
}

#main-section5 #navcontainer li#active a
{
background: #336699;
border-bottom: 0px solid #336699;
color: #fff;
font-weight: bold;
}

#main-section6 #navcontainer a:active
{
background: #99CCCC;
color: #fff;
font-weight: bold;
}

#main-section6 #navcontainer li#active a
{
background: #99CCCC;
border-bottom: 0px solid #99CCCC;
color: #fff;
font-weight: bold;
}

#main-section7 #navcontainer a:active
{
background: #006699;
color: #fff;
font-weight: bold;
}

#main-section7 #navcontainer li#active a
{
background: #006699;
border-bottom: 0px solid #006699;
color: #fff;
font-weight: bold;
}

#subnav
{
margin-bottom: 0;
padding: 0;
height: 22px;
}

#subnav ul
{
border: 0;
margin: 10px;
padding: 0;
list-style-type: none;
text-align: center;
width: 100%;
}

#subnav ul li
{
display: inline;
padding: 0;
margin: 0;
}

#subnav ul li a
{
padding: 10px;
margin: 0;
color: #fff;
text-decoration: none;
text-align: center;
font-size: 90%;
}
#subnav ul li#active a {
padding-left: 9px;
font-size: 110%;
font-weight: bold;
background: url(images/triangle2.gif) no-repeat 0 50%;
}


#main-section1 #section-header {
background: #99CCFF;
}
#main-section2 #section-header {
background: #666699;
}
#main-section3 #section-header {
background: #9999CD;
}
#main-section4 #section-header {
background: #4791C5;
}
#main-section5 #section-header {
background: #336699;
}
#main-section6 #section-header {
background: #99CCCC;
}
#main-section7 #section-header {
background: #006699;
}
#topbanner {
background: #87A9DD;

}
.subtable {
width: 100%;
background: #999CC;

}

.subtable th {
	font-size: 80%;
	text-align: left;
	padding: 3px 0 3px 10px;
	background: #9A9A88;
	color: #fff;
	border-left: 0px solid #fff;
}
.subtable td {
width: 33%;
font-size: 70%;
padding: 5px;
border-left: 0px solid #e5e5e5;
}
#greybody {
background: #F6F6F6;
padding: 30px;
border-left: 0px solid #fff;
}

#section-header {
float: left;
width: 100%;
/*margin-right: 5%;*/
padding: 5px 0;
margin: 0;
border-left: 0px solid #fff;
color: #fff;

}
#section-header .block {
float: left;
margin: 10px 10px;
padding: 0;
display: inline; 
}
#section-header h2 {
float: right;
width: 90px;
margin: 0;
font-size: 100%;
letter-spacing: 1px;
}
#section-header p {
margin: 0;
padding: 4px;
font-size: 12px;
line-height: 1.5em;

}

#section-header p.img {
float: left;
margin: 0 8px 0 0;
padding: 4px;
}





#main-section #bottomnav{
background: #87A9DD;
}
#main-section1 #bottomnav{
background: #99CCFF;
}
#main-section2 #bottomnav{
background: #666699;
}
#main-section3 #bottomnav{
background: #9999CC;
}
#main-section4 #bottomnav{
background: #4791C5;
}
#main-section5 #bottomnav{
background: #336699;
}
#main-section6 #bottomnav{
background: #99CCCC;
}
#main-section7 #bottomnav{
background: #006699;
}

#bottomnav {
color: #fff;
text-align: center;
padding: 5px;
border-left: 0px solid #fff;
}
#bottomnav a {
color: #fff;

text-decoration: none
}
#bottomnav a:hover {
text-decoration: underline;
}
#footer {
background: #999CC;
padding: 10px;
font-size: 75%;
color: #fff;
text-align: center;
border-left: 0px solid #fff;
}
#footer a {
color: #fff;
text-decoration: underline;
}
#credits {
background: #999CC;
margin-top: 20px;
text-align: center;
font-size: 75%;
color: #fff;
}
#credits a {
color: #fff;
text-decoration: underline;
}
#credits a:hover {
color: #fff;
text-decoration: underline;
}