/* ######### Drop Down ULs CSS ######### */


body {margin: 0px; padding: 0px; background-color: #2b8cc3; font: normal 12px Verdana, sans-serif}

div#container {width: 800px; margin: 5px 5px 5px 5px;}

div#topmenu {font: bold 15px Arial, sans-serif; color: #fff !important; padding-top: 0px;}
div#topmenu img {vertical-align: middle;}
div#topmenu a {color: #fff; text-decoration: none; margin: 0px 30px; vertical-align: middle;}
div#topmenu a:hover {text-decoration: underline;}
div#topmenu a.current {text-decoration: underline;}


div#footer {color: #fff; text-align: center; line-height: 1; padding-bottom: 10px; font-size: 0.9em;}
div#header {font-size: 0px; margin: 9px auto 9px;}
div#header div.topleft {height: 17px; background: url(../images/header_tl.gif) no-repeat top left;}
div#header div.topcenter {height: 17px; margin: 0px 16px; background: url(../images/header_tc.gif) repeat-x;}
div#header div.topright {height: 17px; background: url(../images/header_tr.gif) no-repeat top right;}
div#header div.midleft {background: url(../images/header_ml.gif) repeat-y left;}
div#header div.midcenter {margin: 0px 4px; background-color: #f8f8f8;}
div#header div.midright {background: url(../images/header_mr.gif) repeat-y right;}
div#header div.bottomleft {height: 35px; background: url(../images/header_bl.gif) no-repeat bottom left;}
div#header div.bottomcenter {height: 35px; margin: 0px 16px; background: url(../images/header_bc.gif) repeat-x;}
div#header div.bottomright {height: 35px; background: url(../images/header_br.gif) no-repeat bottom right;}


div#mainbox {font-size: 0px}
div#mainbox div.topleft {height: 7px; background: url(../images/main_tl.gif) no-repeat top left;}
div#mainbox div.topcenter {height: 7px; margin: 0px 7px; background: url(../images/main_tc.gif) repeat-x;}
div#mainbox div.topright {height: 7px; background: url(../images/main_tr.gif) no-repeat top right;}
div#mainbox div.midleft {background: url(../images/main_ml.gif) repeat-y left;}
div#mainbox div.midcenter {margin: 0px 4px; background-color: #ffffff;}
div#mainbox div.midright {background: url(../images/main_mr.gif) repeat-y right;}
div#mainbox div.bottomleft {height: 7px; background: url(../images/main_bl.gif) no-repeat bottom left;}
div#mainbox div.bottomcenter {height: 7px; margin: 0px 7px; background: url(../images/main_bc.gif) repeat-x;}
div#mainbox div.bottomright {height: 7px; background: url(../images/main_br.gif) no-repeat bottom right;}

div.dotted {height: 1px; background: url(../images/dotted.gif) repeat-x; margin: 12px auto; font-size: 0px; line-height: 0px;}
div#footer {color: #fff; text-align: center; line-height: 1.5; padding-bottom: 20px; font-size: 0.9em;}
.copy {color: #fff; text-decoration: underline;}
.copy a {color: #fff; text-decoration: underline;}
.copy a:hover {text-decoration: none;}


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 0px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}


.ddsubmenustyle li a{
display: block;
width: 160px;
color: black;
background-color: lightyellow;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid black;
}

* html .ddsubmenustyle li a{ /*IE6 CSS hack*/
display: inline-block;
}

.ddsubmenustyle li a:hover{
background-color: black;
color: white;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}