body { margin: 0; padding: 0; font-family: Trebuchet, "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-size: 12px; text-align: center; }
h1 { width: 200px; height: 125px; position: relative; padding: 0; margin: 10px auto 15px; text-align: center; }
#main h1 { width: auto; height: auto; margin: 1em 0; }
h1 span { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background: url(../images/sha-210.gif) no-repeat top left; }
.sha h1 span { background: url(../images/sha-sha-210.gif) no-repeat top left; }
.programs h1 span { background: url(../images/sha-programs-210.gif) no-repeat top left; }
.about h1 span { background: url(../images/sha-about-210.gif) no-repeat top left; }
h2 { font-size: 16px; margin-top: 20px; }
h3 { font-size: 14px; }
p, td, blockquote, #main ul { font-family: Verdana, Arial, Helvetica, sans-serif; }
ul, ol { margin: 0 0 0 20px; padding: 0; }
li { margin: 0 0 1em; }
img { position: relative; float: left; margin: 0 10px 0 0; }
a:link:hover, a:visited:hover { text-decoration: none; }
form { margin-bottom: 1em; }

#sha a:link, #sha a:visited, .sha a:link, .sha a:visited { color: #4B416F; }
#sha a:link:hover, #sha a:visited:hover, .sha a:link:hover, .sha a:visited:hover { background: #D1CCE2; }
#programs a:link, #programs a:visited, .programs a:link, .programs a:visited { color: #4B5B33; }
#programs a:link:hover, #programs a:visited:hover, .programs a:link:hover, .programs a:visited:hover {
	background: #D7E0CA; }
#about a:link, #about a:visited, .about a:link, .about a:visited { color: #68382B; }
#about a:link:hover, #about a:visited:hover, .about a:link:hover, .about a:visited:hover { background: #E5D2CD; }
#home a:link, #home a:visited { color: #000; }
#home a:link:hover, #home a:visited:hover { background: #DDD; }

#page { width: 630px; margin: 0 auto; text-align: left; }
#sidebar { width: 150px; position: relative; float: left; margin: 0; padding: 0; }
#main { width: 455px; position: relative; float: right; margin: 0; }

ul#nav, #sidebar ul { list-style: none; margin: 0; padding: 0; text-align: center; }
ul#nav a:link, ul#nav a:visited, #sidebar ul a:link, #sidebar ul a:visited { text-decoration: none; }
ul#nav { border-top-width: 1px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid;
	height: 24px; padding-left: 0; font-size: 14px; }
ul#nav li { margin: 0 0 0 10px; }
ul#nav li#home { margin: 0; float: right; }
ul#nav li#sha { margin: 0; }
ul#nav #programs a:link:hover, ul#nav #programs a:visited:hover { background: url(../images/programs-nav.gif) repeat-x bottom center; }
ul#nav #sha a:link:hover, ul#nav #sha a:visited:hover { background: url(../images/sha-nav.gif) repeat-x bottom center; }
ul#nav #about a:link:hover, ul#nav #about a:visited:hover { background: url(../images/about-nav.gif) repeat-x bottom center; }
ul#nav #home a:link:hover, ul#nav #home a:visited:hover { background: url(../images/home-nav.gif) repeat-x bottom center; }

.about #nav { background: url(../images/about-nav.gif) repeat-x top center; }
.sha #nav { background: url(../images/sha-nav.gif) repeat-x top center; }
.programs #nav { background: url(../images/programs-nav.gif) repeat-x top center; }

#sidebar ul ul { text-align: left; list-style: circle; margin: 0 0 0 30px; }
#sidebar span { display: block; padding: 5px 0; }
#sidebar ul li { margin: 0; }
ul#nav a:link, ul#nav a:visited, #sidebar ul a:link, #sidebar ul a:visited { display: block; width: 150px; padding: 4px 0; }
#sidebar ul ul a:link, #sidebar ul ul a:visited { width: 120px; }
.sha ul#nav { border-bottom-color: #4B416F; border-top-color: #4B416F; }
.programs ul#nav { border-bottom-color: #4B5B33; border-top-color: #4B5B33; }
.about ul#nav { border-bottom-color: #68382B; border-top-color: #68382B; }
ul#nav li { display: block; position: relative; float: left; width: 150px; }
#main ul ul, #main ol ul { margin-top: 1em; }

#slideshow { position: relative; float: right; width: 252px; text-align: center;
	margin: 0 0 10px 10px; }
#slideshow .image { width: 250px; height: 250px; padding: 1px; }
#slideshow p { margin: 0.5em 0; }

.sha #sidebar h2 { padding: 105px 0 5px; color: #4B416F; text-align: center;
	background: #FFF url(../images/sha.jpg) no-repeat top left; margin: 0 0 1em; }
.programs #sidebar h2 { padding: 105px 0 5px; color: #4B5B33; text-align: center;
	background: #FFF url(../images/programs.jpg) no-repeat top left; margin: 0 0 1em; }
.about #sidebar h2 { padding: 105px 0 5px; color: #68382B; text-align: center;
	background: #FFF url(../images/about.jpg) no-repeat top left; margin: 0 0 1em; }
	
p.heartbeatparticipant { border: 1px solid #4B5B33; padding: 0.5em 1em; text-decoration: none; }
a:link:hover p.heartbeatparticipant, a:visited:hover p.heartbeatparticipant { background: #D7E0CA; }

.footnote { font-size: 10px; font-style: italic; }
.special { padding: 5px; }
.inlineheader { font-weight: bold; font-family: Trebuchet, "Trebuchet MS", Verdana, Helvetica, sans-serif; }
div.special { width: 200px; position: relative; float: right; margin: 0 0 10px 10px; }
p.special { padding: 0.5em 1em; }
a:link p.special, a:visited p.special, a:link.plain, a:visited.plain { text-decoration: none; }
a:link:hover p.special, a:visited:hover p.special { border: 1px solid #4B5B33; text-decoration: none; background: #FFF; }
div.special h4 { margin-top: 0; }
div.special p { margin-bottom: 0; }
.about .special { border: 1px dotted #68382B; background: #E5D2CD; }
.programs .special { border: 1px dotted #4B5B33; background: #D7E0CA; }
.sha .special { border: 1px dotted #4B416F; background: #D1CCE2; }
.special a:link:hover, .special a:visited:hover { background: #FFF !important; }
.about h2 span.special { color: #68382B; background: #FFF; border: 0; padding: 0; }
.programs h2 span.special { color: #4B5B33; background: #FFF; border: 0; padding: 0; font-size: 20px; }
.sha h2 span.special { color: #4B416F; background: #FFF; border: 0; padding: 0; }
.programs li a:link.special, .programs li a:visited.special { border: 1px solid #4B5B33; color: #4B416F; text-decoration: none; }
.programs li a:link:hover.special, .programs li a:visited:hover.special { border: 1px solid #4B416F; background: #FFF; text-decoration: none; }
.center { text-align: center; }
ul.small li { margin-top: 0; margin-bottom: 0; }
.required { color: #F00; }
p.small { font-size: 10px; }
.filled { color: #666; }
.subhead { background: #D7E0CA; }
.volunteerdonor { background: #7ECC7E; }
.volunteer { background: #6C88DB; }
.donor { background: #FFE84E; }
.cancelled { background: #F00; }
.refunded { background: #CCC; }
.makesmall { font-size: 10px; }