/* CSS Document */


body {background-color: #687922}
section {
	min-width:800px; 
	max-width: 1200px; 
	position:relative; 
	margin:20px auto; 
	width:100%;
	}
/*body,div,span {
	vertical-align:baseline; 
	margin:0; 
	padding:0; 
	border:0;
	}*/
header {
	width:1000px; 
	height:125px; 
	background-color:#FDEDD0; 
	border-top-style:groove; 
	border-width:medium; 
	border-color:#616537
	}
nav {
	font-family:Tahoma, Geneva, sans-serif;;
	font-size: .8em; 
	font-weight:bold; 
	background-color:#FDEDD0; 
	width:65%; 
	height:40px; 
	position:relative; 
	top:30px;
	float:right;
	right:5px;
	z-index:2000;
	-webkit-transform: translate3d(0,0,0);
	}

nav ul {
	background: #CCCC99; 
	box-shadow: 10px 10px 9px rgba(0,0,0,0.15);
	padding: 0 20px;
	border-radius: 10px;
	border-width:medium;
	border-color: #884;
	border-style: solid;
	list-style-type: none;
	position: relative;
	display: inline-table;
}
nav ul a {
	display: block; 
	padding: 10px 15px;
	color: #704814; 
	text-decoration: none;
	/*used to be nav a {*/
}
nav ul li {
	float: right;
	}
nav ul li a:hover {
	color: #8DB87C;
}
nav ul ul {
	display: none;
	list-style-type:none;
}
/*note that I do not need "nav ul li:hover > ul" here since I only have one submenu, not two*/

nav ul li:hover {
	position: relative;
	color: #8DB87C;
	box-shadow:0px 0px 9px rgba(0,0,0.15);
	border-radius:10px;
	background: #CCCC99;
}
nav ul li:hover ul {
	display: block;
	/*now nested list displays*/
	position: absolute;
	top: 100%;
	background: #cccc99; 
	border-radius: 10px;
	left: 0px; 
	padding:0;
}
nav ul li:hover ul li {
	background: #CCCC99; 
	box-shadow:0px 0px 9px rgba(0,0,0.15);
	border-radius: 10px;
}
nav ul li:hover ul li a {
	display:block;
	width:140px;
}
nav ul li:hover ul li:hover { 
	background:white; 
}
#logo {
	alignment-adjust:central;
	position:relative; 
	top:23px;
	margin-left:1em;
	}
#main {
	position:relative; 
	padding:0; 
	overflow:hidden; 
	width:1000px; 
	height:100%; 
	margin: 0;}
#slideshow {
	height:533px;
}
/*#slideshow {z-index:1000}
#slideshow img {z-index:1000}*/
#content {
	min-height:533px; 
	margin-left:70%; 
	width:300px; 
	padding:30px; 
	position:absolute; 
	bottom:-5px;
	float:right;
 	display:inline; 
	background-color:#fff; 
	opacity:0.4; 
	filter:alpha(opacity=40);
	/*z-index:1000;*/
	}
#white {
	font-family:Cagliostro; 
	font-size:.85em;
	height:533px;
	position:absolute; 
	margin-left:75%;
	float:right;
	width:250px; 
	padding:10px; 
	bottom:0px;
 	display:inline;
	border:1px solid:#CCC;
	background-color:#fff;	
	/*z-index:1500;*/
	}
 #hdr2 {
	color: #8db87c;
	font-weight: bold; 
	text-shadow: -1px -1px 1px #630;
	padding-top:5px;
	text-align:center;
	}
#white p {
	padding:10px;
}
 h3: {padding-bottom:0}

#right_bar {
	 font-family:Tahoma, Geneva, sans-serif;;
	 font-size: .8em; 
	 font-weight:bold; 
	 background-color:#CCCC99;
	 border-radius: 20px;
	 border-width:medium;
	 border-color: #884;
	 border-style: solid;
	 float:right;
	 position:relative;
	 top: -55em;
	 right: 1em;
 }
th a:link,  a:visited, a:active {
	 color: #704814;
	 text-decoration: none;
 }
 th a:hover {
	 color:#FFF;
 }
 footer {
	width:1000px; 
	height:150px;
	text-align:center;
	font-family:Cagliostro; 
	color:#000;
	font-weight:bold;
	background: linear-gradient(top, #FDEDD0 0%, #a5a508 100%);  
	background: -moz-linear-gradient(top, #FDEDD0 0%, #a5a508 100%); 
	background: -webkit-linear-gradient(top, #FDEDD0 0%,#a5a508 100%); 
	border-bottom-style:groove; 
	border-width:thick; 
	border-color:#616537; 
	
}