/*
    Shumka Style Definitions
    YellowPencil.com - October 2009
*/

/* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.2.2 */
/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px arial,helvetica,sans-serif;}table {font-size:inherit;}select, input, textarea {font:99% arial,helvetica,sans-serif;}pre, code {font:115% monospace;}body * {line-height:1.22em;}

/* Typography Definitions */
/* Body */ :focus {outline:0;} body {font-size:100%;font-size:76%;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;background:#fff;color:#000;}
/* Headings */ h1, h2, h3, h4, h5, h6, h7 {font-weight:normal;margin:.5em 0 .5em 0;line-height:1.1em; font-family: Georgia, "Times New Roman", Times, serif;} h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:2.4em;} h2 {font-size:1.6em;} h3 {font-size:1.2em;} h4 {font-size:1em;} h5 {font-size:.9em;} h6 {font-size:0.8em;}
/* Paragraph Text */ p, pre {margin:.25em 0 1em 0;line-height:1.22em;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
/* Lists */ ul {list-style-type: disc;list-style-position: outside;margin:.5em 0 1em 1.5em;} ol {list-style-type: decimal;list-style-position: outside;margin: .5em 0 1em 2em;} li {padding-left:.25em;padding-bottom:.3em;font-size:13.5px;} dl {} dt {margin:.5em 0 .25em 0;font-weight:bold;} dd {padding:0 0 .25em 1em;} 
/* Block Level Type Styles */ blockquote {margin:1em 2em 1em 1em;} address {margin:.25em 0 1em 0;line-height:1.4em;} del {} ins {} pre {}
/* Inline Type Styles */ abbr, acronym { border-bottom: 1px dotted #333; cursor: help; } strong {font-weight:bold;} em, dfn, cite {font-style:italic;}
/* Tables */ table {border:0px solid #ccc;margin:.25em 0 1em 0;border-right:0;border-bottom:0;} tr {}  th, td {padding:.5em;border:0px solid #ccc;border-top:0;border-left:0;} th {font-weight:bold;} caption {font-style:italic;}
/* Forms */ form {margin:.25em 0 1em 0;} label {display:block;font-size:.94em;} fieldset {border:1px solid #ccc;padding:.5em 1em;margin:.25em 0 1em 0;} legend {font-weight:bold;color:#000;}

/* Layout Style Definitions */
/* Main Container */
body.blue{background:#000 url("../images/school_BG_slice.png") repeat-x;text-align:center;}
body.red {background:#000 url("../images/red_bg_slice.png") repeat-x;text-align:center;}
#wrapper {max-width:1280px;min-width:912px;min-height:960px;margin:0 auto;}
.index #rotator {position:relative;z-index:1;height:830px;text-align:center;}
.index #doc {margin-top:-830px;position:relative;z-index:1000;}
.school{background:url("../images/schoolbgimage.bmp") no-repeat 7px 0px;}
.secondary{background:url("../images/secondary_BG_image.jpg") no-repeat 7px 0px;}
.gallery{background:url("../images/gallery_bg.jpg") no-repeat; }
#doc {width:912px;margin:0 auto;text-align:left;}


/* Header */
#header {width:912px;height:230px;}
#wrapper.index #header {height:152px;}
#logo {float:left; margin:25px 0 20px 10px;}
#metanav {width:448px; float:right;padding: 5px 0 0 0;text-align: left;position: relative;}
#metanav ul {}
#metanav li {display:inline;color:#fff; font-style:italic; font-size:.9em; margin:0 0 0 6px; border-left:1px #FFF solid; padding:0 0 0 8px;}
#metanav li.metanoborder, #footernav li.metanoborder {border:0;}
#metanav a {text-decoration:none; color:#fff; margin:0;}
#metanav a:hover {color:#ee8c00;}
#metanav form {margin: 0; padding: 0;}
#metanav form .search {width:130px;height:13px;padding:2px 0 0 0;background:#fff url("/images/magnify.jpg") right center no-repeat;font-size:0.9em;position: absolute;top:7px;right: 1px;} 

#navcontainer {width:912px; height:122px;float:left;position:relative;}
body.red #navcontainer{background:url("../images/bg-alpha-red.png");}
body.blue #navcontainer{background:url("../images/bg-alpha-blue.png");}
#mainnav {width:912px; height:40px; background: url("../images/bg-alpha-black.png");float:left; clear:both;}
#mainnav ul {width:912px;text-align:center;margin:0;}
#mainnav li {display:inline;font-size:1.3em;font-family:Georgia, "Times New Roman", Times, serif;line-height:40px;margin:0 15px;}
#mainnav a {text-decoration:none; color:#fff;}
#mainnav a.schoolnav {color:#fff /*#00FFFC*/;}
#mainnav a.selected{color:#EE8C00}
#mainnav a:hover{color:#EE8C00}
#mainnav a.schoolnav:hover {color:#00B0AE;}
ul#secondarynav{color:#FFF;background:url(../images/subNavWhite.gif) top center no-repeat;padding:14px 0 0 0 ;position:absolute;top:45px;margin:0;}
ul#tertiarynav{color:#FFF;background:url(../images/subNavGrey.gif) top center no-repeat;padding:14px 0 0 0 ;position:absolute;top:80px; margin:0;}
ul#secondarynav li, #navcontainer ul#tertiarynav li{display:inline; font-weight:normal;}
ul#secondarynav li a, #navcontainer ul#tertiarynav li a{text-decoration:none; color:#FFF;font-weight:normal;padding:0 8px;}
ul#secondarynav li a.selected, #navcontainer ul#tertiarynav li a.selected{text-decoration:none; color:#EE8C00;}
ul#secondarynav li a:hover, #navcontainer ul#tertiarynav li a:hover{text-decoration:none; color:#EE8C00;}
#rednav {width:418px; background:url(../images/rednav-bg-slice.jpg) repeat-x; float:right;}
#rednav ul {margin:0;padding:0;}
#rednav li {display:block;float:left; width:132px;text-align:center;color:#666666;font-size:1.5em;font-family:Georgia, "Times New Roman", Times, serif;border-left:2px #4D0005 solid;padding:10px 0 0 0;height:30px;} /* line-height:34px;}*/
#rednav a {text-decoration:none; color:#ddd;}
#rednav a:hover {color:#fff;}
#rednav li.rednoborder {border:0;}

/* Content */
#content {width:864px;background:#fff url("../images/bg-content.png") repeat-x top; opacity: 0.85;filter: alpha(opacity = 85);padding:12px 8px 32px 40px; min-height:580px;position:relative;}
#content li ul, #content li ul ul li {margin-top: 6px;margin-bottom: 0; } 
#content li ul li ul li ul {margin-top: 3px;margin-bottom: 0; } 

/* this style destroys transparent gradients in png files
#content img {opacity: 1.0;filter: alpha(opacity = 100);-moz-opacity:1.0;-khtml-opacity: 1.0;} */
#content a {color:#5E0006}
#content a:hover {color:#666;}
#wrapper.index #content {background:none; padding:10px 20px;}

#rightcol {width:240px; height:100%; margin: 0px 8px 20px 24px;float:right;}
#rightcol img {margin:0 11px 0 0;}
#rightcol img.first {margin:0 11px 0 10px;}
#rightcol p {margin:0 0 0 10px;}

#wrapper.index #rightcol {width:200px; min-height:350px;float:right; background:none; margin: 20px 0px 20px 60px;float:right;}
#wrapper.index #rightcol h1 {color:#5A000D; font-size:2.9em;}
#wrapper.index #rightcol h2 {color:#FFF; font-size:2.6em;padding-bottom:20px;border-bottom:2px solid #e7001b;}

#rightcol h2 {font-style:italic;border-bottom:1px #000000 solid; margin:16px 0 16px 0;}
.recentitem {width:230px; float:right; margin:8px 0 16px 0;}
#rightcol .recentitem p{color:#000; margin:16px 0 0 80px;}
.recentitem img{float:left;}
.recentitem a{color:#5F0006;}
#rightcol p.importantdatestitle {font-weight: bold; }
#rightcol p.importantdates {margin-bottom: 7px;}

#leftcol {width:588px;}
#leftcol p {font-size: 1.1em;}
#leftcol img#contentimg {margin-bottom: 25px;}

#unforgettable {position: absolute; top:80px; right:0px;width:300px;}
#unforgettable #title {font-size: 2.2em; color: #fff;margin:0 35px;}
#unforgettable #caption {clear: both;font-size:1.3em;font-weight: normal; color:#999;font-family:Georgia, "Times New Roman", Times, serif;margin:20px 35px 0 35px;border-left: 1px red solid; padding-left: 15px; }
#unforgettable #btnPrev {position:absolute;top:30px;left:0;}
#unforgettable #btnNext {position: absolute;top:30px;right:0;}
#unforgettable img#main {clear: both;border-bottom:1px red solid;padding-bottom: 5px; }
#unforgettable #btnPrev:hover, #unforgettable #btnNext:hover {cursor: pointer;}

#gallerycontainer {width:580px;float:left;}
#gallerycontainer .gallerythumb {width:150px;height:150px;float:left; margin:0 15px 15px 0;}
#gallerycontainer .gallerythumb img {}
#gallerycontainer .gallerythumb p {color:#000; font-size:.9em; margin:10px 0 0 0;}
#galleryright{width:240px;margin: 0px 8px 20px 0;float:right;}
#galleryright img{margin:0 11px 0 0;}
#galleryright img.first{margin:0 11px 0 10px;}
#galleryright h2{font-style:italic;border-bottom:1px #000000 solid; margin:16px 0 16px 0;}

#leftcol .bio {width: 185px; float: left;}
#leftcol .staffbio {margin-top:30px;}
#leftcol .bio p.name, #leftcol .staffbio p.name {font-weight: bold; font-size: 1.2em;margin-bottom: 0;}
#leftcol .bio p.title, #leftcol .staffbio p.title {margin-bottom: 0;}

#homeFeatures {clear:both;}
#content .leftbox{width:212px;height:134px; float:left; clear:right;margin:0 32px 0 -16px; background:url("../images/bg-alpha-red.png");}
#content .leftbox p{color:#FFF; margin:4px 0 0 10px;}
#content .leftbox a{color:#FFF;text-decoration:none;}
#content .leftbox a:hover{color:#FFF;text-decoration:underline;}
#content .lefttitle {width:212px;height:40px; background:url(../images/bg-alpha-black.png);}
#content .lefttitle h2 {display:block;color:#E0E0E1;line-height:40px;margin:0 0 0 20px; font-weight:normal;}

#rightbox {width:440px;height:132px; float:left; margin:0px -20px 0 -16px;padding:0; border:1px solid #6c6d6d; background:url("../images/bg-alpha-black.png");}
#rightbox h2{color:#E0E0E1;margin:9px 8px;font-weight:normal;}
#rightbox .recentitem {width:210px;float:left; margin:10px 0 0 8px; color:#fff;}
#rightbox .recentitem p {margin:16px 0 0 90px;}
#rightbox .recentitem a {color: #fff;text-decoration: none;}


#content .performance {clear:left;padding-top:10px;}
#content .performance img.thumb {float:left;margin:0 12px 12px 0;}
#content .performance .title {margin-bottom:0;padding-bottom:0;}
#content .performance .title a {text-decoration:none;font-size:1.3em;color:#000;}
#content .performance .title a:hover {color:#666;}
#content .performance .date {font-weight:bold;color:#666;margin-top:0;padding-top:0;}

#leftcol p.feature {color:#006B6A;margin-left:250px;}
#leftcol p.featuresecondary{color:#5F0006;font-size: 1.4em;}
#leftcol p.feature, p.featuresecondary {font-family: Georgia, "Times New Roman", Times, serif;}

#schoolcontacts {min-height:120px; width:157px; background: url(../images/contacts_bg_slice.png) repeat-y; padding:1px 24px 10px 24px; margin:16px 0 0 8px;}
#schoolcontacts p {font-size:1.1em; font-weight:bold; margin:8px 0 0 0;}
#schoolcontacts a {color:#5F0006;}
#schoolcontacts p.phonenumbers {color:#5E0006;font-size:.9em; font-weight:bold; margin:0 0 0 0;}
#contactstop{height:10px;width:205px;background:url(../images/contacts_bg_top.png);margin:16px 0 -16px 8px;}
#contactsbtm{height:10px;width:205px;background:url(../images/contacts_bg_btm.png);margin:0 0 0 8px;}

#contentQuote {width:180px;float:right;padding:10px;margin:5px 0 10px 40px;border-top:1px solid #5f0006;border-bottom:1px solid #5f0006;}
#contentQuote .quoteText {font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:1.1em;color:#5F0006;margin-bottom:10px;padding-bottom:0;}
#contentQuote .author, #contentQuote .title {margin:0;padding:0;color:#666;text-align:right;font-size:1em;}

/* Footer */
#footer {height:64px; clear:both; padding:20px 0;font-size:.9em;}
#footernav {text-align: center;}
#footernav li {display:inline;color:#fff; font-style:italic;border-right:1px #FFF solid;padding:0 8px 0 4px;}
#footernav a {color:#FFF; text-decoration:none;}
#footernav a:hover {color:#ee8c00;}
#footercopyright {text-align: center;}
#footercopyright p {color:#E9001A;}

/* Self-clearing Containers */
#content:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

/* Gallery */
#leftcol .gallery {float:left;margin:0 45px 0 0;width:120px;height:200px; }
#leftcol .thumbnails a {float:left;margin: 0 10px 10px 0;}