* {margin: 0; padding: 0}

/* GENERAL */

h1   { font-size: 17px; line-height: 1.1em; margin: 1em 0 0.2em; padding-bottom: 2px; border-bottom: 1px solid #aaa;  }
h2    { font-size: 15px; font-weight: bold; line-height: 1.1em; margin: 1em 0 0.2em; }
h3    { font-size: 13px; font-weight: bold; line-height: 1.1em; margin: 1em 0 0.2em;   }
h4    { font-size: 12px; font-weight: bold; line-height: 1.1em; margin: 1em 0 0.2em; }
h5     { font-size: 11px; font-weight: bold; line-height: 1.1em; margin: 1em 0 0.2em ; padding: 0  }
h6   { font-size: 10px; font-weight: bold; line-height: 1.1em; margin: 1em 0 0.2em ; padding: 0  }

.nine   { font: 9px Verdana, Geneva, Arial, "Lucida Grande", sans-serif }
.ten   { font: 10px Verdana, Geneva, Arial, "Lucida Grande", sans-serif }
.tengray { color: #787878; font: 10px Verdana, Geneva, Arial, "Lucida Grande", sans-serif }
.twelve  { font-size: 12px; font-weight: normal; line-height: 1.3em }
.fourteen { font-size: 14px; line-height: 1.3em }

a { color: #035ebf; text-decoration: none}
a.hover { color: #d50048; border-bottom: 1px solid #e0c9cc }

.clearing { clear: both; }

hr.clearer {clear: both; visibility: hidden;}

img { border: none; }
img.left { float: left; margin: 2px 8px 5px 0; border: 0   }
img.right   { float: right; margin: 2px 0 5px 8px; border: 0   }
img.barleft  { margin: 0; float: left; border: 0 }

p {margin: .5em 0;}
p.indent { margin-left: 15px}

table { width: 99%; margin: 0 0 1em; }
td {vertical-align: top; padding: .25em;}

#border {border-left: 1px solid #ccc; border-bottom: 1px solid #fff; padding: .5em;}

/* BODY */

body { color: #242424; font: 11px/1.5em verdana, Helvetica, Arial, sans-serif ; background-color: #eee ; }
#total { width: 100%; background-color: #fff; text-align: center}

/* TOP 154c36*/

#sitename { width: 100%; text-align: center;  background-color: #fff; margin: 0 auto; }
#sitename a:hover { border: none }

#bannerimg {position: relative; top: -115px;  left: -1px; border: 1px solid #ccc; border-width: 0 1px; margin-bottom: -95px;}

#secondbar { font-size: 9px; margin: 0 auto; padding: 0 ; width: 100%; text-align: center; border-top: 1px solid #ddd;  }
#secondbar a { font-weight: bold; text-transform: uppercase  ; margin: 0; padding: 0; }
#secondbar a:hover {  color: #d50048; }
#secondbar div { margin: 0 auto; width: 760px; text-align: left; padding: 0.1em 0 0; border-style: none; }

#topbar {  margin: 0 auto; width: 100%; text-align: center; color: #fff; background-color: #000; font-size: 16px; font-weight: bold; padding: 10px 0 ; letter-spacing: 1.5em; }

#header { color: #fff; margin-top: 0; padding: 0 0 4px; }
#header div { background-color: #940032; padding: 0; }
#header div div { margin: 0 auto; padding: 0; width: 100%; border: 1px solid #fff; border-width: 1px 0; text-align: center; height: 69px; }

/* MAIN TEMPLATE */

#container { text-align: left; background-image: url(/def/images/containerbg.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: left top; width: 760px; margin: 0 auto 4px; padding: 0; }
#container.containerhome { background-image: none; }

#nav { background-image: url(../../New%20School/web-content/www/images/newbg.jpg); background-repeat: no-repeat; background-position: right 0; float: left; width: 159px; padding: 34px 0 16px 0; margin: 0 ; border: none; height: 100%    }
#nav p { font-size: 10px; font-weight: bold; margin: 0 8px 0 10px; padding: 10px 0 4px; border-top: 1px solid #ccc; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; }
#nav ul {  list-style-type: none; margin: 0 10px ; padding: 0 0 10px; width: 120px; }
#nav li { font-size: 11px; line-height: 1.2em; font-weight: bold; padding: 0.4em 0 ; }
#nav li a { text-decoration: none; border: none; text-decoration: none }
#nav li ul { margin-top: 0.6em; margin-left: 15px  }
#nav li li { font-size: 11px; line-height: 1.1em; font-weight: bold; list-style-type: circle; border-bottom: 1px solid #ccc;}
#nav hr { width: 140px; color: #eee; background-color: #eee; margin-top: 5px; margin-bottom: 5px; margin-left: 10px    }
#nav li.sub { padding: 0.1em }
#nav li a:hover { color: #d50048; border-bottom: 1px solid #e0c9cc }


#navtwo { width: 365px; background-image: none; margin: 0; padding: 0; float: left; border: none; height: 100% ; }
#navtwo ul { list-style-type: none; line-height: 1em; padding: 0 ;margin: 0; width: 160px; }
#navtwo li { font-size: 12px; font-weight: bold; padding: 5px 0; border-color: #fff #ccc #fff #fff; border-style: solid; border-width: 1px; line-height: 1em }
#navtwo li a { text-decoration: none; border: none; padding: 0; margin-left: 7px; }
#navtwo li a:hover { color: #d50048; }
#navtwo li ul { background-image: url(images/gurubg.jpg); background-repeat: no-repeat; background-position: right top; text-align: right; display: none; margin: -36px 0 0; padding-top: 41px; position: absolute; top: 0; left: 160px; width: 190px  }
#navtwo li ul li {  color: #242424; font-size: 10px ; font-weight: normal; background-color: transparent; margin: 2px 20px 4px; padding: 2px 0 0; border: none; }
#navtwo li ul li a { font-weight: bold; margin-left: 0;  }
#navtwo li ul li.sub a { font-size: 10px; font-weight: normal; margin-left: 20px; list-style-type: circle; list-style-position: outside; }
#navtwo li ul li td a { font-weight: normal;  }
#navtwo li.hover { border-color: #ccc #fff #ccc #ccc; display: block; }
#navtwo li.hover a {  color: #d50048 }
#navtwo li.hover ul li a { color: #035ebf; }
#navtwo li.hover ul li a:hover { color: #d50048; }
#navtwo li.hover ul { text-align: left; display: block; margin-right: 0; padding-right: 0 ; border: none; }

#spacetop { margin: 0 0 0 10px; border-right: 1px solid #ccc; width: 149px; height: 40px }
#spacebot { margin: 0 0 0 10px; border-right: 1px solid #ccc; width: 149px; height: 100px }

#content { float: right; width: 589px; background-color: transparent; line-height: 1.4em; margin: 0 0 10px 0; padding: 0 }
#content li { margin-left: 2em; list-style-type: disc; list-style-position: outside; font-size: 11px; font-weight: normal ; line-height: 1.3em; margin-top: 1em; margin-bottom: 1em; }
#content li li { margin-left: 1em; list-style-type: circle; font-size: 10px; font-weight: normal; }
#content.home { float: right; width: 394px; height: 100%; padding-top: 5px; border-left: none }
#content.full { width: 760px;}
#content a:hover {  color: #d50048; }

	
#crumb { color: #777; font-size: 10px; font-weight: normal; text-transform: uppercase; margin: 0; padding: 2px 0; }
#crumb a { text-decoration: none; font-size: 10px; font-weight: normal; text-transform: uppercase; }
#crumb div { margin: 0 auto; text-align: left; border-style: none; }

div.cl hr {display: block; margin: -0.66em 0; visibility: hidden;}

#footer { color: #6e6e6e; background-color: #940032; margin: 2px auto; padding: 0; width: 100%; text-align: center; clear: both   }
#footer a { text-decoration: none; color: #ddd; font-size: 11px; font-weight: bold ; margin-top: 8px; }
#footer a:hover { color: #fff; border-bottom: 1px solid #fff; }
#footer div {  margin: 0 auto; width: 760px; height: 17px; text-align: left; padding-top: 3px; border-style: none; }
#footer.staff {  background-color: #eee; padding: 0; margin-top: 0 }
#footer.staff div { text-align: right; }
#footer.staff div a { font-weight: normal; font-size: 9px; color: #555 }
#footer.staff div a:hover { color: #555 }

#footbar { background-color: #090909; text-align: center; margin: 2px auto; padding: 0; width: 100%; height: 26px; }

#pagetail { margin-top: 4px; padding: 0; font-size: 10px; color: #444; line-height: 11px }

/* CONTENT */

#side  { padding: 8px; width: 180px; border: solid 1px #ccc;  font: 11px/1.3em verdana, Helvetica, Arial, sans-serif; font-weight: normal; }
#side li { font-size: 10px; font-weight: normal; }
#side li a { font-weight: bold; }
#side h1, #side h2, #side h3, #side h4, #side h5 { margin: 0; padding: 2px 0 }
#side.right { margin: 4px 0 4px 4px; float: right; }
#side.left { margin: 4px 4px 4px 0; float: left; }