/* CSS Document */

body {background-image: url(../imgs/CleffBG.gif);
  font: normal 100 11pt/150% "Arial";}

h1 {margin-top: 5px;
  font: normal 800 18pt/150% "Arial";
  text-align: center;}

h2 {margin-top: 4px;
    font: normal 600 12pt/125% "Arial";
    text-align:center;
    }
h3 {font: normal 700 13pt/125% "Arial";}

p {margin: 10px 3px;}
ul {list-style-type: disc;}
.bold {font-weight: 700;}
.shiftright {margin-left: 200px;
             margin-right: 20px;
             margin-bottom: 15px;}
             
.calendarEvent {font-size: 13pt; text-align:center;}

#wrapper {width:924px;
	margin: 0 auto;
	background: white;
	margin-top:7px;
  height:100%;}
	
#head {width: 924px;
  height: 120px;
  margin: 0 auto;
  background: #004080;
  }
  
#navbar {
  width: 924px;
  height: 20px;
  margin: 0 auto;
  background: #4D4D4D;
  padding: 7px 0 7px 0;
}

#navbar ul {
  list-style-type: none;
  font: normal 90% arial, helvetica, sans-serif;
  text-align: center;
  padding: 0;
  margin: 0;
  list-style: none;
  }

#navbar li {float: left;
  position: relative;
  width: 125px;
  height: 1.5em;
  padding-top:3px;
  background-color: #EFEFEF;  
  color: black;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

#navbar li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}
#navbar li li {
	background-color: #EFEFEF;
  padding:7px 0px;}
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

#navbar li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}
#navbar a
{
  text-decoration: none;
  color: black;
}

.active li {
  text-decoration: none;
  background-color: #B3B3B3;
  color: black;
  padding:.2em 1em;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  }
#main {
  padding-left: 15px;
  }

#main li {
padding-bottom: 8px;}

#imageShow {
  margin: 15px 25px 10px 15px;
  width: 250px;
  height: 188px;
  float: left;
  border: 2px solid black;
  }

#foot {width: 924px;
  height: 40px;
  background: #004080;
  margin: 0 auto;
  margin-bottom: 4px;
}

table{
width: 98%;
border-spacing: 2px;
border: .5px solid #4D4D4D;
vertical-align:top;
}
th, td {
border: .5px solid #4D4D4D;
vertical-align:top;
padding-left:1px;
height: 100px;
font: normal 200 9pt/150% "Arial";
}
.days{
background-color:#004080;
text-align:center;
color: white;
width: 120px;
height:26px;
}
.days p{
margin: 0px;}

.date {
margin: 0;
/*border-bottom: .5px solid #4D4D4D;
border-right: .5px solid #4D4D4D;*/
font: normal 800 11pt/150% "Arial";
text-align:left;
}

.leftVideo {
margin:10px 0px 10px 40px;
width: 350px;
float: left;
}
.rightVideo {
margin:10px 55px 10px 0;
width: 350px;
float: right;
}

.gallery {
 border:2px solid black;
 margin:5px 10px;}