﻿body
{
 background-color: #fffffc; background-image: url(images/body-bg.jpg); background-repeat: repeat;
 


/*global styles to strip browser padding and margins*/  
 margin: 0; padding: 0;}
      
    h1,h2,h3,h4,h5,h6 {margin:0; padding: 0; color:#115085 }
    p{margin:0; padding:0; line-height: normal; }
    ul{margin: 0; padding:0;}
    ul>li {padding: 0; margin: 0; list-style: none; padding: 3px 3px 3px 12px;}
    
 #container{
     /*wraps the entire content area*/
    width: 960px;
    z-index: 50;
    border-left: solid 6px #115085;
    border-right: solid 6px #115085;
    border-bottom: solid 6px #115085;
    background-color: #fffffc;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 90%;
    margin-left: auto;
    margin-right: auto;
    
    }
 
 #keyboard{background-color: #115085; background-image: url(images/blue-board.jpg); height: 50px; width: 960px; }   
    
#navigation { width: 960px; height: 35px; margin-left: auto; margin-right: auto; margin-top: 0; top:0;  font-weight: bold; background-color: #115085;  background-image: url(images/nav-bg.jpg); background-repeat: repeat-x;  border-top: solid 3px #115085;border-bottom: solid 1px #115085;}

#navigation ul {width: 1000px;  height: 22px; margin-top: 12px; text-align: center; margin-left: auto; margin-right: auto; position: absolute; text-align: center;  }

#navigation ul li {list-style: none; display: inline;margin-top: 0; padding: 0 18px 0 18px; text-transform:lowercase; height: 22px; font-size: 120%; font-weight: bold;   }


 ul li a {
	
    text-decoration: none;
    color:  #115085;
	}

 ul li a:hover { 
	
	  text-decoration:  overline;
	   color:  #115085;
      background-color: #fceb8b;
      padding: 1px 0 1px 0;
	}
 ul lu a:visited{
	
    text-decoration: none;
    color: #fceb8b;
	}
	
#left-col {width: 225px; float: left; color: #115085; }
#left-col img {margin-left: 8px;}

#left-col ul li {list-style: none;}
#left-col p {margin-left: 8px;}
#left-col h4{text-align: center;}

#advert {width: 250px; text-align: center;}
#advert img {border: solid 2px #ca000e; padding: 3px;}
#advert a {text-decoration:none;}
#advert a:hover {text-decoration: none; background-color: transparent;}

#right-col {margin-left: 261px; /*color: #115085;*/ color: #03335c; font-size: 120%;border-left: solid 1px #115085; padding-left: 12px; }

#right-col p {line-height: 2em; width: 600px; text-align: center; padding-left: 12px;}


#right-col-sub-pages { color: #03335c; margin-left: 261px; font-size: 100%; border-left:  solid 1px #115085; padding-left: 12px;}
#right-col-sub-pages {text-align: left; line-height: normal;}
#right-col-sub-pages h1,h2, h3, h4, h5 {padding: 15px;}

#resources-left{ width: 250px; }
#resources-right{margin-left:295px; width: 250px; clear: left; top: 145px; position:absolute; }

#calendar {width: 600px; font-size: 85%; }
#calendar ul{border-top:dotted 1px #a9d8fe;}
#calendar ul li{ list-style:none; display: inline; width: 590px; }

#calendar ul li ul li {list-style: none; display: inline-table; width: 175px; }

#mission1 {width: 580px;  padding: 10px;margin-top: 3px; margin-left: 10px;  font-size: 110%;}
#mission2{width: 525px; margin-left: 75px; font-size: 110%; padding: 10px;  font-size: 110%; font-style: italic;}
#mission3{width: 450px;  margin-left: 150px;font-size: 110%; padding: 10px; }
#mission4 {width: 580px;  padding: 10px;margin-top: 3px; margin-left: 10px;  font-size: 110%;}
#mission5{width: 525px; margin-left: 75px; font-size: 110%; padding: 10px;  font-size: 110%; font-style: italic;}



#archives{font-size: 80%; color: #797979;}

table {width: 960px;border-collapse: collapse;}
caption {font-weight: bold; font-size: 135%; background-color:#e5eaf2; text-align: center;}
col#date {width: 100px; text-align:left;}

col#time{width: 200px;}
tr.month td {background-color:#e5eaf2;}
td {text-align:left; padding: 2px 10px 2px 30px; border-bottom: solid 1px #000;}
/****************SITE WIDE CLASSES ******************************************************************************/

.emphasize {font-weight: bold; font-size: 132%;}
.quote{font-style: italic; font-weight: normal; font-size: 100%; margin: 4px 4px 4px 4px;  }
.logo {margin-left: 125px; }
.fineprint{font-size:60%;}
.bold{font-weight: bold;}
.italic{font-style: italic;}
.blueBG {background-image: url(images(light-blue-BG.jpg); background-repeat:repeat;}
.archives{font-size: 8px; color: Red; }
.note{background-image:url("images/take-note.png");}
.month{background-color:#e5eaf2;}


