* { /* force all browsers to use the same box model */
-moz-box-sizing: border-box;
}
html {
padding: 0;
margin: 0;
}
body { 	font-family: Verdana, Arial, Helvetica, Sans-Serif;
   background-color: #bf5d30; /* overall backgrnd */
}

/* LINK STYLES*/
a:link { 
	color: #0066CC; font-size: medium; font-weight: bolder; 
	}     /* med-blue link color */
a:active { color: #FFCC33; font-size: small; }
a:hover { color: #33FF99; font-size: medium; }
a:visited { 
        color: #993300; /* rust */
	font-size: medium; text-decoration:none;
        } 
a.c:link { 
	color: #0066CC; font-size: small; font-weight: bolder; text-decoration:none; 
	}     /* small, blue link color, no underline (for html class calendar)*/
a.c:hover { color: #33FF99; font-size: small; }
a.c:visited { 
         color: #993300; /* rust */
	font-size: small; text-decoration: none; 
        } 
/* END OF LINK STYLES*/

p { 
     color: #666;
     font-size: medium;
     padding-left: 30;
     font-family: Georgia, Century Gothic, Tahoma, Arial, Helvetica, Sans-Serif;
     font-weight: bold;
     text-align: left; 
     }
h3 { 
   color: #fff; /* was #993300 rust */
   background-color:#0c5da5;
   font-family: Tahoma, Verdana, Arial, helvetica, sans-serif; 
   font-size: medium;
   font-weight: bolder;
   text-align: center;
   line-height: 2.0;
   border: 2px solid white;
   }
ul {
   font-size: medium;
   font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
   text-align: left;
   color: #666;
   }
li {
   list-style-type: square;
   } 

/* TABLE STYLES FOR CALENDAR */
table {
    border-collapse: separate;
    border-spacing: 5px;
    background-color: #0c5da5; /*table border only, was #FFFF99, then a9a9a9*/ 
    }
td {
   font-size: small;
   font-family: Tahoma, Geneva, Verdana, sans-serif;
   text-align: center;
   vertical-align: top;
   margin-bottom: 10;
   color: #0066CC ; /*text color for day numbers*/
   background-color: #fff;
   }
th{ 
   font-family:  Tahoma, Verdana, Arial, helvetica, sans-serif; 
   font-size: medium;
   font-weight: bolder;
   }
/* END OF CALENDAR STYLES*/

/* STYLES FOR CLASS INFO */
img{ border: 2px solid #C0C0C0;}
.image-left{float: left; vertical-align: text-top; padding-right: 20px;}
.image-right{float: right; vertical-align: text-top; padding-left: 20px;}
div.wrapContainer{width:85%; float: left; border: 1px solid #C0C0C0; background-color: #ffdd73; padding: 20px; margin: 20px; margin-left: 7%;}
div.pageInfo{width:85%; float: none; border: 1px solid #993300; background-color: #fff; padding: 20px; margin: 20px; margin-left: 7%; clear: both;}
.classinfo{text-align:left;}
.dayname {
	background-color: #ffdd73; /*Was #FFFF66, then FFE4E1 changes each month*/ 
	padding-top:5px; padding-bottom:5px;  }
/* END OF CLASS INFO STYLES*/

/* NAVIGATION STYLES: */
.hovermenu ul{
text-align:center;
font: 13px arial;
height: 20px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: #333;
background-color: #ffdd73;  /* Same color as '.dayname' */
border: 2px solid #666; /*button border was a9a9a9*/
}

.hovermenu ul li a:hover{
background-color: #FFE271; /* yellow */
border-style: outset;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
/* END OF NAV STYLES*/