body{margin:0;padding:0;border:0px none; 
 min-width:760px; 
 text-align:center; color:#000; background:#ffffff; background-image: url('background.jpg'); background-repeat: repeat-x;
 font-family:tahoma, arial, hevetica, sans-serif;
 font-size:76%}

/* CONTAINER DIV encloses everything */
#container {margin:1em auto; 
 width:760px; text-align:left;
 background:#fff; color:#333;
 border:1px solid #646868;}
 
img {border:0px none; }

/*TOP MENU with phone and address*/
#upperMenuBar {height:1.3em; font-size:.8em; font-weight:bold;
 background:#8db3b4; color:#f5f5f5;
 padding:.4em .6em .1em .6em;}
#upperMenuBar a {color:#008080;padding:0 .5em 0 .5em;
  text-decoration: none;}
#upperMenuBar a:hover {text-decoration: underline;}
 .phone {float:left;clear:left;}
 .address {float:right;clear:right;}

/*LOGO*/
#header {background:#066 url('headerdesign2.jpg') no-repeat 3px 50%;
 padding-top:.1em; background-position: 0px 1px; height:125px; background-color:#646868; background-repeat:no-repeat}

/*MENU CONTAINER*/
#menubox {height:20px; background:#6c9c9c; color:#fff; border-top:2px solid #808;  border-bottom:2px solid #808;}
#menubox ul {margin:0;padding:0;}

/*DROP DOWN MENU*/
/*required for functionality*/
.topmenuul {list-style-type:none; margin:0; padding:0;}
.topmenuli {list-style-type:none; float:left; position:relative;z-index:4;}
.topmenutitle {display:block; width:75px;}

.submenuul {list-style-type:none; position:absolute; display:none;}
.submenuli a {display:block; width:100px;}

li:hover ul, li.over ul { /* lists nested under hovered list items */ display: block;}

#dmenu li>ul { top: auto; left: auto;}

