* {margin: 0; padding: 0;}

body {font: normal .75em/1.5em Arial, Helvetica, Sans-serif; margin: 1em;}

a {color: #900;}

a:hover {color: #fc3;}

img {border: none;}

p, ul, dl, ol {margin: 0 0 1em 0;}

.offscreen {position: absolute; left: -9999px;}


/* Headings ---------------------------- */

h1 {color: #900; text-transform: uppercase; font-size: .85em; margin-bottom: 1em; letter-spacing: .25em;}

h2 {margin-bottom: .5em;}


/* Lists ----------------------------------- */

ul.related {list-style-image: url(../images/arrow.gif);}

li {margin: 0 0 .5em 2em;}

dt {font-weight: bold; font-size: 1.05em;}

dd {margin-bottom: .5em;}


/* Photos -------------------------------- */

div.photo {}

div.photo img {border: 1px solid #999;}

div.photo p {margin-top: -5px; padding: .5em; border: 1px solid orange; border-top: 0; background-color: #ffffcc;}

div.photo p cite {color: #900; font-size: .95em;}

div.w90 {width: 92px;}

div.w180 {width: 182px;}

div.w200 {width: 202px;}

div.w225 {width: 227px;}

div.w250 {width: 252px;}

div.w300 {width: 302px;}

div.w308 {width: 310px;}

div.w400 {width: 402px;}


/* Forms --------------------------------- */

form {margin: 1em 0; padding: .5em; border: 1px solid orange; background-color: #FFDF95;}

fieldset {border: none;}

input[type=text] {padding: .25em;}

label {font-weight: bold;}

label:after {content: ":";}


/* Section-dependent rules -------- */

#wrapper  {width: 53em; margin: 0 auto; padding: 1em; border: 1px solid #FFDF95;}

#suhome {width: 55em; margin: 0 auto; text-align: right;}


#sitename {height: 95px; background-color: #FFDF95;}

body.home #sitename {height: 446px;}


#nav {background-color: #FFD985; margin: .25em 0; font-size: .9em; width: 100%;}

#nav a {color: #000; text-decoration: none;}

#nav ul {margin: 0; height: 2.9em;}

#nav ul li {display: inline;}

#nav ul li a {display: block; float: left; padding: .6em 1em;}

#nav ul li a:hover {color: #FFD985; background-color: #900;}

body.visiting #nav ul li.visiting a, body.visiting #nav ul li.visiting a:hover,
body.learning #nav ul li.learning a, body.learning #nav ul li.learning a:hover,
body.volunteers #nav ul li.volunteers a, body.volunteers #nav ul li.volunteers a:hover,
body.community #nav ul li.community a, body.community #nav ul li.community a:hover,
body.health #nav ul li.health a, body.health #nav ul li.health a:hover,
body.working #nav ul li.working a, body.working #nav ul li.working a:hover,
body.openspace #nav ul li.openspace a, body.openspace #nav ul li.openspace a:hover
{color: #900; text-decoration: underline; background-color: transparent;}


#content {width: 65%; float: right; padding: .5em;}

body.home #content {width: 100%; float: none;}

	#col1, #col2 {float: left; width: 49%; padding: .25em;}
	
	#col1 img, #col2 img {float: left; margin: 0 1em 1em 0;}
	
	#col1 ul, #col2 ul {clear: both;}

#content h2 {color: #ff9933; font-family: Georgia, Times New Roman, Times, serif;  font-weight: 400; background: transparent  url('../images/square_red.gif') no-repeat top left; padding-left: 22px;}


#sidebar {width: 31%; float: left; padding: 1em .5em;}

body.home #sidebar {width: 0; float: none; display: none;}

#sidebar h2 {font-size: 1.25em; color: #900; text-transform: lowercase; background: transparent  url('../images/square.gif') no-repeat top left; padding-left: 22px;}

#sidebar li {list-style-image: url('../images/arrow.gif');}

#sidebar div.photo p {background-image: none; text-indent: 0;}
	

#footer {clear: both; text-align: center; font-size: .95em;}

#footer p {margin: 1em 0 0 0;}

#footer ul {text-align: center;}

#footer li {list-style-type: none; display: inline; border-right: 1px solid #000; margin: 0 0 1em 0; padding: 0 .5em;}

#footer li:last-child {border-right: none;}