html {
	height: 100%;
	overflow: auto;
	}

body {
	background: #eaeaea url(/images/bg.gif) center repeat-x;
	font-family: arial, helvetica, verdana, "lucida grande", sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
	}

a {
	color: #c33;
	text-decoration: none;
	}

a:hover {
	color: #c33;
	text-decoration: underline;
	}

h1 {	font-size: 32px; color: #808080; margin: 36px 48px 16px 16px; }
h2 {	font-size: 22px; color: #036; }
h3 {	font-size: 20px; color: #036; }
h4 {	font-size: 18px; color: #036; }
h5 {	font-size: 15px; color: #333; }
h6 {	font-size: 12px; color: #333; }

h2,h3,h4,h5,h6 {
	margin: 16px 48px 12px 24px;
	}

hr {
	background: url(/images/hr.gif) top no-repeat;
	color: #ccc;
	border: 0;
	margin: 0 32px 0 16px;
	height: 2px;
	clear:both;
	}

img {
	margin: 0;
	padding: 0;
	border: 0;
	}

img.inline {
	float: left;
	clear: both;
	display: inline;
	margin: 0 16px 8px 0;
	}

p {
	margin: 0 48px 12px 24px;
	clear: both;
	}

p.update {
	color: #808080;
	margin: 24px 48px 12px 0;
	font-size: 10px;
	text-align: right;
	}

span.hidden {
	display: none;
	}

ul {
	margin: 0 0 12px 20px;
	padding: 0;
	list-style-type: square;
	}

li {	
	margin: 12px 48px 0 24px;
	padding: 0;
	}

#center
	{
	position: relative;
	top: 50%;
	height: 496px;
	width: 960px;
	margin: auto;
	}

#container {
	background: white;
	position: relative;
	top: -50%;
	width: 960px;
	height: 496px;
	margin: auto;
	padding: 0;
	}

#content {
	background: url(/images/bg_content.gif) top repeat-x;
	width: 720px;
	height: 480px;
	float: left;
	overflow: auto;
	}

#nav_top {
	background: url(/images/bg_nav_top.gif) top;
	width: 240px;
	height: 200px;
	float: left;
	}

#nav_top a {
	background: transparent;
	border: none;
	position: absolute;
	width: 240px;
	height: 200px;
	top: 0px;
	left: 720px;
	}

#nav{
	background: url(/images/bg_nav.gif) top;
	width: 240px;
	height: 200px;
	float: left;
	}

#nav a {
	background: transparent;
	border: none;
	position: absolute;
	width: 240px;
	height: 40px;
	left: 720px;
	}

#nav a#nav_work			{ top: 200px; }
#nav a#nav_work:hover		{ background: url(/images/nav_work.gif); }
#nav a#nav_who			{ top: 240px; }
#nav a#nav_who:hover		{ background: url(/images/nav_who.gif); }
#nav a#nav_events		{ top: 280px; }
#nav a#nav_events:hover		{ background: url(/images/nav_events.gif); }
#nav a#nav_involved		{ top: 320px; }
#nav a#nav_involved:hover	{ background: url(/images/nav_involved.gif); }
#nav a#nav_contact		{ top: 360px; }
#nav a#nav_contact:hover	{ background: url(/images/nav_contact.gif); }

#nav_bottom {
	background: url(/images/bg_nav_bottom.gif) top;
	width: 240px;
	height: 80px;
	float: left;
	}

#footer {
	background: url(/images/bg_footer.gif) top;
	width: 960px;
	height: 16px;
	float: left;
	}

#footer a {
	background: transparent;
	border: none;
	position: absolute;
	top: 484px;
	height: 12px;
	}

#footer a#nav_privacy		{ left: 732px; width: 42px; }
#footer a#nav_privacy:hover	{ background: url(/images/nav_privacy.gif); }
#footer a#nav_legal		{ left: 780px; width: 32px; }
#footer a#nav_legal:hover	{ background: url(/images/nav_legal.gif); }
#footer a#nav_copyright		{ left: 818px; width: 54px; }
#footer a#nav_copyright:hover	{ background: url(/images/nav_copyright.gif); }
#footer a#nav_hahr		{ left: 903px; width: 57px; }
#footer a#nav_hahr:hover	{ background: url(/images/nav_hahr.gif); }