/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.markermenu{
width: 150px; /*width of menu*/
border-left: 1px solid #002d6a;
}

.markermenu ul{
list-style-type: none;
margin: 0px ;
padding: 0;
}

.markermenu ul li a{
background: #FFFFFF url('/images/clear.gif') no-repeat 0px center;
font: bold 12px Arial, Helvetica, Verdana, sans-serif;
color: #3b3b3b;
display: block;
width: auto;
padding: 5px 10px 5px 20px;
text-decoration: none;
text-align: left;
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #3b3b3b;
}

.markermenu ul li a:hover{
color: #002d6a;
background-color: #ffffff;;
text-decoration: none;
background-image:url('/images/arrow_blue.gif'); /*onMouseover image change. Remove if none*/
}

.markermenu ul li a.on{
background: #FFFFFF url('/images/arrow_blue.gif') no-repeat 0px center;
font: bold 12px Arial, Helvetica, Verdana, sans-serif;
color: #002d6a;
display: block;
width: auto;
padding: 5px 10px 5px 20px;
text-decoration: none;
text-align: left;
}


* html .markermenu ul li a.on{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}

.markermenu ul li a.on:visited, .markermenu ul li a.on:active{
color: #002d6a;
background-color: #ffffff;;
background-image:url('/images/arrow_blue.gif'); /*onMouseover image change. Remove if none*/
}

.markermenu ul li a.on:hover{
color: #002d6a;
background-color: #ffffff;;
text-decoration: none;
background-image:url('/images/arrow_blue.gif'); /*onMouseover image change. Remove if none*/
}

.markermenu ul li a.twoline{
background: #FFFFFF url('/images/clear.gif') no-repeat 0px center;
font: bold 12px Arial, Helvetica, Verdana, sans-serif;
color: #3b3b3b;
display: block;
width: auto;
padding: 5px 10px 5px 20px;
text-decoration: none;
text-align: left;
}


* html .markermenu ul li a.twoline{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}

.markermenu ul li a.twoline:visited, .markermenu ul li a.twoline:active{
color: #3b3b3b;
}

.markermenu ul li a.twoline:hover{
color: #002d6a;
background-color: #ffffff;;
text-decoration: none
}

.markermenu ul li a.twolineon{
background-color: #FFFFFF;
font: bold 12px Arial, Helvetica, Verdana, sans-serif;
color: #002d6a;
display: block;
width: auto;
padding: 3px 10px 3px 20px;
text-decoration: none;
text-align: left;
}


* html .markermenu ul li a.twolineon{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}

.markermenu ul li a.twolineon:visited, .markermenu ul li a.twolineon:active{
color: #002d6a;
background-color: #ffffff;
}

.markermenu ul li a.twolineon:hover{
color: #002d6a;
background-color: #ffffff;
text-decoration: none
}

.markermenu ul li ul li {
list-style-type: none;
margin: 0px 0px 0px 20px ;
padding: 0;
}

.markermenu ul li ul li a{
font: 12px Arial, Helvetica, Verdana, sans-serif;
color: #002d6a;
display: block;
width: auto;
padding: 3px 10px 3px 15px;
text-decoration: none;
text-align: left;
border-top: 1px solid #FFFFFF;
}


* html .markermenu ul li ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 120px;
}

.markermenu ul li ul li a:visited, .markermenu ul li ul li a:active{
color: #002d6a;
}

.markermenu ul li ul li a:hover{
color: #ffffff;
background-color: #002d6a;
text-decoration: none;
background-image:url('/images/clear.gif'); /*onMouseover image change. Remove if none*/
}

.markermenu ul li ul li a.subon{
font: 12px Arial, Helvetica, Verdana, sans-serif;
color: #ffffff;
display: block;
width: auto;
padding: 3px 10px 3px 15px;
text-decoration: none;
text-align: left;
background-color: #002d6a; 
}


* html .markermenu ul li ul li a.subon{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 120px;
}

.markermenu ul li ul li a.subon:visited, .markermenu ul li ul li a.subon:active{
color: #ffffff;
}

.markermenu ul li ul li a.subon:hover{
color: #ffffff;
background-color: #002d6a;
text-decoration: none;
}


.markermenu ul li ul li ul li {
list-style-type: none;
margin: 0px 0px 0px 0px ;
padding: 0;
}

.markermenu ul li ul li ul li a{
font: 12px Arial, Helvetica, Verdana, sans-serif;
color: #ffffff;
display: block;
width: auto;
padding: 3px 10px 3px 20px;
text-decoration: none;
text-align: left;
border-top: 0px;
background-color: #002d6a;
border-left: 4px #002d6a solid;
}


* html .markermenu ul li ul li ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 120px;
}

.markermenu ul li ul li ul li a:visited, .markermenu ul li ul li a:active{
color: #ffffff;
}

.markermenu ul li ul li ul li a:hover{
color: #ffffff;
background-color: #002d6a;
text-decoration: none;
border-right: 4px #78a22f solid;
}

.markermenu ul li ul li ul li a.subon{
font: 12px Arial, Helvetica, Verdana, sans-serif;
color: #ffffff;
display: block;
width: auto;
padding: 3px 10px 3px 20px;
text-decoration: none;
text-align: left;
background-color: #002d6a; 
border-right: 4px #78a22f solid;
}


* html .markermenu ul li ul li ul li a.subon{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 120px;
}

.markermenu ul li ul li ul li a.subon:visited, .markermenu ul li ul li a.subon:active{
color: #ffffff;
text-decoration: none;
}

.markermenu ul li ul li ul li a.subon:hover{
color: #ffffff;
background-color: #002d6a;
text-decoration: none;
}
