body {
    font:12px arial, helvetica, sans-serif; 
    text-align:center; 
    background-color:#666666;
    background-image:url('../images/background-sand.jpg');
    margin: 0;
    padding: 0;
    height: 100%;}
    
    div#container {width:960px; 
    margin-left:auto; 
    margin-right:auto; 
    text-align:left;
    border:1px solid black;
    background-color:#009900;
     /*min-height:100%;
    height: auto !important; ie6 ignores !important, so this will be overridden below 
    height: 100%;*/
  }
	td {font:12px arial, helvetica, sans-serif}
	div#head {width:960px}
    div#topnav {background-color:#000000;font:bold 14px arial, helvetica, sans-serif;color:#ffffff;padding:10px;width:940px;}
    .topnavfont {font:bold 14px arial, helvetica, sans-serif;color:#ffffff}
	div#leftnav {background-color:#009900;
    font:11px arial,helvetica,sans-serif;
    color:#000000;
    float:left;
    border-right:1px solid black;
    min-height:100%;
    height: auto !important; /* ie6 ignores !important, so this will be overridden below */
    height: 100%;}
	/*div#rightnav {width:125px;text-align:right}*/
	.navhead {background-color:#000000;font:bold 12px verdana, arial,helvetica;color:#ffffff}
	.navsubhead {padding-top:1px;padding-bottom:1px;font:11px arial,helvetica,sans-serif;color:#ffffff}
	.space {background-color:#ffffff}
	div#maincontent {font:12px arial,helvetica,sans-serif;padding-top:20px;padding-right:30px;padding-left:260px;background-color:#ffffff;}
div#maincontentsub {font:12px arial,helvetica,sans-serif}
	div#bottom{width:550px;z-index:2}
	#step1 {border:2px solid #009900;width:380px;padding:5px}
	.grnhead {font:bold 18px arial,helvetica,sans-serif;color:#009900}
	.smgrnhead {font:bold 12px arial,helvetica,sans-serif;color:#009900}
    .mdgrnhead {font:bold 14px arial,helvetica,sans-serif;color:#0099cc}
	.whthead {font:bold 12px arial,helvetica,sans-serif;color:#ffffff}
	.lggrnhead {font:bold 20px arial,helvetica,sans-serif;color:#006600}
	.whthead_sm {font:bold 12px arial,helvetica,sans-serif;color:#ffffff}
	.blkhead_sm {font:bold 12px arial,helvetica,sans-serif;color:#000000}
    .blue {font:bold 14px arial,helvetica,sans-serif;color:#0099cc}
	.smtext {font:11px arial,helvetica,sans-serif}
	table#sizes {font:12px arial,helvetica,sans-serif;background-color:#cccccc}
	table#sizes td {background-color:#ffffff;text-align:center}
	hr {color:#000000}
.advisory {font:bold 14px arial,helvetica,sans-serif;color:red}
    /* ######### Marker List Vertical Menu ######### */
.topnavfont a a:visited a:active a:hover { 
font-color:white;
}
.markermenu{
width: 225px; /*width of side bar menu*/
/*clear: left;*/
/*position: relative; Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
/*border: 1px solid #003300;*/
}

.markermenu ul li a{
background: #003300 3px center;  /*light gray background*/
/*background: black url(indentbg.gif) center center repeat-x;*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #ffffff;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
/*border-bottom: 1px solid #003300;*/
}

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

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

.markermenu ul li a:visited{
color: #ffffff;
}
.markermenu ul li a:hover, .markermenu ul li a.selected{
color: white;
background-color: #0099cc;
padding-top: 3px; /*shift text down 1px for selected and active item*/
padding-bottom: 3px; /*shift text down 1px for selected and active item*/
/*background: black url(indentbg2.gif) center center repeat-x;*/
}

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

.blackwhite li a{
background: #b2e0b2;
}

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