/* menu design */
#dmenu {font-family: Arial, Helvetica, Sans-Serif; font-size:12px;}
.topmenuli a:hover{color:#fff;background:#808;}
.topmenutitle {color:#fff; background:#6c9c9c; text-align:center; text-decoration: none;
 border-right:1px solid #8db3b4; padding:3px; line-height:14px;}

.submenuul {margin-top:-1px; width:105px;
 background:#6c9c9c; color:#fff;
 background-position: top left;
 background-repeat: repeat-x;border-top:2px solid #808;
 border-bottom:2px solid #808;border-right:2px solid #808; border-left:2px solid #808;}

.submenuli a{padding:3px; text-decoration: none; background:#6c9c9c; color: #fff;     border-bottom:1px solid #8db3b4;}
.submenuli a:hover{text-decoration: none; background:#808; color: #fff;}

/* highlights toplevel menu based on body id of the page */
#home li.home a, #about li.about a, #academics li.academics a, #activities li.activities a, #athletics li.athletics a, #cont li.cont a, #calendar li.calendar a, #service li.service a
{color:#fff;background:#808;}
#about li#about a:hover, #academics li#academics a:hover, #activities li#activities a:hover, #athletics li#athletics a:hover, #contact li#contact a:hover, #calendar li#calendar a:hover, #service li#service a:hover
{text-decoration: none; background:#6c9c9c; color: #fff;}

/*START OF PAGE*/
h1.welcome  {font-size:1.6em;color:#808; background:#fff;margin:1.5em 0 0 1.5em;}

.pagename {border-left:1em solid #808; border-bottom:0.1em solid #808;    font-size:1.6em;font-style:italic;font-weight:bold; color: #808; 
 margin:10px 500px 0 20px; 
 padding: .1em 0 .3em 1em;}

/*RIGHT HAND COLUMN*/

#submenu {float:right; width:165px;background:#fff; color:#000;
 padding: 0 6px 10px 2px;
 margin-top:30px;}

#submenu a {color:#066; font-weight:bold;text-decoration:none;}
#submenu a:visited{color:#808; background:#fff; font-weight:normal;}
#submenu a:hover{color:#8db3b4;}

/* Heading used alone or with subbox below */
.heading {background:#808; border:0px solid #808;
 padding:5px 8px;
 font-weight:bold; text-transform:uppercase; color:#fff;}

/* Subbox should be used with the Heading style above */
.subbox {border-bottom:1px solid #808; border-left:1px solid #808;border-right:1px solid   #808; background:#fff; color:#333; padding:3px;}
.subbox ul {margin-left:6px; padding-left:6px;}
.subbox a {margin-left:6px; padding-left:6px;}
.subbox p {margin:0; padding:0;}
.clickedlink {color:#333; font-weight:bold;text-transform:uppercase;}

/*CONTENT AREA*/

#contents {margin-right:180px; margin-left:20px; margin-top:5px;
 font-size:1.15em; background:#fff; color:#333; padding-bottom:10px;}

#contents h2, h3, h4{color:#066;background:#fff;}
#contents h1 {font-size:1.4em; color:#808; background:#fff;}
#contents h2 {font-size:1.1em;}
#contents h3 {font-size:1em; margin: 1em 0em 1em 0em;}
#contents h4 {font-size:1em; margin-bottom:0;}

#contents ul {list-style-type: none; list-style-image: url('arrow1.gif');}
#contents li{padding-bottom:.3em;}
#contents .topOfPage {font-variant:small-caps;font-size:.9em;
 border: 0px none; padding: 0.5em; color:#c700c7;text-decoration:none;
 float: right;clear:right}
.imagefloat{float: left; padding:0; border:1px solid #777;
 margin-right:6px;}
.clearleft {clear:left;}

#contents a:link {color:#347879; font-weight:bold;  font-size:.9em;text-decoration:underline;}
#contents a:visited{color:#808; background:#fff;}
#contents a:hover{color:#808; text-decoration:none;}

/*MOTTO with picture*/
#assist{width:550px;position:relative;}
.assist{background-image:url('assist1.jpg');
 background-repeat:no-repeat;
 background-color:#fff;
 float: left;width:165px;
 color: #fff;font-weight:bold;font-size:1em;
 border-bottom: 1px solid #555; 
 margin:5px 5px 0 3px;
 padding:10px 0 10px 3px;}

/* Hides from IE5-mac \*/
* html .assist {height: 1%;}
/* End hide from IE5-mac */

.assist img{border-top: 2px solid #555;
 border-right: 1px solid #999;
 border-bottom: 1px solid #999;border-left: 2px solid #555;}

div.assist h4{text-align:center;margin-top:0;}

/*TEACHING VALUES FOR LIFE*/
span.cap-g { font-size: 1.3em; color:#808;font-weight:bold;
 padding: 0;
 margin: 0;}
span.after-cap {font-weight:bold; font-size:1em; color:#066;}

.sidebyside {margin:.5em .1em 0 0em; padding-bottom: .5em;width:550px;}
 .img {border:1px solid #555;}
 .leftside {float:left;width:280px;text-align:left;}
 .rightside {float: right; width:260px; margin: 1.8em 0.6em 0 0;
  text-align: center; font-size:.8em; font-weight:bold; color:#008080; font-style:italic;}
 .clear {clear: both;}

/*ADDITIONAL FLOATS*/
/*
.myfloatleft{float: left;position:relative;display:inline;width:165px;
 margin: 0px 10px 0 0;
 border-right: 1px solid #555;
 border-bottom: 1px solid #555;}
*/

/*used on athletics page*/
.floatcontainer{}

.floatright{float: right;
 width: 230px;margin: 0 5px 0 20px;}

div.floatright img {border: 1px solid #999;}

.floatcontainer:after{ content: "."; 
display: block; height: 0; overflow:hidden; 
clear: both; visibility:hidden; } 
/* Holly Hack Targets IE Win only \*/ 
* html .floatcontainer {height: 1%;} /* End Holly Hack */

/*FOOTER*/
#footer{clear:both; height:20px; padding-top:5px;
 background:#6c9c9c; color:#fff; 
 font-size:.8em; font-weight:bold; text-align:center;}
#footer a{color:#fff;}
#footer a:hover{color:#008080;text-decoration:none;}


/* news pages */
dl.news {color:#333; margin:0; padding:0;}
.news dt {font-weight: bold; color:#555; padding-left:8px; background:#c6c6c6; margin-top:5px;}
.news dd {margin-left:10px;}
.news dd.alert {color:#999;}


.news a {font-size:.9em; margin:0; padding:0;}
.news a:hover {border:none; /*to fix IE*/}
.news a span {display: none;}
.news a:hover span {display: block;
   position: absolute; top: 290px; left: 220px; width: 450px;
   padding: 5px; margin: 10px; z-index: 100;
   color:#333; background:#c6c6c6; font-weight:bold;
   }

.hdln {color:#808; font-weight:bold;}
.indent {padding-left:30px; color:#555;}