@import url('_reset.css');
@import url('_useful.css');

/*	Begin
********************************/

body {
	font-family: Verdana, Arial, sans-serif;
	background-color: #A1A292;
	color: #333230;
	margin-bottom: 40px;
	
	behavior:url("css/_iehoverfix.htc");
	
}


/*	UL Nav
********************************/

ul.nav {
	list-style: none outside;
	width: 115px;
	margin-right: 15px;
}

ul.nav li {
	padding: 2px 0px;
	font-size: .9em;
	font-weight: bold;
}

ul.nav li.last {
	padding: 0px;
	height: 12px;
	border-bottom: 1px solid #636564;	
	width: 90%;
}

ul.nav li a {
	border-left: 5px solid #a1a292;
	padding-left: 10px;
	color: #646464;
}

ul.nav li a:hover, ul.nav li.on a, ul.nav li.on a:hover {
	border-left: 5px solid #323232;
}

ul.nav li.on a {
	color: #323232;	
}

ul.nav li ul {
	list-style: none outside;
	margin: 5px 0px 0px 10px;
}

ul.nav li ul li {
	font-size: 1em;
}

ul.nav li.on ul li.on a {
	border-left: 5px solid #a1a292;
	color: #323232;
}

ul.nav li.on ul li a {
	border-left: 5px solid #a1a292;
	color: #646464;
}

/*	Header
********************************/

#headerArea {
	
	background: url('../img/layout/header.bg.gif') top right repeat-y;
	
}

#header {

	width: 800px;
	margin: 0px auto;
	
	background-color: #646464

}

#header .topMargin {
	width: 115px;
	height: 55px;
	background-color: #a1a292;
}

#header #leftNav {
	float: left;
	width: 230px;
}

#header #leftNav a.nav {
	display: block;
	height: 75px;
	
	cursor: pointer;

	position: relative;

}

#header #leftNav a.nav div.navDarken {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 115px;
	height: 75px;
	background-color: #646464;
	opacity: 0;
	filter: alpha(opacity=0);
}

#header #leftNav a.nav div.hoverBar {
	background-color: #352f2a;
	width: 5px;
	height: 15px;
	position: absolute;
	left: 115px;
	top: 0px;
	opacity: 0;
	filter: alpha(opacity=0);
}

#header #leftNav a.nav p {
	width: 95px;
	height: 69px;
	position: absolute;
	top: 0px;
	right: 0px;
	
	color: #A0A392;
	padding: 3px 5px 3px 15px;
}

#header #leftNav a.nav:hover .navDarken {
	opacity: .60;
	filter: alpha(opacity=60);
}
#header #leftNav a.nav:hover .hoverBar {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 1000;
}
#header #leftNav a.nav:hover p {
	background-color: #545454;
}

#header #leftNav ul.nav {
	background-color: #a1a292;
	padding-top: 10px;
}

#header .caption {

	position: absolute;
	top: 0px;
	right: 0px;
	width: 150px;
	
	font-size: .9em;

}

#header #imageArea {
	float: left;
	position: relative;
	width: 570px;
	height: 300px;
}

/*	Content
********************************/

#contentArea {

	position: relative;
	
	width: 800px;
	margin: 0px auto;
	
	padding-top: 20px;

}

#contentArea h1 {
	text-indent: -5000px;
	width: 100px;
	height: 45px;
	background-image: url('../img/layout/logo.gif');
	
	position: absolute;
	right: 50px;
	top: 100px;
}

#contentArea ul.nav {
	float: left;
}

#content {
	width: 305px;	
	float: left;
	line-height: 1.4em;
}

#content h2, #content h3 {
	font-weight: bold;
	margin-bottom: 1.4em;
}

#content h2 {
	color: #646464;
}

#content ul {
	margin: 1.4em 0px 1.4em 2px;
	list-style: none outside;
}

#content ul li {
	border-left: 5px solid #323232;
	margin: 3px 0px;
	padding-left: 10px;
}

#content p {
	margin-bottom: 1.4em;
}

#content a {
	color: #333230;
	font-weight: bold;
	text-decoration: underline;
}

#contentArea ul.subNav {
	float: left;
	list-style: none;
	position: absolute;
	left: 15px;
	bottom: 15px;
}

#contentArea ul.subNav a {
	color: #666465;
}

#contentArea ul.subNav a:hover {
	text-decoration: underline;
}

#content a.none {text-decoration: none}

/*  Table
********************************/


table.zebra th, table.zebra td {
	padding: 7px 12px;
}

table.zebra th {
	color: #333230;
}

table.zebra td {
	color: #333230;
}


table.zebra tr.highlight {
	background-color: #646464;
}
table.zebra tr.highlight td, table.zebra tr.highlight th {
	color: #a0a392;
}

table.zebra thead th {
	background-color: #646464;
	color: #fff;
	text-align: left;
}

table.zebra caption {
	background-color: #646464;
	border: 1px solid #636564;
	text-align: left;
	padding: 10px;
	color: #a0a392;
}


table.zebra caption a:visited, table.zebra caption a:active, table.zebra caption a:link {
	color: #a1a292;
}
table.zebra caption a:hover {
	text-decoration: underline;
}