/* ######### All Levels Navigation Menu -- Drop Down DIVs CSS ######### */
/* ************************LM note please see LAST LINES of this code at bottom of page for a fix dropdown menu disappearing in IE August 2013 added -1px !important */


.ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/
font: normal 11px Verdana; /*FONT SIZE*/
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid #b0c4de;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle ul{
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
border: 0px none;

}

.ddsubmenustyle li a{
display: block;
width: 270px; /*width of menu (not including side paddings)*/
color: black;
background-color: #fff7d7;
text-decoration: none;
padding: 3px 4px;
border-bottom: 1px solid #b0c4de; /*the color of the separator lines between the texts*/
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 270px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: #8b0000; /*this is the dark brown color for Bec. Modern now maroon*/
color: white;
}

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

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 8px; /* LM changed from 4 to 8px TO GIVE MORE SPACE*/
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;
}

/* LM: combined the Menu Base style sheet with the Topbar Navigation style sheets 10/10/2012  */
/* ######### Matt Black Strip Main Menu Bar CSS ######### */

/* #########********************* Becoming Modern drop down Menu CSS *********************######### */
    
.becomingmodernmenu{
font-weight: bold;
width: 100%;
border: 1px solid gray;
border-width: 1px 0;
}

.becomingmodernmenu ul{
padding: 5px 0px 5px 0px; /*1st and 3rd value should equal 1st and 3rd values of "padding" for link itself (see ul li a)*/
margin: 0px 0px 0px 0px;
text-align: center; /*set value to "left", "center", or "right"*/
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: white;
}

.becomingmodernmenu ul li{
display: inline;
}

.becomingmodernmenu ul li a{
color: white;
padding: 5px 30px 5px 30px; /*adds padding to the top, right, bottom, left of the menu title */
margin: 0px 0px 0px 0px;
text-decoration: none;
border-left: 1px solid #000000; /* this is the border between the tabs it can be removed LM */
}


.becomingmodernmenu li a:hover{
background-color: #000000; /*background of tabs for hover state LM changed from lightyellow */
color: white; /*font color or selected theme on hover LM changed from black */
}

.becomingmodernmenu a.selected{
background-color: #000000; /*background of tab with "selected" class assigned to its LI  LM changed from lightyellow */
color: white; /*font color or selected theme on hover LM changed from black */
}

/* LM added this august 2013 to fix IE sublevels disappearing */
.ddsubmenustyle, .ddsubmenustyle ul {
	margin-top: -1px !important;
}