/* Drop Down Menu Formatting 150 x 4 
Place this style sheet after buttons-blue.css */

a:link { color: #7cffff; text-decoration: none; cursor: pointer; }
a:visited { color: #7cffff; text-decoration: none; cursor: pointer; }
a:hover { color: #ffffff; background-color: #0a5085; cursor: pointer; }
a:active { color: #ffffff; background-color: #1070b0; cursor: pointer; }

#container-menu { position: relative; z-index: 1;
vertical-align: middle; margin-right: auto; margin-left: auto; width: 618px; 
height: 18px; 
font: 10px verdana, arial, helvetica, geneva, sans-serif; }

/* If padding or margins are used here to space the li, you cant get to the next item before it disapears in IE windows. Use padding only in link sytle itself */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
position: absolute; top: 0; left: 0; 
z-index: 100; /* top z-index */
width: 100%; /* precission for Opera */
/* DO NOT add a background color here - IE Windows bugs  */
}

/* menu main box */
#menu dl {
float: left;
width: 150px; height: auto;
padding-top: 0px;
}

/* menu main text */
#menu dt {
cursor: pointer;
text-align: center;
font-size: 11px;
font-weight: bold;
line-height: 18px; /* Adjust to match a-link placement */
font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal; 
text-decoration: none; width: 150px; 
background-image: url(../Images/buttons-blue/button-blue-150-18.jpg); background-repeat: no-repeat; color: #6affff; 
}

/* Link Off (White) - duplicate menu main text except with color: #ffffff; margin: 0px; - Use p class */
.link-off { color: #ffffff; margin: 0; cursor: default;
text-align: center;
font-size: 11px;
font-weight: bold;
line-height: 18px; /* Adjust to match a-link placement */
font-family: Arial, Verdana, Helvetica, sans-serif; font-style: normal; font-weight: normal;}

/* menu drop box - houses individual links */
#menu dd { 
display: none; 
background-color: #0a5080; color: #e0ffff; 
margin-top: 0px; width: 150px; 
padding-bottom: 0; }
/* If top padding is used, IE adds space before links */
/* menu drop text */
#menu li { font-size: 10px; text-align: left; text-indent: 10px; padding-top: 0px; width: 150px; }
/* If top padding or margins are used here to space the list, you cant get to the next item before it disapears in IE windows. 
Use padding only in link sytle itself AND display: inline is for IE postioning*/

#menu li a, #menu dt a {
text-decoration: none;
display: block;
height: 100%;
line-height: 18px; /* Adjust to match maintext line height*/
border: 0 none;
}

#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus { 
display: block; background-color: #2a2a2a; color: #d8f3f6; background-image: url(../Images/buttons-blue/button-blue-150-18-on.jpg);
background-position: 0 0;
}

/* END Drop Down Menu */