/* ######### Marker List  - First Level Vertical Menu ######### */

/* Heading for First Vertical Menu */

/* Padding values are for top, right, bottom, left, e.g., padding: 2px 3px 2px 4px.
One value is shorthand for same value for all sides */

.topmenutitle {
color:  #CCFFFF;   /* pale blue */
background-color: #3399CC;   /* medium blue */
font: bold 13px Verdana, arial, sans-serif;
padding: 2px 0px 4px 5px;
}

.markermenu{
width: 150px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

/* style for outer list */
.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 0px solid #9A9A9A;
}

/* Style for top menu list */

/* Syntax for background property - when using this shorthand property, the individual values must appear in this order: */
/* background: [color - name or #number] [background-image] [background-repeat] [background-attachment (of image) - fixed or scroll] [background-position - first keyword is X position, second keyword is Y position] */
/* background: silver url(web-address) repeat-x|repeat-y|no-repeat fixed|scroll left|center|right top|center|bottom */


.markermenu ul li a{
/* background is light gray, url path is to same folder as CSS file */
background: #F2F2F2 url('gray_stripe10x22.jpg') repeat-x scroll left top;
font: bold 13px Verdana, arial, sans-serif;
color: #00014e;
display: block;   /* displays text in a block element box */
width: auto;   /* default is auto */
padding: 2px 0px 1px 5px;   /* top right bottom left */
/* padding-left: 5px; */
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 150px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

/* Style for list item during mouseover using flipped gray stripe */
.markermenu ul li a:hover, .markermenu ul li a.selected{
background: #F2F2F2 url(gray_stripe_alt.jpg) repeat-x scroll left bottom;
text-decoration: none;
color: #3399FF;
/* background-color: black; */
}

/* .reversestripe ul li a:hover{
background: #F2F2F2 url(gray_stripe_alt.jpg) repeat-x scroll left top;
light gray background*/
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css)

Removed this style from the submenu class so that the styles in ddlevelsmenu-base.css could take effect.
######### */

.blackwhite li a{
background: white;
}

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