/* BASIC PAGE STYLES */

div.wrapper {
	width: 998px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: #f4f7fa;	
	border: solid 0px #d2dbe1;

}


/* Style the menu and position list items */
ul.mainMenu {
	position: relative;
	height: 154px;
	padding: 0;
	float:left;
	clear: both;
	z-index:1;
	margin:1px 0 0 0px;
	width:100%;
	border-top:1px solid #fff;

}

.ie ul.mainMenu {
	position: relative;
	height: 164px;
	padding: 0 0 0 0;
	float:left;
	clear: both;
	z-index:1;
	margin:0 0 40px 0px;
	width:100%;
	border-left:0px solid #fff;
	border-right:0px solid #fff;
}

ul.mainMenu li { 
	float: left; 
	list-style: none;
	width:165px;
	border-left:1px solid #fff;
}

/* Style and position links and images in second level list items */
ul.mainMenu li a {
	display: block;
	padding: 5px 0;
	text-decoration: none;
	color: #fff;
	text-align:center;
	background: #4c6224 url(../images/layout/nav-bg.jpg) repeat-x bottom left;
	clear:both;
	font-size:11px;
	border-top:1px solid #fff;
	
}

ul.mainMenu li img {
	width:165px;
	height:130px;
	float:left;
	clear:both;
	
}
ul.mainMenu li a:hover {
	color: #222;
	background: #fff;
}

/* When hovering over main list items, show second level lists */
/* This is only for #menu1 */
ul.cssonly li:hover ul { display: block; }

/* Position and style second level lists and items */
ul.mainMenu ul {
	position: absolute;
	top: 160px;
	left: 0px;
	padding: 5px 0 0;
	background: #fafafa url(../images/layout/shadow.png) repeat-x;
	display: none; /* Hide until parent list item is hovered on */
	margin:0 0 20px 0;
	width:998px;
}
ul.mainMenu ul li { padding: 14px; border-right: dashed 1px #f4f4f4;width:80px; }
ul.mainMenu ul li:last-child { border: 0; }
ul.mainMenu ul li.title {
	float: none; /* Remove parent float setting */
	padding: 6px 10px;
	border: 0; /* Remove parent border setting */
	border-bottom: dashed 1px #f4f4f4;
	font-size: 18px;
	font-weight: bold;
	font-family:Tahoma;
	width:300px;
	color:#455a21;
}
ul.mainMenu ul img { height: 97px; width: 74px;padding:2px; }
ul.mainMenu ul span { display: block; }
ul.mainMenu ul a {
	height: 101px;
	width:78px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	border: solid 0px #ebebeb;
	background: #fff;
}
ul.mainMenu ul a:hover { background: #fff; }
ul.mainMenu ul a img { opacity: .7; border: 0; }
ul.mainMenu ul a:hover img { opacity: 1; }

/* When hovering over a list item link show the more info div */
ul.mainMenu ul a:hover span.moreinfo { display: block; }

/* Position and style the more info div */
ul.mainMenu ul span.moreinfo {
	display: none;
	width: 275px;
	position: absolute;
	bottom: -37px;
	left: 12px;
	padding: 6px 10px;
	background: #455a21;
	color:#fff;
	text-align: left;
	font-weight: normal;
}

/* Rounded corners */
ul.mainMenu { }
ul.mainMenu ul { }
div.wrapper,
ul.mainMenu ul a { -webkit-border-radius: 10px; -moz-border-radius: 10px; }

/* IE6 FIXES */
ul.mainMenu li,
ul.mainMenu li a { _float:left; _display: inline; }