/* temp menu format for testing */

.simple_table_menu {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	table-layout: auto;
	width: 100%;
	background-color: #0C59A7;
	font-style: normal;
}


.h1_menu {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url('images/design_components/blueTab.jpg');
	width: 145px;
	font-variant: small-caps;
	text-align: center;
}

/* Menu Sytles */

.ListStyleNone {
	list-style-type: none;
}


/* Vertical drop down menu */

/* Remove the default bullets and spacing */

.vertical_menu_placement {
	margin-left:	0;
	padding: 		2px;
	color: 			#000000;
	text-align:		left; 
	float: 			left;
	width: 			150px; 
	position: 		relative;
}

#verticalmenu {
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 10px 5px 10px;
	border: thin ridge #0C59A7;
	background-color: #0C59A7;
	color: #FFFFFF;
	width: 150px;
/*	font-weight: bold;
	font-size: 8px;
*/
}

#verticalmenu ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#verticalmenu ul li {
	border-width: 1px;
	border-color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom-style: solid;
}
#verticalmenu ul li a {
	text-decoration: none;
	color: #FFFFFF;
}

#verticalmenu ul li a:hover {
	color: #622;
	background: #fff;
}



/* End of Vertical Menu ID's */

/* Horizontal drop down menu */

/* Remove the default bullets and spacing. */
#menu ul {            
background: #eee;
list-style: none;
margin: 0;
padding: 0;
}

/* Position each sub menu relative to the parent (not the page).  
   Float:Left creates the Horizontal menu
   Z-index specifies the top level menu is layered below by drop downs.*/

#menu ul li {
	background-position: left bottom;
	float: left;
	position: relative;
	background: #0C59A7 left bottom;
	z-index: 1;
}

/* Set consistant font size and type for all menu elements.
   Display consistant width for all elements. */
#menu a {
	font: bold 14px arial;
	display: block;
	margin: 0;
	color: #FFFFFF;
	text-decoration: none;
	border-width: 1px;
	padding: 3px 4px;
	text-transform: uppercase;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #777;
}

/* Highlight the menu cell when the cursor is on it.  IE needs special Java script. */
#menu a:hover{
color: #622;
background: #fff;
}

/* Position sub menus below the parent menu and leave all parents in place. 
   Layer the sub menu ontop a small section of the parent using z-index and top.    
*/
#menu ul ul {
float: none;
position: absolute;
top: 20px;
left: 4px;
z-index:1;
}

/*   All sub menus entries are a consistent width within the column. */
#menu ul ul li {
width: 180px;
}

/* Position 3rd level menus to the right of the 2nd level entry. */
#menu ul ul ul {
top: 4px;
left: 176px;
}

/* Hide sub menus, hide 3rd level menus when the cursor is on the top or 2nd level menu. */
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

/* Display sub menus when the cursor hovers over the specific parent. */
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}