body {
	background:#58523b url(../images/bg.jpg) repeat-x;
	font-size:62.5%;
}
p, li, li a, a, em, .donate {
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	word-spacing:.05em;
	line-height:1.5em;
}
a, a em, li a {
	color:#ccffff;
}
li {
	list-style-type:disc;
}
em {
	font-style:italic;
	font-weight:bold;
	font-size:1em;
}
h2 {
	background:url(../images/h2.jpg) no-repeat;
	height:62px;
	width:393px;
	text-indent:-9999px;
}
#wrapper {
	margin:5px auto 0;
	width:791px;	
}
	#header {
		background:url(../images/bg-header.jpg) no-repeat;
		height:152px;
		position:relative;
	}
		#logo {}
			#logo a {
				background:url(../images/logo.png) no-repeat;
				display:block;
				height:85px;
				position:absolute;
				text-indent:-9999px;
				top:10px;
				width:285px;
			}
		.mail-list {
			background:url(../images/mail-list.jpg) no-repeat;
			display:block;
			height:33px;
			position:absolute;
			right:-6px;
			text-indent:-9999px;
			top:-5px;
			width:231px;
		}
		#main-nav {
			bottom:0;
			position:absolute;
		}
			#main-nav li {
				display:inline;
			}
				#main-nav li a {
					background:url(../images/nav.jpg) no-repeat;
					display:block;
					float:left;
					height:34px;
					width:94px;
					text-indent:-9999px;
				}
					#main-nav .about a { background-position: 0 0;}
						#main-nav .about a:hover { background-position: 0 -34px;}
					#main-nav .forecasting a { background-position: -93px 0; width:175px;}
						#main-nav .forecasting a:hover { background-position: -93px -34px;}
					#main-nav .pictures a { background-position: -268px 0; width:109px;}
						#main-nav .pictures a:hover { background-position: -268px -34px;}
					#main-nav .articles a { background-position: -374px 0; width:112px;}
						#main-nav .articles a:hover { background-position: -374px -34px;}
					#main-nav .volunteer a { background-position: -487px 0; width:175px;}
						#main-nav .volunteer a:hover { background-position: -487px -34px;}
					#main-nav .contact a { background-position: -665px 0; width:126px;}
						#main-nav .contact a:hover { background-position: -665px -34px;}
			#main
	#content {}
		.upper-content {
			background:url(../images/bg-surf.jpg) no-repeat top right;
			width:791px;
			height:329px;
			position:relative;
		}
			.webcam {
				background:#000;
				height:329px;
				width:387px;
			}
		.lower-content {
			background:url(../images/bg-content.jpg) no-repeat right bottom;
			height:187px;
		}
			.lower-content h2{
				width:387px;
			}
			.lower-content p {
				width:387px;
				margin:10px 0 0 28px;
			}
			.donate {
				background:url(../images/button.jpg) no-repeat;
				display:block;
				font-weight:bold;	
				height:23px;
				margin:10px 0 0 285px;
				padding:3px 0 0 17px;
				text-transform:capitalize;
				width:73px;
			}
			.click-photo {
				background:url(../images/click-photo.jpg) no-repeat;
				display:block;
				height:298px;
				position:absolute;
				right:-25px;
				text-indent:-9999px;
				top:206px;
				width:358px;
				z-index:9999;
			}
		.bg-bottom {
			background:url(../images/bg-bottom.png) no-repeat;
			display:block;
			height:103px;
			margin-bottom:58px;
		}
	#footer a{
			color:#999;
			font-family:"tahoma", Verdana, Arial, Helvetica, sans-serif;
			font-size:1em;
			margin:10px auto 0;
			padding:10px 0 20px;
			text-align:right;
			width:791px;
			text-decoration:underline;
			}
	
	#footer {
		background:#333;
		border-top:2px solid #c9dbed;
		height:200px;
		width:100%;
	}
		#footer p {
			color:#999;
			background:url(../images/logo-mini.gif) no-repeat;
			font-family:"tahoma", Verdana, Arial, Helvetica, sans-serif;
			font-size:1em;
			margin:10px auto 0;
			padding:10px 0 20px;
			text-align:right;
			width:791px;
		}
/*-----------------------------Inner Pages------------------------------------------*/
.inner-content {
	background:#799ed5 url(../images/bg-content.jpg) no-repeat right bottom;
	/*height:500px;*/
	padding-bottom:50px;
}
	.content-text {
		float:left;
		margin-left:30px;
		width:455px;
		display:inline;
	}
		.inner-content p, .inner-content ul {
			margin:20px 20px 0 0;
		}
		 	.inner-content li {
				line-height:30px;
				list-style:inside;
			}
			/*.inner-content img { margin-top:60px;}*/
		.content-pic {
			background:url(../images/content-pics.jpg) no-repeat;
			display:block;
			float:left;
			height:367px;
			width:288px;
		}
.about-page h2 { background-position:0 -64px;}
.forecast-page h2 { background-position:0 -127px;}
.pictures-page h2 { background-position:0 -190px;}
.articles-page h2 { background-position:0 -253px;}
.articles-page  p { color:#ccffff}
.volunteer-page h2 { background-position:0 -316px;}
.volunteer-page a {
	font-style:italic;
	font-weight:bold;}
.contact-page h2 { background-position:0 -379px;}

.contact_right {
	
		float:right;
		margin-right:30px;
		width:425px;
		display:inline;
		text-align:right;
	}
	
.contact_left {
	width:300px;
	margin-left:30px;
	padding: 0px 0px 0px 0px;
	float:left;
	
	}