/************************************************************************************************
Name:- 			main.css
Author:- 		Sue Bryant
Description:-  	Main Menu CSS for Site 
Created:- 		17 Nov 2009
W3C:-			Checked 2.1 - Validated CSS (18 Aug 2010)
************************************************************************************************/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/******* MAIN MENU *******/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*==================================================================================================================*/
/* =Menu*/
/*==================================================================================================================*/
	/* [mainNavContainer] - set BG of main menu */
	#mainNavContainer {
		padding: 0px;
		margin: 0px;
		margin-top: 4px;
		height: 21px; 
		z-index: 100;
		position: relative;
		/* Center container, set margins left & right to auto */
		width: 892px;
		margin-left: auto;
		margin-right: auto;
		background-color: #6d5f80; /* Main bar BG color */
		border-bottom: #e2dbc7 solid 1px;}
	/* [mainNav] - set bullets to none & bring menu in a bit */	
	#mainNavContainer #mainNav {
		list-style-type: none;
		text-align: left;
		margin-left: 9px;
		text-indent: 10px;}
	/* [mainNav] - set list items in a line & bullets to none*/	
	#mainNavContainer #mainNav li {
		float: left;
		list-style-type: none;}
	/* [mainNav] - set links & visited links */	
	#mainNavContainer #mainNav a, #mainNavContainer #mainNav a:link{
		display: block;
		width: 117px; 
		font-size: 11px;
		font-weight: normal;
		color: #ffffff; 
		height: 19px; 
		line-height: 19px; 
		text-decoration: none;
		border: #6d5f80 1px solid;}	
	#mainNavContainer #mainNav a:visited{color: #ffffff;}	/* #a9a1b0*/
	#mainNavContainer #mainNav a:hover{color: #483e55;}	/* Hover color */		
	/* [mainNav] - set normal BG Color of dropdown links */	
	#mainNav li ul li a {background-color: #6d5f80;}
	#mainNav li ul {display: none;}
	/* [mainNav] hover relative positioning */
	#mainNav li:hover {position: relative;}
	/* [mainNav] hover background & text color*/
	#mainNav li:hover > a {background-color: #483e55;}/* Dark purple on main */	
	/* [mainNav] - set for non IE & IE7, IE8 browers to make subs visible on list hover (> targets only the child ul) */
	#mainNav li:hover > ul {
		display: block; 
		position: absolute; 
		top: -11px; 
		left: 80px; 
		padding-top: 9px;
		padding-left: 30px;
		/*background:transparent url(transparent.gif); The transparent gif is for IE to work*/
		width: 100px;
		background-color: transparent;}
	/* [mainNav] - set position of subNav1, under main links (> targets only the child ul) */
	#mainNav > li:hover > ul {
		left: -30px;
		top: 12px;}
	/* [mainNav] - set position of subNav2,3,4 (> targets only the child ul), the overlap */
	#mainNav > li:hover > ul ul{
		left: 65px;
		top: -7px;}
	/* [mainNav] - hide table */
	#mainNav table {
		position: absolute; 
		border-collapse: collapse; 
		top: 0; 
		left: 0; 
		z-index: 100; 
		font-size: 1em;}
	/* Accessibility tabbing thru top menu */
	#mainNav li a:active, #mainNav li a:focus{background-color:#e2dbc7;} /* tan color */
	/* dropDown Hover Over BG color */
	#mainNav li.dropDown a:hover{background-color: #e2dbc7;} /* tan color */
	/************************************************************************************************/