@charset "utf-8";
/* CSS Document */


body
{
background-color:#CCCCCC;
margin: 0px;
padding:0px;
border:0;
font-family:Arial, Helvetica, sans-serif;
font-size: 90%;
text-align:center;
}

#topbanner
{
margin: 0;
padding:0;
border:0;
line-height: 0px;
}

#container
{
margin: 0px;
padding:0px 0 20px 0;
border:0;
width: 975px;
background-color:#FFFFFF;
margin:0 auto;
}



#main-text ul
{list-style-image:url(images/bullet.gif);

}

#main-text li
{
margin-bottom:5px;

}


#main-text
{text-align:left;
margin: 6px 20px 20px 20px;
padding: 35px 0 0 0;
font-size: 85%;}


h1
{
font-size: 150%;
color:#cc3333;
padding-bottom: 5px;
border-bottom:#006699 1px solid;
}

h2
{
font-size: 130%;
color:#006699;
}

.border
{
border: 1px #FF0000 solid;
padding: 3px 5px 3px 5px;
width: 700px;
}

#menu {
width: 100%;
background: url(images/main-nav.jpg)  repeat-y;
float: left;
padding: 0;
margin: 0;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0px;
width: 12em;
float: left;
}

#menu li li a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 3px 4px;
}

#menu h2  {
color: #fff;
background: #006699;
text-transform: uppercase;

}

#menu h2 a{
font: bold 11px/16px arial, helvetica, sans-serif;
color: #fff;
text-decoration: none;

} 

#menu h2 a:hover{
color:#000;
background: #006699;
text-decoration: none;
display:block;
} 

#menu li li a {
color: #000;
background: #efefef;
text-decoration: none;

}

#menu a:hover {
color: #a00;
background: #fff;
}
#menu li {position: relative;
}

#menu ul ul  {
position: absolute;
top: 100%;
left: 0%;

}

#menu ul ul {
position: absolute;
z-index: 500;

}


div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


 #topnav
{

padding: 0px 0px 0px 0px;
margin: 10px 0px 10px 0px;
}

#topnav ul
{

padding: 8px 0px 21px 0px;
margin:0;
background-image:url(images/nav-shadow.jpg);
background-position:bottom;
background-repeat:no-repeat;
}



#topnav li
{
display:inline;
padding:0px 4px 0px 5px;
margin:0;
}


#topnav .current a
{
background-color:#006699;
color:#FFFFFF;
padding: 5px 7px 7px 7px;
cursor:default;
}




#topnav .current a:hover
{
background-color:#006699;
color:#FFFFFF;

}

#topnav a
{

background-color:#cccccc;
color:#000000;
text-decoration:none;
padding: 5px 7px 7px 7px;


margin:0;

}

#topnav  a:hover
{
background-color:#99CCFF;
color:#000000;
text-decoration:none;
padding: 5px 7px 7px 7px;
margin: 0;
}

.clearall
{clear:both;}

/*use to align images left and right*/
.floatleft
{float: left;
margin-right: 10px;
margin-bottom: 5px;
}

.floatright
{float: right;
margin-left: 10px;
margin-bottom: 5px;
}



 #topnav2
{

padding: 0px 0px 0px 0px;
margin: 10px 0px 10px 0px;
}

#topnav2 ul
{

padding: 8px 0px 21px 0px;
margin:0;
background-image:url(images/nav-shadow.jpg);
background-position:bottom;
background-repeat:no-repeat;
}



#topnav2 li
{
display:inline;
padding:0px 4px 0px 5px;
margin:0;
}


#topnav2 .current a
{
background-color:#006699;
color:#FFFFFF;
padding: 5px 7px 7px 7px;
cursor:default;
}




#topnav2 .current a:hover
{
background-color:#006699;
color:#FFFFFF;

}

#topnav2 a
{

background-color:#cccccc;
color:#000000;
text-decoration:none;
padding: 5px 7px 7px 7px;


margin:0;

}

#topnav2  a:hover
{
background-color:#99CCFF;
color:#000000;
text-decoration:none;
padding: 5px 7px 7px 7px;
margin: 0;
}

a
{text-decoration:none;
}