@charset "utf-8";



/* For Menu Testing Only */



body, html{margin:0;padding:0;}

body{height:100%;}

.hand{cursor:pointer;}

.help{cursor:help;}



/* CSS Popout Menu */



#menu{

top:5px;

left:5px;

background: #fff;

margin-top: 21px;

z-index:2;

width:186px;

}



#menu a{

display:block;

font:bold 10px/14px Verdana, Arial, Helvetica, sans-serif;



border: none;

white-space:nowrap;

text-indent:2px;

width:186px;

height: 25px;

}



#menu a{

color: #fff;

background: #003 url(../images/menu_arrow_on.gif) top left no-repeat;

text-decoration:none;

}



#menu a, #menu a:visited{

color:#fff;

}



#menu a:hover{

color:#000;

background: #ccc url(../images/menu_arrow_off.gif) top left no-repeat;

}



#menu a:active{

color:#060;

background: #ccc url(../images/menu_arrow_off.gif) top left no-repeat;

}



#menu h2{

background: #003 url(../images/menu_line.gif) top left no-repeat;

margin:0;

padding:0;

width:186px;

height: 1px;

}



#menu li{

list-style-type:none;



}



#menu ul li{

position:relative;

}



#menu li ul{

position:absolute;

top:0;

left:184px;

height: 25px;

display:none;

}



/* Fix IE. Hide from IE Mac \*/

* html #menu ul li{float:left;height: 25px;}

* html #menu ul li a{height: 25px;}

/* End */



div#menu ul, #menu ul ul, div#menu ul ul ul{

margin:0;

padding:0;

list-style-image:none;

width:186px;

height: 25px;

}



div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul{

display:none;

}



div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul{

display:block;

}



/* Styling for Expand - Menu X */



#menu a.x, #menu a.x:visited{

height: 25px;

font-weight:bold;

text-transform: uppercase;

text-indent: 36px;

color:#fff;

padding-top: 6px;

max-height: 19px;

background: #003 url(../images/menu_arrow_on.gif) top left no-repeat;

}



#menu a.x:hover, #menu a.x:visited:hover{

color:#000;

background: #ccc url(../images/menu_arrow_off.gif) top left no-repeat;

}



#menu a.x:active{

color:#000;

background: #ccc url(../images/menu_arrow_off.gif) top left no-repeat;

}





#menu a.x_selected, #menu a.x_selected:visited{

height: 25px;

font-weight:bold;

text-transform: uppercase;

text-indent: 36px;

color:#000;

padding-top: 6px;

max-height: 19px;

background: #ccc url(../images/menu_arrow_off.gif) top left no-repeat;

}



/* Styling for Expand - Menu Y */





#menu a.y, #menu a.y:visited{

height: 25px;

width: 220px;

font-weight: normal;

text-transform: uppercase;

text-indent: 36px;

color: #000;

padding-top: 6px;

max-height: 19px;

margin-left: 6px;

background: #bababa url(../images/menu_arrow2_off.gif) top left no-repeat;

}



#menu a.y:hover, #menu a.y:visited:hover{

color:#000;

font-weight: bold;

background: #ccc url(../images/menu_arrow_off.gif) top left no-repeat;

}



#menu a.y:active{

color:#000;

font-weight: bold;

background: #ccc url(../images/menu_arrow_off.gif) top left no-repeat;

}





#menu a.y_selected, #menu a.y_selected:visited{

height: 25px;

width: 220px;

font-weight: bold;

text-transform: uppercase;

text-indent: 36px;

color: #000;

padding-top: 6px;

max-height: 19px;

margin-left: 6px;

background: #ccc url(../images/menu_arrow_off.gif) top left no-repeat;

}