@charset "UTF-8";
/* CSS Document */
body {
	background-color:#cccccc;
	background:url(../images/leaves_background.jpg) no-repeat center center fixed;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
	min-width:800px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
}

#top_space{
	height:550px;
	background-color:rgba(255,255,0,0);
}

#wrapper {
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

#header {
	 background: rgba(33, 33, 33,.95); 
	height:900px;
	width:100%;
	box-shadow:0px 5px 5px #333333;
	position:relative;	
	margin:0px;
	text-align:right;
	
}


h1 {
	line-height:35px;
	font-size:3em;
	padding-left:10px;
	position:relative;
	top:-70px;
	left:-10px;
	color:#ffffff;
	text-shadow: 0px 1px 0px rgba(166,162,103,1), 0px 2px 0px rgba(166,162,103,.9), 0px 3px 0px rgba(166,162,103,.8),  0px 4px 0px rgba(166,162,103,.7), 0px 5px 0px rgba(166,162,103,.6),  0px 6px 0px rgba(166,162,103,.5), 0px 7px 0px rgba(166,162,103,.4), 0px 8px 0px rgba(166,162,103,.3),  0px 9px 0px rgba(166,162,103,.2),  0px 10px 0px rgba(166,162,103,.1);
}

h3 {
	background-image:url(../images/title_back.png);
	background-repeat:repeat-y;
	padding-left:5px;
	margin-top:5px;
}

/*Navigation CSS*/

#nav_hor {
	height:47px;
	list-style:none outside none;
	text-align:center;
}

#nav_hor #sub_about{
	list-style:none;
	position:absolute;
	left:-9999px; /*ul bugfix*/
	z-index:10;
	
}

#nav_hor ul a {
	white-space:none;
}

#nav_hor li:hover #sub_about{ 
/* Display the dropdown on hover */
	left:68px; 
	/* Bring back on-screen when needed */
}


#sub_about li{
	background-color:#8b8857;
	color:#000;
}


hr {
	color:#a6a267;
	height:3px;
	border:none;
	background-color:#8b8857;
	position:relative;
	top:-5px;
	left:21px;
	width:97%;
	z-index:1;
	
}

#nav_hor li {
	float:left;
	margin-right:3px;
	list-style:none outside none;
	color:#ffffff;
	background-color:#cccccc;
	text-decoration:none;
	height:50px;
	line-height:50px;
	padding:0px 20px 0px 20px;
}

#nav_hor li:hover{
	background-color:#8b8857;
	background-image:url(../images/nav_active.png);
	background-repeat:repeat-x;
}

#nav_hor a{
	text-decoration:none;
	color:#000000;
}

#back {
	border:thick;
	margin:0px;
	background-color:#F0F;
	color:#0F0;
}

/*
#nav {
	background: rgba(239, 239, 239, 0.7);
	width:20%;
	height:600px;
	box-shadow:3px 3px 3px #333333;
	position:fixed;
	top:90px;
	min-width:265px;
	float:left;
	
}

#nav ul {
	list-style-type:none;
	padding:0px 5px 5px 20px;
}

#nav ul a {
	text-decoration:none;
	color:#ffffff;
}

#nav ul a:hover {
	color:#b7aba0x7;
	font-weight:bold;
}


#nav_list {
	list-style-type:none;
}

#about_nav {
	position:relative;
	left: 10px;
	top:20px;
}

#about_anchor {
	padding: 10px 200px 100px 10px;
	background:rgba(161,106,68,.5);
	/*border-radius: 5px;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
	color:#ffffff;
}
	
	
#about_anchor:hover {
	background:rgba(161,106,68,.7);
	color:#000000;
}

#using_nav {
	position:relative;
	left: 10px;
	top:30px;
}

#using_anchor {
	padding: 10px 135px 100px 10px;
	background:rgba(161,106,68,.5);
	/*border-radius: 5px;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
	color:#ffffff;
}

#using_anchor:hover {
	background:rgba(161,106,68,.7);
	color:#000000;
}

#building_nav {
	position:relative;
	left: 10px;
	top:40px;
}

#building_anchor {
	padding: 10px 120px 100px 10px;
	background:rgba(161,106,68,.5);
	/*border-radius: 5px;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
	color:#ffffff;
}

#building_anchor:hover {
	background:rgba(161,106,68,.7);
	color:#000000;
}

#resources_nav {
	position:relative;
	left: 10px;
	top:50px;
}

#resources_anchor {
	padding: 10px 110px 100px 10px;
	background:rgba(161,106,68,.5);
	/*border-radius: 5px;
	margin-left:auto;
	margin-right:auto;
	text-decoration:none;
	color:#ffffff;
}

#resources_anchor:hover {
	background:rgba(161,106,68,.7);
	color:#000000;
} */

/*End Nav CSS*/
/*Content CSS*/

/*Title*/
h2 {
	color:#fff;
	font-size:3em;
	line-height:0px;
	position:relative;
	top:90px;
}

#content {
	float:right;
	width:75%;
	background: rgba(239, 239, 239, 0.7);
	min-height:600px;
	box-shadow:3px 3px 3px #333333;
	margin-top:80px;
	box-shadow:inset 0px 0px 10px #000;
}

#content_wrapper {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:500px;
}

#inset_content {
	overflow-y:scroll;
	height:600px;
	text-align:left;
	line-height:1.7em;
	margin-left:20px;
}

#content ul {
	list-style:none;
}

.title {
	font-size:2em;
}

.first_letter {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2em;
}

blockquote {
	text-emphasis:center;
	text-decoration:none;
	color:#000000;
	font-style:italic;
}

#footer {
	background-color:#cccccc;
	background-attachment:fixed;
	background-position:bottom;
	text-align:center;
	clear:both;
	padding:3px 0px 3px 0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	vertical-align:bottom;
	text-decoration:none;
}

img {
	float:right;
	box-shadow:5px 5px 0px #333;
	margin:10px 20px 10px 10px;
	vertical-align:middle;
	border-radius:5px;
	
}

#un {
	height:150px;
	width:150px;
}

#before_after {
	clear:right;
}