* { margin: 0; padding: 0; }
body { font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0 0 10px 0; background: #DBA67E; }
a { font-weight: bold; }
a:link { text-decoration: underline; color: #900; }
a:visited { text-decoration: underline; color: #666; }
a:hover, a:active { text-decoration: none; color: #900; }
a img { border: 0; }

#nav { position: absolute; left: 0; top: 111px; width: 150px; }
#nav h4 { height: 25px; width: 150px; }
#nav h4 a { background-repeat: no-repeat; display: block; width: 150px; height: 25px; text-decoration: none; text-indent: -100em; overflow: hidden; }
#nav h4 a:hover { background-position: -150px 0; }
#nav p a { display: block; width: 150px; color: #333; text-decoration: none; padding: 3px 0 3px 13px; width: 137px; border-bottom: 1px #A1A1A1 solid; background: #EEE; font-size: 12px; font-weight: normal; }
#nav p a:visited { color: #666; }
#nav p a:hover { background: #CCC; }

.skiplink { display: none; }

#wrapper { width: 750px; margin: 0 auto; position: relative; background: #FFF; background-image: url(../images/background.gif); }
#contentwrapper { margin: 0 0 0 150px; width: 600px; }
#header { height: 111px; }
#home { position: absolute; right: 0; top: 111px; }
#testimonials { position: absolute; right: 0; top: 383px; }
#row { position: relative; font-size: 12px; font-weight: bold; background-image: url(../images/home/bottom-buttons.jpg); width: 600px; height: 150px; }
#donate a, #blind a { color: #FFF; }
#donate { width: 164px; height: 130px; padding: 10px 18px; position: absolute; left: 0; top: 0; text-align: center; font-size: 12px; line-height: 16px; color: #CCC; cursor: pointer; }
#homenews { background: #1f0524; width: 164px; height: 90px; padding: 30px 18px; position: absolute; left: 0; top: 0; text-align: center; font-size: 15px; line-height: 18px; color: #FFF; }
#homenews a { color: #f0f482; }
#teaser { width: 600px; position: absolute; right: 0; top: 250px; padding: 10px 0; font-family: Georgia, Times, serif; }
#teaser .date { font-family: Helvetica, Arial, sans-serif; font-size: 11px; margin: 0 0 0 15px; text-transform: uppercase; letter-spacing: 1px; }
#teaser h2 { font-size: 18px; font-weight: normal; margin: 2px 15px 3px 15px; }
#teaser p { font-size: 12px; margin: 0 15px 6px 15px; }
#teaser .more { float: right; width: 200px; height: 90px; padding: 15px; }
#donate img { margin-top: 13px; }
#subscribe { width: 180px; position: absolute; left: 210px; top: 10px; text-align: center; }
#subscribe h3 { font-size: 12px; margin: 0 3px 13px 3px; }
#subscribe form { margin: 5px 0 13px 0; font-family: Helvetica, Arial, sans-serif; }
#subscribe .email { width: 174px; border: 1px #666 solid; font-size: 13px; color: #333; margin: 3px 0; padding: 3px; }
#subscribe a { color: #000; font-size: 11px; }
#blind { width: 159px; height: 130px; position: absolute; right: 0; top: 0; padding: 10px 10px 8px 30px; text-align: right; color: #FFF; cursor: pointer; }
#discover { width: 200px; height: 150px; position: absolute; right: 0; top: 0; }
#moreinfo { position: relative; width: 300px; height: 200px; margin: 272px 0 0 0; background: url(../images/home/moreinfo.jpg); text-indent: -100em; overflow: hidden; }
#moreinfo li { list-style: none; position: absolute; top: 0; }
#moreinfo li, #moreinfo a { height: 200px; display: block; }
#students { left: 0; width: 101px; top: 0; }
#teachers { left: 101px; width: 98px; }
#parents { left: 199px; width: 101px; }
#students a:hover { background: transparent url(../images/home/moreinfo.jpg) 0 -200px no-repeat; }
#teachers a:hover { background: transparent url(../images/home/moreinfo.jpg) -101px -200px no-repeat; }
#parents a:hover { background: transparent url(../images/home/moreinfo.jpg) -199px -200px no-repeat; }

h1 { position: relative; color: #FFF; font-size: 24px; line-height: 26px; height: 26px; width: 570px; background: #333; margin: 0 0 15px 0; padding: 20px 15px 4px 15px; }
h1 a:link { color: #FFF; text-decoration: none; }
h1 a:visited { color: #FFF; text-decoration: none; }
h1 a:hover { color: #FFF; text-decoration: underline; }
h1 a:active { color: #FFF; text-decoration: underline; }
#title { position: absolute; font-size: 13px; line-height: 15px; right: 15px; bottom: 5px; font-weight: normal; text-align: right; }
#subnav { position: absolute; font-size: 13px; line-height: 15px; right: 15px; bottom: 0; font-weight: normal; text-align: right; }
#subnav a { display: block; float: left; border-color: #FFF; border-width: 1px 1px 0 1px; height: 20px; line-height: 20px; border-style: solid; color: #FFF; padding: 0 5px; margin: 0 3px; background: #666; font-weight: normal; }
#subnav a:link { color: #FFF; text-decoration: none; }
#subnav a:visited { color: #FFF; background: #999; text-decoration: none; }
#subnav a:hover { background: #FFF; color: #000; }
#subnav a:active { background: #FFF; color: #000; }
#subnav .selected a { background: #FFF; color: #000; text-decoration: none; }

#content { font-family: Verdana, sans-serif; width: 570px; margin: 0 0 10px 15px; }
#content ul, #content ol { padding: 0 20px 12px 40px; font-size: 12px; font-family: Verdana, sans-serif; }
#content li { padding: 0 0 4px 0; }
#content h3 { font-size: 13px; padding: 5px 0; }
#content h4 { font-size: 12px; font-weight: normal; font-style: italic; padding: 3px 0; margin: 0; }
#content h6 { font-family: Helvetica, Arial, sans-serif; font-size: 20px; padding: 0 0 6px 0; margin: 0 0 12px 0; border-bottom: 1px #CCC solid; }
#content p, #news p { font-size: 12px; line-height: 18px; padding: 0 0 12px 0; }
#content .inset { float: right; margin: 4px 0 10px 15px; }
#content .includes { font-size: 10px; padding: 0; margin: 0; color: #666; line-height: 12px; text-align: center; }

#partners h2, #news h2 { font-size: 14px; border-bottom: 1px #666 solid; margin: 15px 0 8px 0; padding: 0 0 5px 0; }
#supplementary { font-family: Verdana, sans-serif; font-size: 12px; margin: 0 0 15px 0; padding: 15px 0 0 0; border-top: 1px #CCC solid; clear: right; }
#links { font-family: verdana, sans-serif; float: right; width: 200px; margin: 0 0 10px 0; }
#links ul { margin: 0 0 5px 20px; padding: 0; }
#links li { list-style-type: square; padding: 0 0 1px 0; margin: 0; }
#tellafriend { float: left; width: 333px; color: #666; background-color: #EEE; border: 1px dotted #666; padding: 10px; margin-bottom: 15px; } 
#tellafriend .title { font-family: Helvetica, Arial, sans-serif; font-size: 16px; text-align: center; padding: 5px 0; margin: 0; font-weight: normal; }
#tellafriend div.row { clear: both; padding-top: 3px; }
#tellafriend div.row span.label { font-size: 12px; padding-top: 4px; float: left; width: 70px; text-align: right; }
#tellafriend div.row span.formw { float: right; width: auto; text-align: left; } 
#tellafriend input, textarea { font-family: Helvetica, Arial, sans-serif; color: #333; width: 240px; font-size: 12px; border: 1px #999 solid; padding: 2px 5px; }

.bios { margin: 0 5px 10px 0; font-size: 11px; width: 275px; float: left;  }
.bios img { border: 1px #000 solid; margin: 0 10px 0 0; float: left; }
.bios h2 { margin: 12px 0 0 0; padding: 0; font-size: 12px; }

.warn a { margin: 5px 85px 20px 0; display: block; padding: 5px 10px; border: 1px #666 solid; background: #ccc; color: #000; text-decoration: none; }
.warn a img { float: left; padding: 1px 8px 0 0; border: 0; }
.warn a:hover { background: #666; color: #FFF; }

.menu { font-family: Verdana, sans-serif; margin: 0 5px 10px 0; font-size: 12px; width: 280px; float: left;  }
.questions { background: #EEE; border: 1px #666 dotted; padding: 10px 10px 0 10px; margin: 0 0 15px 0; }
.questions h5 { width: 80px; float: left; font-size: 15px; font-family: Helvetica, Arial, sans-serif; text-align: right; color: #999; margin: 0 20px 0 0; padding: 0; }
.questions ol { font-size: 12px; color: #666; margin: 0 0 0 90px; padding: 0; }

#photos { width: 580px; margin: 0 0 15px 5px; }
.thumbs { margin: 0 0 10px 10px; font-size: 12px; width: 130px; float: left;  }
.thumbs img { border: 1px #000 solid; }
.right { float: right; }

#footer { clear: both; font-size: 75%; padding: 7px 15px; background: #ba7955; color: #FFF; text-align: center; }
#footer a { color: #FFF; }
td { padding: 6px; }

#photo_paginate { font-size: 10px; padding: 0 0 5px 0; text-align: left; }
#photo_paginate a { font-weight: normal; text-decoration: none; }
#startslideshow { float: left; width: 150px; text-align: center; font-size: 16px; font-weight: bold; text-align: center; margin: 22px 60px; }

.imgright { float: right; margin: 5px 0 10px 10px; border: 1px #000 solid; }
.imgleft { float: left; margin: 5px 10px 10px 0; border: 1px #000 solid; }
.caption { font-family: Helvetica, Arial, sans-serif; font-size: 12px; }

#minifooter { color: #FFF; font-size: 10px; margin: 5px auto; width: 750px; text-align: center; }
#minifooter a:link, #minifooter a:visited, #minifooter a:hover, #minifooter a:active { color: #FFF; }