/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/*          *** modded 09/14/08 by arrayInteractive.ca ***          */

.menu {width:753px; position:relative; z-index:100;  height: 25px;}
.menu ul {padding:0; margin:0 0 0 40px; list-style-type:none;}
.menu li {float:left; position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {
	font-size: 12px;
	color: #fff; 
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: none;
	padding: 6px 28px;
	display: block;
	float: left;
	height: 20px;
}

/* style the top level hover */
.menu a:hover{
	background-color: #66aa66;
	padding: 6px 28px;
	text-decoration: none;
}

.menu :hover > a{
	background-color: #66aa66;
	padding: 6px 28px;
	text-decoration: none;
}

/* style for the dropdown menu */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	top:32px;
	left:-40px; 
	width:150px;
	background-color: #006699;
	padding: 0px;
	
}

/* hack for IE5.5 */
* html .menu ul ul {top:32px;t\op:32px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the dropdown links */
.menu ul ul a, .menu ul ul a:visited {
	color:#ffffff; 
	height:20px; 
	line-height:20px ;
	padding: 6px 28px;
	width:150px;
	overflow:hidden;
	background-color: #006699;
	font-weight: normal;
	border-top: 1px solid #AAA;
}

/* style the drop down hovers */
.menu ul ul a:hover{
	padding: 6px 28px;
	width:150px;
	overflow:hidden;
	background-color: #66aa66;
	color:#ffffff;
}
.menu ul ul :hover > a {
	padding: 6px 28px;
	width:150px;
	overflow:hidden;
	background-color: #66aa66;
	color:#ffffff;
}

.menu ul li:hover ul,
.menu ul li a:hover ul{visibility:visible; }


.mainMenuWrap {
	border-top: 3px solid #AAA;
	border-bottom: 1px solid #AAA;
	width: 753px;
	position: relative;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-bottom:7px;
}

/* internal page SUBMENU */ 
#sub_menu h1  { color: #006699; font-size: 12px; font-family: Verdana; font-weight: bold; padding: 6px 0 0 0; border-bottom: 1px solid #6a6 }
#sub_menu h1 a     { color: #006699; text-decoration: none; display: block; padding: 12px; }
#sub_menu h1 a:hover
   { text-decoration: none; color: #006699; font-weight: bold; background-color: #bccee4; display:block; }
#sub_menu h1.current { border-bottom: 3px solid #6a6; }
#sub_menu  { color: #006699; font-size: 12px; font-family: Verdana; width: 183px }
#sub_menu ul { margin:0; padding: 0px; }
#sub_menu ul li {
	list-style-type:none;
	text-align: left;
	border-bottom: 1px solid #D3D6CC;
}
#sub_menu ul li a  { color: #666666; text-decoration: none; display: block; padding: 8px 12px }
#sub_menu ul li.current a:link, #sub_menu ul li.current a:visited {color:#006699;}
#sub_menu ul li a:hover {background-color: #bccee4; text-decoration: none; color: #666666; background-color: #bccee4; display:block;}
#sub_menu ul.current {
	border-bottom: 1px solid #6a6;}