body {
	background: url(../img/bg.jpg) center top;
	margin: 0;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #757575;
}

a img { border: 0; }

a {
	text-decoration:none;
	color:#00653A;
}

a:hover {
	text-decoration:underline;
}

*:focus {
	outline: none;
}

#photo {
	background: url(../img/photo-bg.jpg) no-repeat top center;
	min-height: 800px;
}

#container {
	width: 913px;
	margin: 0 auto;
	position: relative;
}

#logo {
	position: absolute;
	top: 0px; left: 0px;
	z-index: 4;
}

#header {
	margin: 0 62px 0 74px;
	background: #00653a;
	border-bottom: 1px solid #005430;
	height: 88px;
	padding: 0 8px;
}

	#search {
		height: 50px;
		background: #23b476;

		font-family: Rockwell, Gerogia, serif;
		font-size: 14px;
		color: white;
	}

	#search form { margin: 0; }

	#search .padd {
		padding: 4px 0 0 237px;
	}

	#search a {
		position: relative;
		top: 10px;
	}

	#search #searchbtn {
		position: absolute;
		right: 55px;
		top: 5px;
	}

	ul#nav {
		list-style-type: none;
		margin: 0;
		padding: 0 0 0 242px;
	}

	ul#nav li {
		float: left;
		margin: 0 0 0 5px;
		padding: 5px 3px;
		background: #009153;
		border-bottom: 1px solid #005430;
	}

	ul#nav li.on, ul#nav li.active {
		background: #23b476;
	}

	ul#nav li a, ul#nav li a:link, ul#nav li a:visited {
		font-family: Rockwell, Gerogia, serif;
		font-size: 14px;
		color: white;
		text-decoration: none;
	}

#main {
	width: 786px;
	margin: 0 auto;
	padding-top: 10px;
	position: relative;
	z-index: 2;
}

#main-cap {
	width: 786px; height: 34px;
	background: url(../img/main-cap.png) no-repeat;
}
#main-cup {
	width: 786px; height: 20px;
	background: url(../img/main-cup.png) no-repeat;
}

#main-outer {
	width: 786px;
	background: #ffffff url(../img/main-top.jpg) no-repeat center top;
}

#main-inner {
	width: 786px;
	background: url(../img/main-bot.jpg) no-repeat center bottom;
}

#content-outer {
	padding: 15px 0;
}

#content-home {
	padding: 0 20px;
	min-height: 240px;

	font-size: 1.2em;
	line-height: 1.7em;
}

#content {
	padding: 20px 20px 20px 12px;
	margin-left: 250px;
	min-height: 560px;

	font-size: 1.2em;
	line-height: 1.7em;
}

#footer {
	height: 248px;
	background: url(../img/footer-bg.jpg) no-repeat;
	margin: 1em 0 0 0;
	font-size: 1.2em;
	line-height: 1.7em;
}

#footer .padd {
	padding: 30px 0 0 10px;
}

	#footer h3 {
		margin-bottom: 1em;
	}

	#links {
		width: 200px;
		float: left;
		padding-left: 60px;
	}

	#links h3 {
		text-indent: -10000px;
		background: url(../img/title-links.gif) no-repeat left top;
	}

	#contact {
		width: 190px;
		height: 191px;
		float: right;
		background: url(../img/map.gif) no-repeat right center;
		padding-right: 240px;
		margin-right: 30px;
	}

	#contact h3 {
		text-indent: -10000px;
		background: url(../img/title-contact.gif) no-repeat left top;
	}

	#contact address {
		font-style: normal;
	}

#foot-cup {
	width: 786px; height: 12px;
	font-size: 1px;
	background: url(../img/foot-cup.png) no-repeat;
}

.photoframe {
	width: 498px;
	height: 240px;
	padding: 28px 24px 31px 19px;
	background: url(../img/photo-frame.gif) no-repeat;
}

.photoframe-sm {
	width: 468px;
	height: 227px;
	padding: 23px 23px 27px 18px;
	background: url(../img/photo-frame-sm.gif) no-repeat;
}

