/* CSS Document */

#menucontainer {
	position: relative;
	left: 60px;
	top: 109px;
	/*#top: 110px;*/
	width: 700px;
	z-index: 20;
}

#mainul, #mainul .dropdown {
	padding: 0;
	margin: 0;
	list-style: none;
}
#mainul {
	opacity: .99; /*For some reason at 1.0 the fade script creates subtle glitch, this fixes it*/
	text-align: left;
}
/*
Make all LI tags float left inside the main UL.
Floating left allows them to appear horizontally.
*/
#mainul li {
	float: left;
}
/*Sets background width for the menu dropdown (UL block) and the item links (LI with links) inside*/
#mainul .dropdown, #mainul .dropdown a  {
	width: 160px;
}

/*
Make each submenu section (dropdown - UL block) positioned as absolute
Positioned as 'absolute' prevents entire menu from shifting to the right when dropdowns are visible
in essence making the dropdowns appear below their menu tabs without resizing the menu in the process.
Set display to 'none' in order hide them until a menutab (menu tab) is moused over.
*/
#mainul .dropdown {
	position: absolute;
	display: none;
}
/*
Set default display format for all links in the menu system.
This makes their entire content area clickable and also makes them
behave as block level entities so they stack vertically like normal block level elements
*/
#mainul a {
	display: block;
}
/*Makes the whole of the li element responsive to mouse and not just text in it that is a link, keeps cursor as arrow to instead of pointy finger*/
#mainul .menutab {
	background-color: white; /*for some reason IE6 requires this for the entire li element to be visible to mouse and not just the link in..*/
}
/*Format for links in the menu tabs*/
#mainul .menutablink {
	position: relative;/*makes entire link including empty space around text recognize mouseover/out/etc activity*/
	padding: 4px 7px 4px 7px;
	text-decoration: none;
	color: #FEFEFE;
	background-color: #959C7D;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	border-top: 1px solid #306C8A;
	border-bottom: 1px solid #306C8A;
	border-left: 1px solid #306C8A;
}
#mainul #lastmenutablink {
	border-right: 1px solid #306C8A;
}
/*
javascript rollover class for keeping menu tab highlighted while submenu is being viewd and mousedover
Basically this what a menutab will look like while the mouse is over an opened dropdown
*/
#mainul .menutablinkjavascripthover {
	position: relative;/*makes entire link including empty space around text recognize mouseover/out/etc activity*/
	padding: 4px 7px 4px 7px;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #7D000B;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	border-top: 1px solid #333027;
	border-bottom: 1px solid #333027;
	border-left: 1px solid #333027;
}
#mainul #lastmenutablinkjavascripthover {
	border-right: 1px solid #333027;
}
/*Format for links in the menu dropdowns*/
#mainul .dropdown a {
	padding: 3px 7px 3px 7px;
	text-decoration: none;
	color: #fefefe;
	background-color: #7D000B;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica;
	border-top: 1px solid #501C1E;
	border-left: 1px solid #501C1E;
	border-right: 1px solid #501C1E;
}
#mainul #lastdropdownitem {
	border-bottom: 1px solid #501C1E;
}
#mainul .dropdown a:hover {
	color: #fefefe;
	background-color: #3D0005;
}
#mainul #lastdropdownitem a:hover {
	/*experimental*/
}