/*
Programmed by Christopher Elst (http://www.christopherelst.com/)
I normally put line breaks between style designations, but I read an interesting article that said fewwer line breaks can render more quickly. I thought I would give it a shot.
*/

*
{margin: 0; padding: 0;}

body
{background: #fff;}

body.notAdmin
{background: #222; position: relative;}

p
{font: 12px/18px times, serif; margin: 0 0 15px 0;}

h1
{font: 18px/22px Times, serif; color: #753b3a; text-transform: uppercase; margin: 0 0 15px 0;}

h2
{font: 13px/17px Times, serif; color: #753b3a; text-transform: uppercase; margin: 0 0 15px 0; clear: both;}

h3
{font: 12px/15px Times, serif; color: #753b3a; text-transform: uppercase; margin: 0 0 15px 0; clear: both;}

h4
{text-align: center; color: #333; font: bold 14px/18px times, serif; text-transform: uppercase; margin: 10px 0;}

h5
{text-align: center; color: #333; font: bold 14px/18px times, serif; margin: 10px 0; clear: both;}

ul
{
margin: 0 0 0 18px;
}

ul li
{
font: 12px/16px Times, serif;
margin: 0 0 5px 0;
}

a, a:link, a:visited, a:active
{color: #662625; font: 12px/16px times, serif;}

a:hover
{text-decoration: none;}

blockquote
{padding: 0 30px;}

/* structure classes */

#container
{margin: 30px auto; width: 990px; min-height: 500px; border: 2px solid #666; background: #fff;}

img#logo
{float: right; margin: 10px;}

#header
{background: #662625; padding: 5px 0; position: absolute; top: 80px; left: 0; width: 100%; opacity: 0.9;}

ul#topNav
{list-style: none; margin: 0 auto; width: 960px;}

ul#topNav li
{float: left; font: 13px/18px times, serif; letter-spacing: 1px;}

ul#topNav li a, ul#topNav li a:link, ul#topNav li a:visited, ul#topNav li a:active
{color: #fff; text-decoration: none; text-transform: uppercase; background: #662625; padding: 5px 20px; border: 1px solid #662625;}

ul#topNav li a:hover, ul#topNav li a.subnavon, ul#topNav li a.subnavon:link, ul#topNav li firstlevel:visited, ul#topNav li firstlevel:hover, ul#topNav li firstlevel:active
{color: #662625; background: #999; border: 1px solid #fff;}

#content
{clear: both; width: 990px;}

#aboutContent
{clear: both; width: 990px; padding: 35px 0 0 0;}

.homeBucket
{float: left; border: 1px solid #d0bdbc; padding: 5px; width: 250px; margin: 10px 0 10px 52px; min-height: 325px; position: relative;}

* html .homeBucket
{height: 325px;}

.homeBucket .header
{position: absolute; top: -8px; right: 10px;}

.homeBucket p
{color: #333; margin: 0 30px;}

.promoPhoto
{clear: both; text-align: center; margin: 30px 0 0 0;}

.promoPhoto img
{border: 1px solid #662625;}

a.learnMore, a.learnMore:link, a.learnMore:visited, a.learnMore:active
{color: #662625; display: block; float: right; margin: 10px 25px 10px 0; font: 11px/14px times, serif;}

a.learnMore:hover
{text-decoration: none;}

#footer
{text-align: center; padding: 15px 0; color: #999; font: 9px/14px verdana, sans-serif;}

	/* about page */
	
.aboutBucket
{float: left; border: 1px solid #d0bdbc; padding: 0 5px 5px 5px; width: 240px; margin: 15px 0 10px 30px; min-height: 325px; text-align: center;}
	
.aboutBucket p
{text-align: left; padding: 0 20px;}
	
.bucketMiddle
{float: left; padding: 5px; width: 364px; margin: 10px 0 10px 30px; min-height: 325px; position: relative;}

	/* about us interior pages */

#contentFloat
{float: left; width: 613px; margin: 20px 0 20px 40px;}

#sideBar
{float: right; border: 1px solid #d0bdbc; padding: 0 15px 5px 15px; width: 230px; margin: 10px 40px 10px 35px; min-height: 325px;}

#sideBar ul
{list-style: disc; margin: 0 0 0 20px;}

#sideBar ul li
{font: 11px/14px verdana, sans-serif; padding: 0 0 12px 0;}

.bigRed
{color: #662625; font: bold 14px/18px times, serif;}

#flashcontent
{position: relative; padding: 0; margin: 0; width: 600px; height: 450px;}

#photoStripe
{margin: 7px;}

#photoStripe img
{float: left;}

.classDescription
{
padding: 0 12px 0 12px;
margin: 0 0 12px 0;
border-bottom: 1px solid #ddd; 
}

.classDescription h3
{
color: #662625;
font: bold 14px/18px times, serif;
margin: 0;
}

.classDescription h6
{
font: bold 11px/15px times, serif;
margin: 0 0 10px 0;
}

table.calendar
{
margin: 0 0 18px 0;
width: 100%;
}

table.calendar th
{
background: #eee;
border: 1px solid #666;
border-right: none;
font: bold 12px/16px times, serif;
padding: 5px;
text-align: center;
}

table.calendar td
{
border: 1px solid #666;
border-right: none;
border-top: none;
font: 12px/16px times, serif;
padding: 5px;
text-align: left;
vertical-align: top;
width: 80px;
}

table.calendar td h5
{
color: #753b3a;
font: bold 12px/16px times, serif;
text-align: left;
}

table.calendar td h6
{
font: bold 12px/16px times, serif;
text-align: left;
}

table.calendar td p
{
font: 12px/16px times, serif;
}

table.calendar th.last,
table.calendar td.last
{
border-right: 1px solid #666;
}

/* utility classes */

.clearIt
{clear: both;}

img.floatRight
{float: right; margin: 0 0 15px 15px;}

img.floatLeft
{float: left; margin: 0 15px 15px 0;}