@charset "utf-8";
/* CSS Document */
/*menu body and container*/

#mainWrapper{
	margin: 0 auto;
	/*width:683px;*/
	/*width: 53.75em;*/
	width: 90%;
	/*min-width: 860px;*/
}

#dropDownWrapper{
	background-image:url(/images/menu-bar-back.gif); 
	background-repeat:repeat-x; 
	width:100%; 
	height:40px;
	overflow:visible;
}

#dropDownContainer{
	/*width: 53.75em;*/
	width: 90%;  
	/*min-width: 860px;*/
	height: 40px;
	/*min-height:40px;*/
	/*z-index:10;*/
}

#dropDown{
	height:40px;
	padding-top:0px;
	padding-left:30px;
	border-bottom:1px solid #ccc;
	overflow:visible;
}
#dropDown a{
	color:#000000;
	text-decoration: none;
}
#dropDown a:hover{
	color:#000000;
}
#dropDown .selected {
	color: #000000;
}

/*This is the Main menu code*/
#myMenu, #myMenu ul {
	/*float: left;*/
	width: auto;
	list-style: none;
	color:#000000;
	text-decoration: none;
	padding: 0;
	margin: 0;
	z-index: 200;
}
#myMenu li {
	float: left;
	padding: 0;
	width: auto;
}
#myMenu a {
	display: block;
	width: auto;
	text-decoration: none;
	color:#000000;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 10px;
}


/*positioning and layout of 1st level rollover tabs*/

#home .home, #rec .rec, #com .com, #env .env, #rules .rules, #pub .pub, #news .news, #about .about {
	height:40px;
	line-height: 3.5em;
	margin-top: -8px;
	/*padding-left: -1px;
	padding-right: -1px;*/
	padding-top: 8px;
	background-color: #f2f1ef;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #AFAFAF;
	border-left-color: #FFFFFF;
	/*font-size: 0.81em;
	font-weight: bold;*/
}

#dropDown a.topTab {
	height:40px;
	line-height: 3.5em;
	margin-top: -7px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 0px;
	font-size: 0.81em;
	font-weight: bold;	
}
#dropDown a.topTab:hover {
	height:40px;
	line-height: 3.5em;
	margin-top: -8px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	background-color: #E3E2E2;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #AFAFAF;
	border-left-color: #FFFFFF;
}



/*positioning and layout of 2nd level drop downs*/
#myMenu li ul {
	background-image:url(/images/dropdown-back.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#f2f1ef;
	position: absolute;
	left: -800px;
	height: auto;
	/*width:280px;*/
	width: 16.25em;
	font-weight: normal;
	font-size:0.75em;
	line-height: 1.2em;
	margin-top: -2px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0.25em;
	padding-left: 2.5em;
	padding-bottom: 0.75em;
	padding-right: 0.75em;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #AFAFAF;
	border-bottom-color: #AFAFAF;
	border-left-color: #f2f1ef;
	overflow:visible;
}
#myMenu li li {
	width: 17.75em;
	/*margin-left: -28px;*/
	margin-left: -2.5em;
	background-image:url(/images/menu-highlight.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-top: 8px;
	padding-bottom: 2px;
	overflow:hidden;
}

#myMenu li li:hover {
	background-image:url(/images/menu-over-back2.gif);
	background-position:left center;
	background-repeat:no-repeat;
	overflow:hidden;
	width:19.5em;
	/*height:1.88em;*/
	height:auto;
	padding-top:9px;
	padding-bottom:1px;
	margin-top: -2px;
	margin-left: -2.56em;
	border: 1px solid #f2f1ef;
	/*color: #FFFFFF;*/	
}

#myMenu li ul a {
	width: 15.5em;
	margin-left: 2.38em;
	cursor:pointer;
}

/*position of corresponding drop down*/
#myMenu li ul ul {
	margin-top: -24px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15.5em;
}

#myMenu li:hover ul ul, #myMenu li:hover ul ul ul, #myMenu li.sfhover ul ul, #myMenu li.sfhover ul ul ul {
	left: -999em;
}

#myMenu li:hover ul, #myMenu li li:hover ul, #myMenu li li li:hover ul, #myMenu li.sfhover ul, #myMenu li li.sfhover ul, #myMenu li li li.sfhover ul {
	left: auto;
}
#myMenu li ul a.myEmbossHilyte { color:#FFFFFF; font-weight: bold; position:relative; top:1px; left:0px; }

#myMenu .myEmbossText { /*display: block;*/ position:absolute; top:-1px; left:10px; color:#000000; }

/*
This code is responsible for putting a colour behind the rollover*/
/*#myMenu li:hover, #myMenu li.sfhover {
	background: #FFFFFF;
	width:auto;
}*/