/* CSS Document */
html * { margin: 0; padding: 0; text-decoration: none; }
body { background: #ccc url(../images/bgstripe2.gif);
	font: 11px/15px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color: #333; }

h1, h2, h3, h4 { color: #603; font-weight: bold; padding-top: 5px; }
b, strong { font-weight: bold; color: #603; }
em { color: #000; }
html a:link, html a:visited { color: #c60; }
html a:hover, html a:focus { color: #c00; }
html a:active { color: #f90; }
img, acronym, fieldset { border: none; }

#gestalt { position: relative; width: 780px; background-color: #dddcdf; margin: 0 auto; }
#masthead { position: relative; width: 100%; height: 150px; background-color: #000; overflow: auto; }
#masthead h1 { position: absolute; left: 0; top: 0; padding: 0; overflow: hidden; }

#nav { position: absolute; left: 625px; top: 10px; }
#nav ul { list-style-type: none; text-transform: uppercase; line-height: 16px;}
#nav a:link {	color: #aaa; }
#nav a:visited { color: #6A6A6A; }
#nav a:hover, #nav a:focus { color: #c00; text-decoration: none; }
#nav a:active { color: #fc3; }

#maincontent { width: 625px; background-color: #fff; padding: 20px 0; overflow: auto; }
#maincontent p, #maincontent h1, #maincontent h2, #maincontent h3, #maincontent ul, .entry { margin: 1em 50px 0 50px; }
#maincontent p.locale { margin-left: 75px; }
#maincontent h1 { font-size: 18px; line-height: 24px;}
#maincontent h2 { font-size: 13px; text-transform: uppercase; }
#maincontent h3 { font-size: 11px; text-transform: capitalize;}
#maincontent h4 { font-size: 11px; text-transform: capitalize; color: #333; }
#maincontent ul, #maincontent ol { margin-left: 85px; }

#secondary { position: absolute; left: 635px; top: 175px; width: 140px; }
#secondary * { font-size: 1em; }
#secondary p { margin-bottom: 1em; }
#secondary li { list-style-type: none; padding-top: .3em; }

#footer { width: 625px; padding-bottom: 10px; background-color: #fff; color: #666; clear: left; }
#footer p { margin-left: 50px; }
#footer img { vertical-align: middle; }

.donations #maincontent form { text-align: center; margin: 1em 50px; }

.gallery #maincontent #photos { color: #333; text-align: center; margin: 10px; height:320px; }
.gallery #maincontent #photos #desc { text-align: center; margin-top: 5px;}
.gallery #maincontent h2 { font-size: 11px; margin: 0 50px; clear: both; }
.gallery #maincontent h2 a { font-weight: normal; text-transform: lowercase; }
.gallery #maincontent h2 a:link { color: #693; }
.gallery #maincontent ul { list-style-type: none; margin: 0 10px 0 50px; }
.gallery #maincontent li { float:left; width: 140px; }
/*
.gallery #maincontent ul { list-style-type: none; margin: 0 40px 0 50px; }
.gallery #maincontent li { display: inline; padding-right: 6px; margin-right: 2px; }
.gallery #maincontent li a { white-space:nowrap;}
*/

.programs #gestalt { position: relative; width: 780px; background-color: #fff; margin: 0 auto; }
.programs #maincontent { width: 100%; margin: 0; }
.programs table { margin-left: 50px; border-top: 1px solid #999; padding: 0;}
.programs tr:hover { background-color: #ccc; }
.programs td { padding: .2em 0; vertical-align: top; text-align: left; margin: 0;}
.programs td.timeslot { width: 120px }
.programs td.show { width: 350px; }
.programs td.dj { width: 200px; }

.psa #maincontent form { margin-left: 25px; margin-top: 10px; }
.psa #maincontent p {position: relative; margin: .3em 50px 0 50px; }
.psa #maincontent span { width: 120px; float: left; margin-right: 5px; text-align: right; }
.psa #maincontent fieldset input, .psa #maincontent select, .psa #maincontent textarea { width: 300px; border: 1px solid #666; }
.psa #maincontent textarea {  height: 9em; }
.psa #maincontent fieldset input:hover, .psa #maincontent select:hover, .psa #maincontent textarea:hover { border: 1px solid #903; }
.psa #maincontent fieldset p:hover { color: #903; }
.psa #maincontent #buttons { margin: 10px 0 20px 177px; }

.whatsnew .stamps { padding-bottom: .2em; font-size: 10px; color: #666;}
.whatsnew #secondary li a { text-transform: capitalize; }