/* GENERAL */
body { margin: 0; padding: 20px; background: #336699 ; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; line-height: 1.3em;}
.photo {margin: 0 0 20px 20px; padding: 0; float: right; border: 1px solid #03318f; }

/* LINKS & TEXT */
a { color: #000066; }
a:hover,.nav, .nav a:hover, .navFirst a:hover  { color: #3399cc; text-decoration: none; }
.logo { text-decoration: none; border: none; }
h1, .secondH1{ font-weight: bold; font-size: 16px; text-transform: uppercase; }
h2{ font-weight: bold; font-size: 14px; }
h3, .homeEventHead, .classH3 { font-weight: bold; font-size: 12px; }
h1, h2, h3, .homeEventHead, .secondH1 { color: #336699; }
.homeEvent { list-style-type: none;	padding: 0 0 1.5em 0; margin: 0; }
.ordinary { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; line-height: 1.3em; font-weight: normal; }
.classH3 li, .ordinary li {padding: 0 0 .3em 0; }
.attribution {font-size: 10px; font-weight: normal; font-style:italic; text-align:right; }
.secondH1{padding: 10px 0 0 0; }

/* TOOLBOX */
.hometoolbox { border: 1px dotted #03318f; font: 10px; float:right; margin: 0 0 10px 20px ; padding: 0 20px 0 0; width: 220px; }
.toolbox { border: 1px dotted #03318f; font: 10px; margin: 0 15px 0 20px ; padding: 0 20px 0 0; }
.homeplayList { list-style-type: none;	margin-left: 20px; padding:0;}
.playList { list-style-type: none; margin-left: 20px; padding:0;}
.listen { padding: 0 0 .5em 2em; background: url(../gfx/icon_Listen.gif) no-repeat; }
.view { padding: 0 0 .5em 2em; background: url(../gfx/icon_View.gif) no-repeat; }
.read { padding: 0 0 .5em 2em; background: url(../gfx/icon_Read.gif) no-repeat; }
.toolhead { color: #03318f; text-transform: uppercase; letter-spacing: .1em; }


/* CONTAINER */
.container { position: relative; margin: 0 auto; width: 900px; height: 100%; background: #FFFFFF url(../gfx/background_sub.jpg) no-repeat; border: 1px solid #03318f; }
.containerHome { position: relative; margin: 0 auto; width: 900px; height: 100%; background: #FFFFFF url(../gfx/background_home.jpg) no-repeat; border: 1px solid #03318f; }


/* NAV */
.navBoxLeft { margin: 25px 25px 10px 25px; padding: 0; }
.navBoxLeft p { margin: 0; padding: 0 0 0 10px; }
.navBoxRight, .navLogo { margin: 0; padding: 0px 0px 10px 0px; float: left; line-height: 10px; color: #03318f; font-size: 14px; font-weight: bold; text-align: center;}
.navFirst { margin: 0; padding: 10px 22px 10px 50px; float: left; }
.nav { margin: 0; padding: 10px 22px 10px 22px; border-left: 1px solid #FFFFFF; float: left; }
.nav, .nav a, .navFirst, .navFirst a { color: #03318f; text-decoration: none; text-transform: uppercase; }
.nav, .navFirst { color: #990000; }
.navSmall{margin: 0; padding: .3em 0 0 0; font-size: 10px; font-weight: normal; }
.subnav, .subnav a {color: #03318f; font-size: 10px; text-transform: uppercase; list-style-type: none; padding: 0 0 .5em 0;	}
.subnav, .redText { color: #990000; }
.fbook {margin: 0; padding: 0; vertical-align:middle; }

/* CONTENT	*/
.content { margin: 0; padding: 10px; clear: left; overflow: auto; }


/* COLUMN ONE */
.colOne { margin: 0; padding: 0 ; width: 260px; height: 500px; float: left; }


/* COLUMN TWO */
.colTwo { margin: 0; padding: 0 15px 0 0; width:595px; height:100%; float: right; }
.bio { margin: 0; padding: 0 0 20px 0; clear: right; }


/* DONATE & PAYPAL */
.donate { background: url(../gfx/background_donate.jpg) repeat-x; width: 200px; border: 1px dotted #03318f; font: 10px; float:right; margin: 0 0 10px 20px ; padding: 10px 20px 20px 20px; clear: right; }
.firstLine {margin-top: -1em; padding:0; }
.paypalBox {margin-top: -1.5em; margin-bottom: 1.5em; padding: 10px 0 10px 0; overflow: auto; }
.paypalBoxLast {margin-top: -1.5em; padding: 10px 0 0 0; overflow: auto; }
.floatRightBox {float: right; width: 120px; }
.dottedRule { margin-top: -1em; padding: 0; border-bottom: 1px dotted #336699; overflow: auto; }


/* CONTINUING STUDENTS CLASSES*/
.csRightBox {float: right; width: 120px; margin: 0 0 0 20px; padding: 0 0 20px 20px; border-left: 1px dotted #336699; text-align: center;}
.csMainBox {overflow: auto; margin: 0; padding: 0 0 0 25px;}



/* FOOTER */
.boxFooter{ margin: 20px 0 0 0; padding: 0 25px 0 0; background-color: #a7cddd; height: 100px; text-align: right; clear: left; color: #666666; line-height: 1.1em; }
.lead{margin: 0 -25px 0 0; padding: 0 25px 0 0; background-color: #FFFFFF; font-size: 22px; font-weight: bold; text-transform: uppercase; color: #a7cddd; }