/* 
STYLE.CSS
AUTHOR - metal@flat.com
DATE   - June, 2009
NOTES  - 
	
	 
*/
/************************************************************************************************************/
/************************************************************************************************************/
/************************************************************************************************************/
/* ------------------------------------------------------------------------------------------------------- */
/* LIST ITEMS FOR MAIN NAVIGATION
/* ------------------------------------------------------------------------------------------------------- */
/* ul.nav_pages - for main pages' navigation links on the left */
ul.nav_pages, ul.nav_pages li, ul.nav_pages li ul {
	margin: 0;
	padding: 0;
	list-style-type: none !important;
	display: block;
}

ul.nav_pages li {
	width: 100%;
	border: none;
	background-color: transparent;
	text-decoration: none;
	outline: none;
	display: block;
}

ul.nav_pages li a, ul.nav_pages li a:link, ul.nav_pages li a:visited {
	width: 100%;
	margin: 0.0em !important;
	padding: 0.8em 0.0em 0.8em 0.8em !important;
	text-decoration: none;
	outline: none;
	display: block;
}

ul.nav_pages li a:hover, ul.nav_pages li a:active {
	width: 100%;
	margin: 0.0em !important;
	padding: 0.8em 0.0em 0.8em 0.8em !important;
	text-decoration: none;
	outline: none;
	display: block;
}

ul.nav_pages li * span { /* hack for IE needed - the line height creates a 1pt bottom border... */
	font-size: 1.2em;
	line-height: 1.0em;
	font-weight: bold;
	display: block;
}

ul.nav_pages li * span.header {
	
}

/* Define background colors and borders for page navigation items */
ul.nav_pages li.category a, ul.nav_pages li.category a:link, ul.nav_pages li.category a:visited {
	border-left: 0.8em solid #131f19;
	background-color: #232f29;
	color: #fff;
}

ul.nav_pages li.page a, ul.nav_pages li.page a:link, ul.nav_pages li.page a:visited {
	border-left: 0.8em solid #434f49;
	background-color: #535f59;
	color: #fff;
}

/* hover */
ul.nav_pages li a:hover, ul.nav_pages li a:active {
	border-left: 0.8em solid #55aa00 !important;
	background-color: #66bb00 !important;
	color: #ffffff !important;
}

/* on state */
ul.nav_pages li.category a.on, ul.nav_pages li.page a.on {
	border-left: 0.8em solid #e3efe9;
	background-color: #ffffff;
	color: #232f29;
}

/* search */
ul.nav_pages li.search div {
	width: 100%;
	margin: 0.0em !important;
	padding: 0.8em 0.0em 0.8em 0.8em !important;
	text-decoration: none;
	outline: none;
	display: block;
	
	border-left: 0.8em solid #838f89;
	background-color: #939f99;
	color: #fff;
}




/* ul.select_menu - for main pages' navigation links on the left */
div.select_container {
	margin-top: 0.6em;
	margin-bottom: 0.1em;
}

ul.select_menu, ul.select_menu li, ul.select_menu li ul {
	margin: 0;
	padding: 0;
	list-style-type: none !important;
	display: block;
}

ul.select_menu li {
	width: 14.0em;
	font-size: 1.0em;
	border: none;
	text-decoration: none;
	background-color: #ffffff;
	outline: none;
	display: block;
	
	position: static;
	float: left;
	clear: both;
}

ul.select_menu li a, ul.select_menu li a:link, ul.select_menu li a:visited {
	margin: 0.0em !important;
	padding: 0.3em !important;
	border: none;
	background-color: transparent;
	text-decoration: none;
	outline: none;
	color: #838f89;
	display: block;
}

ul.select_menu li a:hover, ul.select_menu li a:active {
	margin: 0.0em !important;
	padding: 0.3em !important;
	border: none;
	background-color: transparent;
	text-decoration: none;
	outline: none;
	color: #66bb00;
	display: block;
}

ul.select_menu li a.header {
	background: #ffffff url('../img/icon-select.gif') no-repeat bottom right;
	background-position: bottom right;
}

ul.select_menu li * span { /*  */
	font-size: 1.1em;
	line-height: 1.0em;
	display: block;
}

ul.select_menu li * span.header { /*  */
	
}


ul.select_menu li ul, ul.select_menu li ul li { /* navigation nest */
	width: 14.0em;
}

ul.select_menu li ul {
	position: absolute;
	z-index: 20;
	overflow: hidden;
}

ul.select_menu li ul li {
	width: 14.0em;
	clear: both;
}