@charset "utf-8";
/* CSS Document */

/*layout base*/
#wrapper { 
 margin: 10px auto 0 auto;
 width: 762px;
 position:relative;
}
#header {
 width: 762px;
 padding:0;
 margin: 0px;

 z-index:100;
}
#navigation {
 float: left;
 width: 762px;
 color: #333;
 padding: 0px;
 margin: 20px 0px 0px 0px;
 background: #FFF url(/img/nav-bg.png) 50% 50% no-repeat;
 height:72px;
 position:relative;
}

#navEndLeft{
	width:80px;
	height:142px;
	position:absolute;
	top:-35px;
	left:-80px;
	background: #FFF url(/img/nav-bg.png) 0% 0% no-repeat;
}

#navEndRight{
	width:80px;
	height:142px;
	position:absolute;
	top:-35px;
	right:-80px;
	background: #FFF url(/img/nav-bg.png) 100% 100% no-repeat;
}

#titlestrip{
	float: left;
 width: 762px;
 padding: 10px 0;
 z-index:50;
 position:relative;
}
#discubous{
	position:absolute;
	top:0;
	left:-60px;
}
#footer { 
 width: 742px;
 clear: both;
 color: #333;
 margin:0;
 padding:10px 10px;
 z-index:100;
}

#sub { 
 width: 762px;
 clear: both;
 color: #333;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background: #FFF url(/img/sub-bg.png) 50% 50% no-repeat;
 height:72px;
 z-index:50;
 position:relative;
}
#subEndLeft{
	width:80px;
	height:142px;
	position:absolute;
	top:-35px;
	left:-80px;
	background: #FFF url(/img/sub-bg.png) 0% 0% no-repeat;
}

#subEndRight{
	width:80px;
	height:142px;
	position:absolute;
	top:-35px;
	right:-80px;
	background: #FFF url(/img/sub-bg.png) 100% 100% no-repeat;
}


/* mani nav */
#navWrap{
	margin:17px 0 0 0;
}

ul#nav{
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
ul#nav li{
	position:relative;
	display:block;
/*menu item width*/
	width:auto !important;
	width:100px;
	float:left;
	border-bottom:none;
	margin:0;
}
ul#nav li ul li{
	width:150px;
	z-index:100;
}


ul#nav li ul {
	position: absolute;			/*position of sub menus*/
	left: 0px;
	top: 24px;
	display: none;
	border:1px solid #4baf48;
	z-index:100;
	width:150px;

}
ul#nav li a{
	display:block;
	border-right:1px solid #472e13; /*menu item formatting*/
	/*height:20px;*/
	font-size:13px;
	font-weight:bold;
	padding:4px 15px !important;
	padding:4px 5px;
	text-decoration:none;
	color:#472e13;
}
ul#nav li.last a{
	border:none;
}
ul#nav li a:hover{
	color: #E00; 			/*hover formatting*/
}

ul#nav li ul li a{/*submenu formatting*/
	border:none;
	text-align:left;
	text-indent:10px;
	z-index:100;
	width:130px;
	background-color:#FFF;
}

ul#nav li ul li a:hover {
	color: #E00;
	background:#FFFFFF url(/img/dropmenu-bg.gif) 0% 50% no-repeat;
}

ul#nav li ul li a span { 
	display:none; 			/*tooltip formatting*/
	position:absolute;
	top:0;
	left:130px;
	background:#4baf48;
	color:#FFFFFF;
	font-size:11px;
	padding:3px 3px 3px 7px;
	width:200px;
	text-indent:0;
	
}

ul#nav li ul li a:hover span{
	display: block; 
}


ul#nav li:hover ul, ul#nav li.over ul { 			/*dropdown action*/
	display: block; 
}

/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */




/*-- sections n bits n bobs --*/
#crumbs{
	color:#472e13;
	display:block;
	padding:0px 3px 5px 0px;
	font-size:10px;
}
#crumbs a{
	color:#472e13;
	text-decoration:none;
	font-size:10px;
}
#crumbs a:hover{
	color:#4baf48;
}
#headlinks{
	float:right;
	color:#4baf48;
	font-size:10px;
}

#headlinks a{
	color:#4baf48;
	font-size:10px;
	text-decoration:none;
}
#headlinks strong, #headlinks a strong{
	color:#e01f26;
	font-size:10px;
	text-decoration:none;
}

#headlinks a:hover{
	color:#e01f26;
}




/*forms, alerts*/
form{
	width:60%;
	margin-left:20%;
}
form div{
	border:1px solid #FFF;
	padding:3px 2% 5px 4%;
	margin:0 0 5px 0;
}
form div.required {

	background: url(/img/req.gif) 0% 0% no-repeat;;
}
form div.required label{
	font-weight: bold;
}
form div.optional, form div.input {

}
form div.error{
	background-color:#FFFFCC;
}
form div.submit {
	border: 0;
	margin-top: 10px;
	margin-left: 100px;
}
label{
	display:block;
	margin:0 0px 3px 0;
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
}
input{
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
}
input, textarea {
	clear: both;
	display: block;
	font-size: 14px;
	width: 96%;
}

input[type=text], input[type=password], select, textarea{
	border: 1px solid #a8cbb0;
}


select {
	clear: both;
	font-size: 14px;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 14px;
	padding: 0 0.3em;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 2px 6px 7px 2px;
	width: auto;
}
input[type=submit] {
	display: inline;
	padding: 0 .4em;
	width: auto;
	vertical-align: bottom;
}
input.button{
	width:auto;
	height:24px;
	margin:5px 0 5px 130px;
}




/* Notices and Errors */
div.message, p.error, div.error-message {
	color:#900;
	font-size: 12px;
	font-weight:bold;
	background:#FFFFCC;
	border:1px solid #900;
	padding:4px;
	margin: 4px 0px;
}
div.error-message {
	clear: both;
	border:none;
	font-weight:bold;
	margin:0;
	background:none;
}
div.error em {
	font-size: 18px;
	color: #003d4c;
}
span.notice {
	background-color: #c6c65b;
	color: #fff;
	display: block;
	font-size: 16px;
	padding: 0.5em;
	margin: 1em 0;
}