html, 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-style:normal; font-variant:normal; font-weight:normal; 
 font-family:tahoma, arial, hevetica, sans-serif}


#container {margin:1em auto; font-size:62.5%;
 width:760px; text-align:left;
 background:#fff; color:#333;
 border:1px solid #646868;}
 * html #container {font-size:76%;}

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;}

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

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

/* menu requirements for functionality */
.topmenuul {list-style-type:none; margin:0; padding:0;}
.topmenuli {list-style-type:none; float:left; position:relative;}
.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,#contact li.contact 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;}

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

#submenu {float:right; font-size:1.1em;
 margin-top:30px; width:5px;padding-right:8px;
 padding-left:5px; padding-bottom:10px; background:#fff; color:#000;}

#contents {margin-right:10px; margin-left:10px; margin-top:5px;
 font-size:1.25em; background:#fff; color:#000; padding-bottom:10px;}


#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;}



a  {color:#000066;text-decoration:underline;}

a:hover	{COLOR:#f20;text-decoration:none;}
a:active {COLOR: #000066; text-decoration:none;}
a.admin {color:#000; text-decoration:none;font-size:7pt;}

.normal  {color:#000; font-family:Verdana,Arial,Helvetica; font-size: 9pt;}
.heading2 {color:#333;font-family:Tahoma, Arial, Helvetica; font-size: 13pt; font-weight:   bold;}
.headingweek {color:#6c9c9c;font-family: Tahoma, Arial, Helvetica; font-size: 15pt;   font-weight:bold;}
.heading3 {color:#000099; font-family: Tahoma, Arial, Helvetica; FONT-SIZE: 10pt;   font-weight:bold;}
td {color: #000066; font-family: verdana; font-size: 8pt}
zdiv {color: #000066; font-family: verdana; font-size: 8pt}

.titlebar {color:#fff;background-color:#6c9c9c;    text-align:center;font-family:Arial,helvetica;font-size:10pt;font-weight:bold}

.maintble {background-color: #000000;}
.cell {background: #fff;color:#000}
.celltoday {background: #8db3b4;color:#000;}
tr {background-color: #fff;}

/* for Week at a Glance*/
.ataglance {font-size:1.6em;font-weight:bold;color:#066;}
.notfound {color:#aa0000; font-weight:bold; font-size: 1em;}
.edate{color:#222;font-weight:bold; font-size:1.2em;}
.eevent {padding-left:20px;font-size:1.3em;font-weight:bold;color:#808;}
.etime{color:#347879; font-weight:bold;font-size:1em;}
.details{padding-left:20px;font-size:1.1em; color:#333;}


/* for Category View Page*/
.category {font-size:1.4em;font-weight:bold;color:#347879; margin-left:20px;}
.cattext{color:#808;font-weight:bold;font-size:1.2em;}
.catdate {color:#333;font-weight:bold; font-size:1em;}
.catdetail {color:#333;font-size:1.1em;}
#admin {padding-top:75px;}