#homepage-banner {
	position: relative;
	left: 18px;
	margin-bottom: 30px;
}

#welcome {
	width: 276px;
	height: 330px;
	float: right;
	position: absolute;
	right: -6px;
	background: url(../img/welcome.gif) no-repeat;
	font-size: 1.2em;
	line-height: 1.7em;
}

#welcome .padd {
	padding: 90px 45px 20px 70px;
}

#hwonline {
	width: 250px;
	float: right;
	margin-right: 20px;
	font-size: 1.2em;
}

#hwonline h3 {
	margin-bottom: 1em;
}

#hwonline p {
	padding: 0 12px;
	margin-top: 0;
}



/*** =TABS ***/
ul.tab, ul.tab-content, ul.newslist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.tab li {
	float: left;
}

ul.tab-content>li {
	display: none;
}

ul.tab-content>li.on {
	display: block;
}


.newspane ul.tab {
	height: 30px;
}

.tabNews {
	display: block;
	float: left;
	height: 30px;
	background: url(../img/tab-sprite.gif);
	text-indent: -10000px;
}

a.tabNews.news, a.tabNews.news:link, a.tabNews.news:visited 		{ width: 106px; background-position: 0px 0px; }
a.tabNews.news.on, a.tabNews.news:hover 					{ width: 106px; background-position: 0px -30px; }
a.tabNews.events, a.tabNews.events:link, a.tabNews.events:visited 	{ width: 108px; background-position: -106px 0px; }
a.tabNews.events.on, a.tabNews.events:hover 				{ width: 108px; background-position: -106px -30px; }
a.tabNews.highlights, a.tabNews.highlights:link, a.tabNews.highlights:visited 	{ width: 147px; background-position: -214px 0px; }
a.tabNews.highlights.on, a.tabNews.highlights:hover 				{ width: 147px; background-position: -214px -30px; }

/*** end =TABS ***/


#subnav {
	width: 242px;
	float: left;
	margin: 3em 0 1em 0;

	position: relative;
	left: -6px;
}

#subnav-cap {
	width: 242px;
	height: 64px;
	background: url(../img/subnav-cap.gif) no-repeat;
}

	#subnav-cap  h2 {
		margin: 0;
		color: #00653a;
		padding: 42px 0px 0px 44px;
		font-size: 18px;
	}

#subnav-body {
	width: 242px;
	background: url(../img/subnav-bg.gif) repeat-y left top;
}
#subnav-top {
	width: 242px;
	background: url(../img/subnav-top.gif) no-repeat left top;
}

#subnav-bot { width: 242px; min-height: 34px; background: url(../img/subnav-bot.gif) no-repeat left bottom; }

#subnav-cup {
	width: 242px;
	height: 20px;
	background: url(../img/subnav-cup.gif) no-repeat;
}

#subnav ul {
	list-style-type: none;
	padding: 0 10px 0 24px;
	font-size: 1.2em;
	margin: 0;
}

#subnav ul li {
}

#subnav ul li a, #subnav ul li a:link, #subnav ul li a:visited {
	display: block;
	padding: 5px 0 5px 20px;

	color: #757575;
	text-decoration: none;
	background: none;
}

#subnav ul li a.on,
#subnav ul li a:hover,
#subnav ul li a:active {
	color: #00653a;
	text-decoration: none;
	background: url(../img/subnav-on.gif) no-repeat left top;
}



#subnav #hwonline {
	width: 200px;
	margin: 0;
}

#subnav #hwonline img {
	width: 100%;
}


/*** =STYLES ***/

h1 {
	color: #00653a;
	font-size: 1.8em;
}

h2 {
	color: #757575;
	font-size: 1.8em;
}


h3 {
	color: #00653a;
	font-size: 1.4em;
	margin-bottom: -1em;
}

h4 {
	color: #757575;
	font-size: 1.3em;
	margin-bottom: -1em;
}

h5 {
	color: #00653a;
	font-size: 1em;
	margin-bottom: -1em;
}


/*** end =STYLES ***/