div.suckerdiv div{
	margin: 0px 0px 0px 0px ;
	padding-top: 5px;	
	padding-bottom:5px; 
	divst-style-type: none;
	width: 185px; /* Width of Menu Items */
	 margin-left:10px; 
	/* border-bottom:1px solid #d6f3c6; */
}
div.suckerdiv div.suckerdiv2{	
	divst-style-type: none;	
	width: 185px; /* Width of Menu Items */	
	font-weight:normal;
	color:#000100;
	padding:0px;
	margin:0px;
	margin-left:10px;	
	border-bottom:1px solid #d6f3c6;
}
div.suckerdiv div.suckerdiv2 div{		
	width: 185px; 
	padding-top: 5px;
	
	padding-bottom:5px;  
	margin:0px;
	border-top:1px solid #d6f3c6;
}
div.suckerdiv div:hover{
	background-color:#d2f2c1;
}
div.suckerdiv div.suckerdiv2:hover {
	background-color:#effbc6;
}
/* Sub level menu divnks style */
div.suckerdiv div a{
/*display: block;*/
overflow: auto; /*force hasLayout in IE7 */
color: #c57900;
text-decoration: none;
/*border: 1px sodivd #ccc;*/
border-bottom: 0;
font-size:11px;font-family:Tahoma;
font-weight:bold;
}

div.suckerdiv div div a {
	padding-left:0px;
	font-weight:normal;
	color:#646464;
	margin:0px;
}
div.suckerdiv div div:hover {	
	font-weight:normal;
	color:#000100;	
}
.suckerdiv2 a {
	font-weight:normal;color:#000100;
}

.glossymenu{
	margin: 0px 0;
	padding: 0px;
	width: 180px; /*width of menu*/
	border: 0px solid #9A9A9A;
	border-bottom-width: 0;
	text-align:left;
	vertical-align:middle;
}

.glossymenu a.menuitem{
	font-family: tahoma;
	font-size: 11px ;
	font-weight:bold;			
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding:5px 0 5px 20px;	
	text-decoration: none;
	vertical-align:middle;
	color:#C57900;
}
.right_menu {
	background-color:none;
	font-family: tahoma;
	font-size: 11px ;
	font-weight:bold;
	color: #A89DA8;
}

.right_menu_click {
	background-color:#d2f2c1;
	font-family: tahoma;
	font-size: 11px ;
	font-weight:bold;
}

.glossymenu a.menuitem:visited,.glossymenu a.menuitem:hover,.glossymenu .menuitem:active{
	
}
.glossymenu a.menuitem:hover,.glossymenu a.menuitem:visited:hover {
	background-color:#d2f2c1;
	font-family: tahoma;
	font-size: 11px ;
	font-weight:bold;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 0px;
	right: 5px;
	border: none;
}


.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	padding:0px;
	background: white;
}
/*this is the css for the vertical version*/
.vertical ul{
	list-style-type: none;
	padding: 0px;
	border:0px solid red;	
	width: 170px;
	padding-left:0px;
	margin:0px;
	background-color:#effbc6;
	
}
.vertical li a{
	display: block;
	width: 170px;
	/*float:left;*/
	text-decoration: none;		
	border-top: 0px;
	text-align:left;	
	padding: 3px 0px 3px 30px;
	background-color:#effbc6;
	border-bottom:1px solid #D6F3C6;
	
/*	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
*/
}
.vertical li{
	/*Needed for IE. Don't ask me why, It was a lucky guess.*/
	display: inline;	
	background-color:#effbc6;
}
.vertical li ul{
	position: absolute;
	margin-top: -27px;
	margin-left: -180px;
}
/*this is the css for the horizontal version*/
.horizontal ul{
	list-style-type: none;
	padding: 0px;
	border:0px;	
	width: 139px;
	padding-left:0px;
	margin:0px;	
	display: block;	
	z-index:10000;
	background:url('../images/bg_menu_navigation_do.jpg') repeat-x top left;
	margin-top:2px;
}
.horizontal li{
	float: left;
	display: inline;
	z-index:10000;
	margin-right:50px;
}
.horizontal li a{
	text-decoration: none;
	height: 21px;
	float: left;
	display: block;
	width: 139px;
	padding: 0px;
	border: 0px solid;
	border-left: none;
}
.horizontal li li a{
	border-top: none;	
	text-decoration: none;
	height:22px;		
	border-top: 0px;
	text-align:left;	
	padding: 5px 0px 0px 11px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	width: 139px;
}
.horizontal li ul{
	position: absolute; 
	margin-top: 22px;
	margin-left: -3px;
	width: 139px;
	border: none;
	display: block;
	height: auto;
	border-top: 0px solid;
	background:url();
	z-index:10000;
}
.horizontal li li ul{
	position: absolute;
	margin-top: .1em;
	margin-left: 135px;
}
.horizontal li ul li a{
	width: 139px;
	z-index:100000
}
/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
/*Not sure if I recommend this or not*/
.inaccesible li ul{
	display: none;
}
/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
.arrow a span{
padding-left: 1em;
font-size: 85%;  
}
.arrow a:hover span{
	padding-left: 2em;
	cursor:pointer;
}
.arrow a span.noshow{
	visibility: hidden;
	background-color:#effbc6;
}
/*Plus code*/
.plus a span{
	padding-left: .5em;
	background-color:#effbc6;
}
/*colors for menu*/
.blackwhite li a{			
	color:#646464;
	font: 11px Tahoma;
	text-decoration:none;
	background-color:none;
	width:150px;
}
.blackwhite li a:hover{
	color:#646464;
	font: 11px Tahoma;	
	text-decoration:none;
	background-color:#d2f2c1
}
.blackwhite ul{
	border-color: black;
}

.headerclass li a{			
	color:#006AA7;
	font: 13px Tahoma;
	text-decoration:none;
	background:transparent url(../images/box_left/bg_link.jpg) repeat-x scroll center top;
	
}
.headerclass li a:hover{
	color:#006AA7;
	font: 13px Tahoma;	
	text-decoration:none;
	background:transparent url(../images/box_left/bg_link.jpg) repeat-x scroll center top;
	
}
.headerclass ul{
	border-color: black;
}
.vert {
	float:right;
	font-size:11px;	
	background-color:#effbc6;
}

.vert_left {
	float:left;
	cursor:pointer;
	background-color:#effbc6;
}
.horiz {
	float:right;
	font-size:11px;
	display:none;
}
.blackwhite li.end_menu {	
	height:0px;
	padding:0px;
	margin:0px;
	display:none;
}