html, body, #wrap { height: 100%; }
body > #wrap { height: auto; min-height: 100%; }

html {background: #181523  url(../img/BG2.jpg) repeat-x;}


body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif} a:focus{outline:1px dotted} a{text-decoration: none;}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
ul{list-style:none}
li{margin-left:30px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:0px} 
color:black;

#container {
 position: relative;
}

/* HEADER */

#header-wrap { 
}

#header {
	position: relative;
	background: url(../img/mountain_header1.png) no-repeat;
	height: 162px;
	overflow: hidden;
	border-right: 2px solid #323232;
	border-left: 2px solid #323232;
	border-bottom: 1px solid #323232;
}

h1{
	position: relative;
	font-size:50px; 
	margin: 8px 0 0 140px;
	padding: 8px 0 0 140px;
}
h2{
	position: relative;
	color: #1c324f;
	font-size: 14px;
	margin-top: -21px;
	padding-left: 417px;
	border-bottom: 1px solid #a2b9cb;  /*lighter color line*/
}
h3{
	position: relative;
	font-size:12px;
	padding-left: 40px;
	margin-top: -17px;
	border-bottom: 1px solid #726658;  /*darker color line*/
}

h2, h3 {
	margin-left: 260px; 
	margin-right: 140px;
}
		#header h3 a {
			color: #1c324f;
		}


		#header h3 a:hover {
			text-decoration: underline;
			color: white;
		}
		
		/* add onclick event for AAA - this will take you to another website*/


#logo {
	position: relative;
	margin-top: -74px;
	padding-top: -74px;
	margin-left: 85px;
	padding-left: 85px;
}


#box {
	position: relative;
	left: 15px;
	top: -9px;
}


/* MAIN */

#main-wrap {
}

#main {
	background: #c9c9c9;
	border-right: 2px solid #323232;
	border-left: 2px solid #323232;
}

#line1 {
	background: url(../img/line_body.jpg) repeat-x;
	height: 3px;
	margin: 8px 30px 3px;
	padding: 5px 30px 3px; 
}

#nav {
		float: left;
		overflow: hidden;
		margin-left: 5px;
		padding-left: 5px;
	}

	#nav li {
		display: inline;
		background: #375989 url(../img/nav.jpg) repeat-x;
		float: right;
		overflow: hidden;
		position: relative; 
		padding-right: 29px;
		margin-right: 29px;
		padding-left: 29px;
		margin-left: 29px;
		list-style: none;
		text-decoration: none; 
		text-shadow: 0 1px 0 black;
		font-size: 12px;
		padding: 3px 22px;
		text-decoration: ;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
		-khtml-border-radius: 7px;
		border-radius: 7px;			
		}


		 #nav li.selected, #nav li:hover{
			background: url(../img/nav_selected.jpg) #70768b;
		}
		
			#nav li.selected a {
				color: white;
				text-shadow: 2px 2px 5px black;
			}



		#nav li a {
			color:white;
			text-decoration: none;
		}


	#nav li:hover {
			background-color: #c9c9c9;
			color: black;
		}

#line2 {
	background: url(../img/line_body.jpg) repeat-x;
	height: 3px;
	/*margin-top: 39px;
	padding-top: 39px;
	margin-bottom: 5px;
	padding-bottom: 5px;*/
	margin: 39px 5px 5px;
	padding: 39px 5px 5px; 
}