/*CONNECT*/
.connectMenu, .connectMenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 150px; /*WIDTH OF MAIN MENU ITEMS*/
/*border: 1px solid black;
*/}

.connectMenu li{
position: relative;
}

.connectMenu li a{
	font: bold 10px Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	width: auto;
	padding: 5px 0;
	padding-left: 10px;
	text-decoration: none;
	background-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: inset;
	border-bottom-color: #333333;
}

.connectMenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 160px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.connectMenu li ul li{
float: left;
}

.connectMenu li ul a{
width: 170px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.connectMenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(images/white_arrow.png) no-repeat center right;
}

.connectMenu li a:visited, .connectMenu li a:active{
color: white;
}

.connectMenu li a:hover{
	background-color: #990000;
}

/* Holly Hack for IE \*/
* html .connectMenu li { float: left; height: 1%; }
* html .connectMenu li a { height: 1%; }
/* End */




/*MAIN*/
.mainMenu, .mainMenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 150px; /*WIDTH OF MAIN MENU ITEMS*/
/*border: 2px solid black;*/
}

.mainMenu li{
position: relative;
}

.mainMenu li a{
	font: bold 10px Verdana, Helvetica, sans-serif;
	/*color: white;*/
	color: black;
	display: block;
	width: auto;
	padding: 5px 2px 5px 10px;
	text-decoration: none;
/*	background-color: #0033FF; controlsbkgd color of hover*/
		background-color: #ffffff; /*controls bkgd color of hover*/


	border-bottom: thin solid #d4d4d4;
}

.mainMenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 160px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.mainMenu li ul li{
float: left;
}

.mainMenu li ul a{
width: 160px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.mainMenu .arrowdiv{
	position: absolute;
	right: 4px;
	background-color: transparent;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
/*
.mainMenu li a:visited, .mainMenu li a:active{
/*color: white;
color: red;
}*/

.mainMenu li a:hover{
	/*background-color: #0033FF; controlsbkgd color of hover*/
	background-color: #cccccc; /*controlsbkgd color of hover*/
}

/* Holly Hack for IE \*/
* html .mainMenu li { float: left; height: 1%; }
* html .mainMenu li a { height: 1%; }
/* End */


/*VERTICAL*/
.verticalMenu, .verticalMenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 150px; /*WIDTH OF MAIN MENU ITEMS*/
/*border: 2px solid black;*/
}

.verticalMenu li{
position: relative;
}

.verticalMenu li a{
	font: bold 10px Verdana, Helvetica, sans-serif;
	/*color: white;*/
	color: white;
	display: block;
	width: auto;
	padding: 5px 2px 5px 10px;
	text-decoration: none;
/*	background-color: #0033FF; controlsbkgd color of hover*/
		background-color: #0066CC; /*controls bkgd color of hover*/


	border-bottom: thin solid #d4d4d4;
}

.verticalMenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 160px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.verticalMenu li ul li{
float: left;
}

.verticalMenu li ul a{
width: 160px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.verticalMenu .arrowdiv{
	position: absolute;
	right: 4px;
	background-color: transparent;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
/*
.verticalMenu li a:visited, .verticalMenu li a:active{
color: white;
color: red;
}*/

.verticalMenu li a:hover{
	/*background-color: #0033FF; controlsbkgd color of hover*/
	background-color: #0099FF; /*controlsbkgd color of hover*/
}

/* Holly Hack for IE \*/
* html .verticalMenu li { float: left; height: 1%; }
* html .verticalMenu li a { height: 1%; }
/* End */

#verticalsMenu {
	z-index: 1000;
	width: 100%;
}

