/* CSS Document */

html {
	margin:0;
}

* {
	font-family:Arial, Helvetica, sans-serif;
}

a {
	color:#06C;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h1 {
	margin-top:0;
	font-size:22px;
	color:#004026;
}

body {
	margin:0;
	background:url(images/bkgrd.jpg) no-repeat center top #8dc09f fixed;
}

#wrap {
	width:990px;
	margin:0 auto;
	position:relative;
	z-index:100;
}

#logo {
	width:320px;
	height:290px;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

#top {
	height:206px;
	background:url(images/top.png) no-repeat center top;
	position:relative;
	z-index:200;
}

#social {
	width:40px;
	height:100px;
	position:absolute;
	top:24px;
	right:20px;
}

#nav {
	width:664px;
	height:46px;
	position:absolute;
	bottom:0;
	right:38px;
	z-index:300;
}

#nav ul {
	margin:0;
	padding:0;
}

#nav ul li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
}

#nav ul li ul {
	position:absolute;
	visibility:hidden;
	top:45px;
	background:#ffba00;
	border:1px solid #0a317a;
}

#nav ul li:hover ul {
	visibility:visible;
}

#nav ul li ul li {
	float:none;
	display:block;
	padding:8px;
	font-size:16px;
	border-bottom:1px solid #0a317a;

}

#nav ul li ul li:last-child {
	border-bottom:none;
}

#nav ul li ul li a{
	display:block;
	font-weight:bold;
	color:#00362d;
}

#nav ul li ul li a:hover{
	text-decoration:none;
	color:#090;
}

#body-outer {
	background:url(images/body-bkgrd.png) repeat-y;
	min-height:200px;
}

#left {
	float:left;
	width:230px;
	margin:100px 0 0 45px;
}

#right {
	width:640px;
	float:right;
	margin:30px 45px 0 0;
}

#btm {
	background:url(images/bottom.png) no-repeat center top;
	min-height:70px;
}

#left h1 {
	margin:0;
	padding:0;
	font-size:21px;
	color:#14673b;
	font-weight:bolder;
	text-align:center;
	text-shadow:1px 1px 0 #00ff78;
}

#Rotator {
	width:640px;height:350px;float:left;margin:0;padding:0;
	}

#Rotator div.images {
	width: 640px;
	height: 350px;
	overflow: hidden;
	position: relative;
	margin:0;
	padding:0;
}

#Rotator div.images img {
	position: absolute;
	z-index: 99;
	margin:0;
	padding:0;
	
}
