/* CSS Document */

/*==========BODY AND WRAPPER==========*/

body{
	background-color: #EEFFFF;
	/*background-image: url(background.jpg);*/
	
	background-position: bottom center;
	background-repeat: repeat-y;
	margin: 0px;
	font-family: 'arial', sans-serif;
	}
	
#wrapper{
	position: relative;
	width: 750px;
	background-image: url(images/wrapperbackground.jpg);
	margin: 20px auto 20px auto;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 3px solid #222222;
	border-top: 3px solid #222222;
	}
	
/*==========TITLE BOX==========*/
	
#title{
	position: relative;
	width: 750px;
	height: 150px;
	background-color: #333322;
	color: #FFFFFF;
	background-image: url(images/title4.jpg);
	border-bottom: 1px solid #000000;
	background-position: bottom;
	}

#title span h1{
	margin:0px;
	padding:0px;
	}

#title span{
	display:none;
	position: absolute;
	right: 3px;
	bottom: 3px;
	font-size: 35px;
	text-align: right;
	}
	
/*==========CONTENT==========*/
	
#content{
	position: relative;
	margin-left: 35px;
	margin-right: 225px;
	margin-top: 60px;
	padding-bottom: 50px;
	background-image: url(images/contentbottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	top: 1px;
	}
	
#content p{
	padding: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	}
	
#content .title{
	font-weight: bold;
	font-size: large;
		}
	
#content p.bluetitle{
	display: block;
	font-weight: 900;
	font-size: medium;
	color: #FFFFFF;
	padding:10px;
	background: #000000;
	margin-bottom: 4px;
	}
	
	
	
#content ul.regions{
	position: absolute;
	top: 60px;
	right: 200px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
html>body #content ul.regions{
	top: 60px;
	right: 0px;
	}
	
#content ul li{
	width: 175px;
	margin-bottom: 5px;
	}
	
#content a:link{
	color: #0000FF;
	text-decoration: none;
	padding: 3px;
	}
#content a:visited{
	color: #0000FF;
	text-decoration: none;
	padding: 3px;
	}
	
#content a:hover{
	color: #FF5533;
	}

#content .redcarpet{
	border-left: 20px solid #CC0000;
	}
#content .green{
	border-left: 20px solid #99c832;
	}
#content .greatplains{
	border-left: 20px solid #999966;
	}
#content .frontier{
	border-left: 20px solid #313390;
	}
#content .laketrail{
	border-left: 20px solid #1e93c1;
	}
#content .kiamichi{
	border-left: 20px solid #0F6754;
	}
	
#content p img{
	position: absolute;
	right: -225px;
	}



/*=========NAVIGATION==========*/

#nav{
	position: absolute;
	left: 0px;
	top: 151px;
	z-index: 3;
	font-size: small;
	}

	
#nav ul{
	width: 750px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}
	
#nav ul li{
	float: left;
	/*width: 137px;*/
	padding: 0px;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #FFFFFF;
	}

#nav li.last{
	/*width: 136px;*/
	border-right: none;
	}
	
#nav ul li a{
	display: block;
	width: 137px;
	padding-top: 17px;
	padding-bottom: 14px;
	}

#nav ul li a.last{
	width: 136px;
	}
	
#nav ul li a:link{
	text-decoration: none;
	color: #464824;
	font-weight: bold;
	}
	
#nav ul li a:visited{
	text-decoration: none;
	color: #464824;
	font-weight: bold;
	}

#nav ul li a:hover{
	color: #FFFFFF;
	background-color: #7F9245;
	font-weight: bold;
	}
		
#nav ul li a:active{
	background-color: #000000;
	}
	
#nav img{
	margin-left: 1px;
	border-bottom: 1px solid #000000;
	}

#navbarpics{
	position: absolute;
	right: -1px;
	top: 325px;
	width: 200px;
	z-index: 4;
	padding: 0px;
	margin: 0px;
	}
	
/*==========IMAGES==========*/
#imagebar{
	position: absolute;
	top: 150px;
	right: 0px;
	width: 199px;
	text-align: center;
	}

#imagebar p{
	padding: 5px;
	margin:0px;
	color: #FFFFFF;
	}
	
#imagebar img{
	padding: 0px;
	margin: 0px;
	margin-bottom: 7px;
	border: 1px solid #000000;
	}
	
html>body #imagebar img{
	margin-bottom: 5px;
	}
	
#imagebar a{
	display: block;
	padding: 0px;
	}
	
/*==========Park Listings==========*/
#content ul.park{
	position: relative;
	list-style: none;
	margin: 0px;
	margin-bottom: 10px;
	padding: 10px 10px 0px;
	font-size: small;
	width: 468px;
	background: #FffffF;
	border: 1px solid #000000;
	height: 141px;

	}
	
html>body #content ul.park{
	width: 468px;
	}
	
#content ul.park li{
	width: auto;
	}
	
#content li.parkname{
	font-size: medium;
	font-weight: bold;
	}

ul.features{
	margin: 10px;
	width: auto;
	}
	
ul.features li{
	margin: 3px 0px 0px 20px;
	}
	
#content span.parkname{
	font-size: medium;
	font-weight: bold;
	}