html {height: 100%; }
body {margin:0; padding:0; font:normal 0.8em verdana, arial, sans-serif; color:#666; text-align:center; background:url(../graphics/common/main_bg.gif) #fff fixed; height: 100%; }
/* common */
p {margin:0.2em 0; padding:0.3em; }
h1 {padding:0; margin:0; font:italic bold 180% verdana, arial, sans-serif; color:#4a74a6; }
h2 {background:#ddd; color:#3b4471; font:normal italic 100% verdana, arial, sans-serif; margin:0.2em; padding:0; clear:both; }
h4 {color:#3b4471; font:normal italic 100% verdana, arial, sans-serif; margin:0.2em; padding:0; clear:both; }
h3 {color:#3b4471; font:normal italic 150% "comic sans ms",georgia, serif; margin:0.2em; padding:0; clear:both; }
td {font:normal 0.8em verdana, arial, sans-serif; color:#666; }
div {margin:0; padding:0; display:block; }
a:link, a:visited {color:blue; text-decoration:none; font-style:italic; }
a:hover {color:gray; }
li {list-style-position:inside; margin-top:0; margin-bottom:0; }
ol {margin-top:0; margin-bottom:0; font-style:italic; }
fr {float:right; }
.highlite_strong {color:#3b4471; font:normal italic 150% "comic sans ms",georgia, serif; margin:0.2em 0; padding:0;}

.subtitle {font:bold 2em "comic sans ms",georgia, serif; color:#000; }
.slogan_title {font:italic normal 1.1em "comic sans ms",georgia, serif; color:#666; }
.signature {font:normal 18px "lucida handwriting","script mt bold","lucida calligraphy","brush script mt", hevetica, sans-serif; }
.strong {font-weight:bold; }
.ctr {text-align:center; }

/* holds all content */
.container {background:#fff; margin:0.5em auto; padding:0; min-height:100%; width:800px; border:1px solid #aaa; }

.content {clear:left; text-align:left; margin:0 1em 0 0; padding:0 0 0 1em; width:100%; min-height:500px; border:0; }
.content h2 {text-indent:3em; }
.content img {border;0; }

/* header */
.titleblock {margin:0; padding:0 1em; text-align:left; background:url(../graphics/common/piano.gif) right center no-repeat; }
.titleblock p {color:#3b4471; font:italic normal 100% verdana, arial, sans-serif; margin:0; padding:0; }
.titleblock p.small {color:#ccc; margin:0; padding:0; font:italic normal 75% verdana, arial, sans-serif; }
.titleblock img {margin:0; padding:0; }

/* menu */
.navholder {width:100%; margin:0.5em 0 0.3em 0; padding:0; text-align:center; background:#fff; }
.navbar ul {list-style-type:none; display:block; line-height:1.5em; margin:0; padding:0; }
ul.navbar li {display:inline; }
a.nav:link, a.nav:visited {display:block; float:left; padding:0.2em 0.8em; margin:0; text-decoration:none; background:#fff; color:#252525; font:bold italic 80% verdana, arial, sans-serif; border:0; }
a.nav:hover {color:#ccc; }
a.nav:active {color:#c00; text-decoration:underline; }

#about .about span, #awards .awards span, #contact .contact span, #events .events span, #index .index span, #links .links span, #membership .membership span, #newsletter .newsletter span, #programs .programs span, #volunteers .volunteers span {color:gray; }

/* footer */
#footer {color:#aaa; font:italic normal 75% verdana, arial, sans-serif; margin:0.2em 0; padding:0.6em 0; border:0; text-align:center; clear:both; }
#footer .left {float:left; text-align:right; }
#footer .right {float:right; text-align:right; }

/* image handling */

.imgleft {float:left; margin:0 1em 0 0.2em; }
.imgright {float:right; margin:0 0.2em 0 1em; }
.imgcenter {margin:0.5em auto; }
.leftimgcaption {float:left; margin:3px 5px 5px 0; padding:0; border:0; background:transparent; font:normal 0.75em verdana, arial, sans-serif; text-align:center; }
.leftimgcaption2 {float:left; margin:3px 5px 5px 0; padding:0; border:1px solid #ddd; background:transparent; font:normal 0.75em verdana, arial, sans-serif; text-align:center; }
.rightimgcaption {float:right; margin:3px 0 5px 5px; padding:0; border:0; background:transparent; font:normal 0.75em verdana, arial, sans-serif; text-align:center; }
.rightimgcaption2 {float:right; margin:3px 0 5px 5px; padding:0; border:1px solid #ddd; background:transparent; font:normal 0.75em verdana, arial, sans-serif; text-align:center; }

/* sample <span class="leftimgcaption" style="width:10px;"><img src="oakbaynews.jpg" width="10" height="42" alt=""><br>Rushton</span> */
.cb {clear:both; }

/*  */
ul.check_red {margin-top:0; margin-bottom:0; list-style-image: url(../graphics/common/music_note.gif); }

/* borders for testing */
/* .container {background: red; }
.content {background: yellow; }
.titleblock {background: blue; }
.navholder {background: aqua; }
#footer {background: green; } */