body { margin: 0 0 10px 0; padding: 0; background-image: url('../images/bg.gif'); background-repeat: repeat-x; background-color: #f1f1f1; font: 1.0em helvetica, sans-serif; }

/* ---- divs ---- */

#wrap { width: 780px; margin: 0 auto; }
#masthead { height: 194px; background-image: url('../images/masthead.png'); }
#body { width: 758px; border: 1px solid #000; padding: 10px; background-color: #fff; }
#photos { margin: 0 0 10px 0; }
.photo { width: 182px; float: left; margin-right: 10px; }
.last { margin-right: 0; }
#content { width: 567px; float: left; }
#home-left { width: 48%; float: left; }
#home-right { width: 48%; float: right; }
#nav { width: 182px; float: right; }
#footer {  }
.sidebar { border: 3px solid #006150; float: right; width: 264px; font-size: 85%; margin: 0 0 1em 1em; padding: .75em; background-color: #FFF0BA; }
	.sidebar img { border: 1px solid black; padding: 0!important; margin: 0; }

/* ---- h ---- */

h1 { margin: 0 0 10px 0; font: 1.6em Georgia, serif; color: #013e33; border-bottom: 2px solid #fcc900; }
h2 { margin: 0 0 5px 0; font: 1.2em Georgia, serif; color: #013e33; }
h3 { margin: 0 0 5px 0; font: 1em Georgia, serif; color: #013e33; }

/* ---- img ---- */

#content img { padding: 5px; border: 1px solid #013e33; margin: 0; background-color: #fbe984; }

.image-right { float: right; padding: 5px; border: 1px solid #013e33; margin: 0 0 0 8px !important; background-color: #fbe984; }

.image-left { float: left; padding: 5px; border: 1px solid #013e33; margin: 0 5px 0 0 !important; background-color: #fbe984; }

#content .photogallery img { margin: 0 5px 5px 0; border: none; padding: 0; background-color: #ffffff; }

/* ---- p ---- */

#content p { margin: 0 0 10px 0; font-size: 0.8em; color: #444; line-height: 1.6em; }

#footer p { margin: 5px 0 0 0; text-align: center; font-size: 0.7em; color: #444; line-height: 1.6em; }
p.dateline { font-style: italic; font-size: 85%!important; color: #9f9f9f!important; }

/* ---- ul ---- */

#content ul, #content ol { font-size: 0.8em; color: #555; line-height: 1.6em; }

/* ---- a ---- */

#content a:link,
#content a:visited { color: #013e33; text-decoration: none; border-bottom: 1px solid #fcc900; }

#content a:hover,
#content a:active { color: #013e33; text-decoration: none; border-bottom: 1px solid #fcc900; background-color: #fbe984; }

#footer a:link,
#footer a:visited { color: #013e33; text-decoration: none; border-bottom: 1px solid #fcc900; }

#footer a:hover,
#footer a:active { color: #013e33; text-decoration: none; border-bottom: 1px solid #fcc900; background-color: #fbe984; }

/* ---- table ---- */

table#hours { width: 100%; margin: 0; font-size: 0.8em; color: #555; line-height: 1.6em; }

table#hours td { padding: 2px; margin: 0; }

table#hours td.hours-right { text-align: right; padding: 0 5px 0 0; font-weight: bold; }

table#hours tr.alternaterow { background-color: #dadada; }

table.ages { width: 100%; font-size: 0.8em; }

table.ages th { text-align: left; }

table.ages td { background-color: #eee; padding: 5px; border: 1px solid #ccc; }

table.ages tr.table-blue td { color: blue; }

table.ages td.cell-blue { color: blue; }

table.ages tr.table-red td { color: red; }

table.ages td.cell-red { color: red; }

/* ---- nav ---- */

#nav ul { margin: 0; padding: 0 0 5px 0; list-style-type: none; background-color: #eee; }

#nav ul li { padding: 5px 0 0 0; }

#nav ul li a { display: block; width: 162px; padding: 4px 10px; font: 0.9em Georgia, serif; color: #013e33; text-decoration: none; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

#nav ul li a:hover { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-image: url('../images/nav_highlight.gif'); background-repeat: repeat-x; background-color: #fdd94e; }

#nav ul { margin: 0; padding: 0 0 5px 0; list-style-type: none; background-color: #eee; }

#nav ul li li { padding: 5px 0 0 10px; }

#nav ul li li a { display: block; width: 152px; padding: 4px 10px; font: 0.9em Georgia, serif; color: #013e33; text-decoration: none; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

#nav ul li li a:hover { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-image: url('../images/nav_highlight.gif'); background-repeat: repeat-x; background-color: #fdd94e; }

#address { margin: 0 0 0 10px; font-size: 0.8em; color: #444; line-height: 2; }

.caption { font-size: 85%; font-style: italic; line-height: 1.4; }

.attribution { text-align: right; margin: 0; padding: 0 20px 10px 200px; }

.postalcode { margin: 0 0 0 0.5em; text-transform: uppercase; white-space: nowrap; }

/* span class to keep postal codes uppercase, to prevent wrapping, and to include extra space before */

.nobr, .tel, .gps { white-space: nowrap; }


/* span class to keep phone numbers & GPS coordinates from wrapping */
