/* -------------------------------------------
project:  SHS
date:    2009/02/19
------------------------------------------- */

/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #434344; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {text-decoration: none;}
a:hover {color: #9D71B0; text-decoration: none;}
img {border: none;}

/* basic text elements */
h1 {margin-bottom: 1em; font-size: 2.4em; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 400;}
h2 {margin: 1em 0 0 0; font-size: 1.5em; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 400;}
h3 {margin: 1em 0; font-size: 1.3em; font-family: Helvetica, Arial, sans-serif;}
h4 {margin: 1em 0; font-size: 1.2em; font-family: Helvetica, Arial, sans-serif;}
p {margin: 1em 0;}
ul, ol {margin: 1em 0;}
ul li, ol li {list-style-image: url(../images/bullet1.gif); margin: 0 0 0 15px;}

/* basic form elements */
fieldset {border: none;}
legend {border: none; font-weight: bold;}
label {display: block; float: left; clear: left; width: 150px; margin: 5px 0 5px 0;}
input {width: 275px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #000; background: #fff;}
	input.chk, input.radio {width: auto; border: none;}
textarea {width: 275px; height: 50px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #000; background: #fff;}
select {width: 275px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #000; background: #fff;}
button {cursor: pointer;}

/* layout
------------------------------------------- */
html {background: #fff url(../images/top.jpg) left top repeat-x; height: 100.01%;}
body {background: url(../images/bottom.jpg) left bottom repeat-x;}
.header, .content, .footer {width: 950px; margin: 0 auto;}
.header {position: relative; height: 450px;}
.header h1 {margin: 0;}
	#page-title {position: absolute; left: 0; top: 130px; width: 310px; line-height: 1em; text-align: right; }
	#page-title span {line-height: .9em;}
	#page-title span.location {font-size: .6em;}
	.map {position: absolute; right: 0; bottom: 0; width: 580px; height: 350px;}
	#logo {position:absolute; top: 30px; left: 0; overflow: hidden; width: 310px; height: 80px; background: url(../images/logo2.gif) no-repeat; text-indent: -10000px;}
	#mainmenu {position: absolute; left: 0; top: 200px; width: 311px; margin: 0; padding: 0;}
	#mainmenu li {list-style: none; list-style-image: none; margin: 0; padding: 0;}
	#mainmenu li a, #mainmenu li a:visited {display: block; padding-left: 90px; background: url(../images/mainmenu1.jpg) no-repeat; margin-bottom: 10px;}
	#mainmenu li a span, #mainmenu li a:visited span {font-size: .65em;display:none;}
	#mainmenu a#mm1 {background-position: 0 -9px; height: 60px;}
	#mainmenu a#mm1:hover {background-position: -311px -9px;}
	#mainmenu a#mm2 {background-position: 0 -72px; height: 54px; }
	#mainmenu a#mm2:hover {background-position: -311px -72px;}
	#mainmenu a#mm3 {background-position: 0 -132px; height: 48px;}
	#mainmenu a#mm3:hover {background-position: -311px -132px;}
	/*#mainmenu li a:hover {color: #9D71B0;}*/
.content {overflow: hidden; padding: 50px 0; }
	.content h2 {margin-top: 0;}
	.main {float: left; width: 635px; background: url(../images/dots.gif) right top repeat-y;}
	.main ul {margin-top: 0;}
	.main ul li { margin-top: 5px; margin-bottom: 5px;}
		.col3 {float: left; width: 190px; margin-right: 20px;}
	.sidebar {float: right; overflow: hidden; width: 270px;}
	.sidebar h2 {padding-left: 25px; background: url(../images/minilogo.gif) left center no-repeat;}
	.sidebar ul {float: left; margin-top: 0; width: 135px;}
	.sidebar ul li {list-style-image: url(../images/bullet2.gif); margin-top: 5px; margin-bottom: 5px;}
.footer {height: 50px; border-top: 1px solid #9D71B0;margin-top:70px;}
.footer p {margin-top: 8px; font-size: .9em; text-transform: uppercase;}
.footer p a, .footer p a:visited {color: #9D71B0;}
.footer p a:hover {color: #9D71B0;}
	.footer p#copyright {float: left;}
	.footer p#last-update, .footer p#credits {float: right; margin-left: 20px;}
	
/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}


/* special sections and elements
------------------------------------------- */