html, body 	{ color: #339; font-family: Verdana, Arial, sans-serif; background: #fff;
				margin: 0; padding: 0; }
h1			{ color: #fff; font: bold 175%/1em; margin: 0; padding: 1em 1em 0 1em; }
h2			{ color: #339; font: bold 150%/1em; }
h3			{ color: #339; font: bold 125%/1em; text-align: left;}
h4			{ color: #339; font: bold 115%/1em; }
h5			{ color: #fff; font-size: 105%; line-height: 2em; font-weight: bold; }
h6			{ color: #000; font-size: 90%; line-height: 1em; padding: 0.5em 0 0 0; }
p 			{ color: #339; font: 75%/1.25em; }
sup			{ vertical-align: super; font-size: 85%; }
caption 	{ color: #339; font: bold 75%/1.5em; }
td.center a { color: #339; }
td.center a:hover { color: #396; }
td.center a:visited { color: #339; }
ul 			{ margin: 0.5em 0 0 0; padding-left: 1em; }
li			{ color: #339; font: 75%/1.25em; text-align: left; white-space: normal; 
				list-style-type: decimal; position: relative }
.print		{display: none; }
.url		{display: none; }

table.side 				{ background-color: #396; margin: 0; border-width: 2px; 
							border-style: solid; border-color: #396 #000 #000 #396; 
						}
table.side td 			{ text-align: center; margin: 0; padding: 0; vertical-align: top }
table.side h5 h6		{ letter-spacing: 2em;}
table.side p, a 		{ color: #000; text-align: left; }
table.side a:hover 		{ color: #263; }

table td.head			{ background-color: #339; border-width: 2px; border-style: solid; 
							border-color: #339 #000 #000 #339; }
table td.news p			{ color: #fff; font: bold 75%/1em; line-height: 2em; text-align: center; }
table td.news a			{ color: #fff; font: bold 100%/1em; line-height: 2em; }
table td.news a:hover	{ color: #263;}

table.dualcol 			{ margin: 0px 0px 0px 20px; width: 30em; }
table.dualcol caption	{ text-align: left; font-weight: bold; }				
table.dualcol tr td		{ padding: 0px; width: 15em; }

table.hours caption		{ font-weight: bold; font-size: 75%em; line-height: 1.5em; }
table.hours 			{ margin: 4px; width: 300px; border-collapse: collapse; }
td.hours 				{ padding: 2px; width: 150px; }
td.footnote 			{ visibility: visible; position: relative;  
							width: auto; height: auto; margin-top: 2.5em; padding-top: 0.33em;
							border-top: 2px solid #39E; font-size: 85%; text-align: left; }
td.linklist li 			{ font: 75%/1.5em; white-space: nowrap; list-style-type: none;
							position: relative; padding: 0em 1em 0em 0em; }
/*
td.linklist p, a { color: #000; text-align: left }
td.linklist a:hover { color: #263 }
*/
div.picture				{margin: 0.67em auto; padding: 4px; }
div.picture img 		{ width: 100%; border: 1px solid #000; }
div.picture p			{ margin: .25em auto 0 auto; font-weight: bold; }
div.picture p.caption 	{ text-align: center; font-style: italic;}			
.full					{ width: 90%; padding: 4px; margin: .67em auto; }
div.rhp					{ float: right; width: 40%; }
div.rhl					{ float: right; width: 60%; }
div.lhp					{ float: left; width: 40%; }
div.lhl					{ float: left; width: 60%; }
div.fig					{ margin: 1em; padding: 4px; }
div.fig img		 		{ width: 100%; max-width: 150%; min-width: 25%; height: auto; 
							border: 2px solid #000; }
div.fig p.caption 		{ margin: .25em auto 0 auto; font-weight: bold;  
							font-style: italic; text-align: center; }
#main 					{ color: #999; font-size: small; background: #fff; 
							visibility: visible; margin: 0; padding: 2.5% 0%; 
							position: absolute; z-index: 2; top: 153px; width: 100%; 
							clear: left; }
#nav 					{ margin: 0; padding: 0; }
#nav li 				{ font-size: 10px; line-height: 20px; 
							background: #fff url(../media/images/tab-nav.gif) no-repeat 0 100%; 
							white-space: nowrap; list-style: none; margin-left: 1px; 
							padding-left: 16px; float: left; }
#nav a 					{ color: #339; font-weight: bold; text-decoration: none; 
						background: #fff url(../media/images/tab-nav.gif) no-repeat 100% 100%; 
							display: block; padding: 0 16px 0 0; width: 0.1em; float: left; }
html>body #nav a 		{ width: auto; }
/* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a 					{ float: none; }
/* End IE5-Mac hack */
#nav a:hover 			{ color: #360; }
#nav #current, #nav #current a 	{ color: white; 
									background-image: url(../media/images/tab-current.gif); }
#masthead 			{ background-image: url(../media/images/water.jpg); visibility: visible; 
						position: relative; z-index: 1; top: 0; left: 0; 
						width: 100%; height: 125px; 
						border-top: 2px; border-right: 0; border-bottom: 2px solid #339; 
						border-left: 0; }
#footer 			{ visibility: visible; position: relative; z-index: 2; float: right; 
						width: 100%; height: auto; }
#footer p 			{ color: #339; font: italic bold 60%/1em; text-align: center; }
#footer p a 		{ color: #339; }
#footer p a:hover 	{ color: #396; }
#footer p.nav 		{ color: #ccc; font: bold 75%/1em; }
#footer p.update	{ color: #339; font: 60%/.75em; text-align: right; 
						padding: 0em 1.0em 0.5em 0em;}
#bottom				{ position: relative; left: 17%; width: 60%; }
#btm-lhs			{ position: relative; float: left; width: 15%; }
#btm-rhs			{ position: relative; float: right; width: 25%; }
/*
#footer p.nav a	{color: #339;}
#footer p.nav a:hover	{color: #396;}
/*
Copyright (c) 2007-2009 Donaldson Run Recreation Association.  All rights reserved.
Cascading Style Sheet
filename: layout.css
version 1.50
build: 1.01
Date: 08-Mar-09
Author: gregory love
Description:
Screen media style sheet for 3-column layout.  DRRA website, www.drra.org.
*/