body{
   background-color:#333333;
   font-family:Helvetica;
}

.leftPad{
   position:absolute;
   left:0px;
   top:0px;
   width:0px;
}

.mainDiv{
   background-color:#FFFFFF;
   position:absolute;
   left:0px;
   top:0px;
   width:950px;
   height:1200px;
}



.banner{
   height:200px;
   background-image:url('banner1.jpg');
}

.bannerText{
   color : white;
   font-size : 40px;
   background-color:#336699;
   vertical-align: bottom;
}


.wordPanelHeader{
   font-size :30px;
}
.wordPanel{
   width:650px;
   height:150px;
   overflow:auto;
   position:absolute;
   left:300px;
   top:270px;
}


.menuBar{
   height:24px;
   background-color:#336699;
   color:white;
   text-align:center;
}


.subMenu{
   visibility:hidden;
}
.menuTab1{
   position:absolute;
   width:150px;
   height:20px;
   top:200px;
   left:0px;
   border: 2px solid #669999;
   cursor:pointer;
}

.menuTab2{
   background-color:#336699;
   position:absolute;
   width:150px;
   height:20px;
   top:200px;
   left:150px;
   text-align:center;
   color:white;
   border: 2px solid #669999;
   cursor:pointer;
}

.menuTab3{
   background-color:#336699;
   position:absolute;
   width:150px;
   height:20px;
   top:200px;
   left:300px;
   text-align:center;
   color:white;
   border: 2px solid #669999;
   cursor:pointer;
}


.menuTab4{
   background-color:#336699;
   position:absolute;
   width:150px;
   height:20px;
   top:200px;
   left:450px;
   text-align:center;
   color:white;
   border: 2px solid #669999;
   cursor:pointer;
}

.menuTab5{
   background-color:#336699;
   position:absolute;
   width:150px;
   height:20px;
   top:200px;
   left:600px;
   text-align:center;
   color:white;
   border: 2px solid #669999;
   cursor:pointer;
}

.menuMail{
   background-color:#336699;
   position:absolute;
   width:20px;
   height:20px;
   top:200px;
   left:900px;
   text-align:center;
   color:white;
   cursor:pointer;
}

.rssFeed{
   background-color:#336699;
   position:absolute;
   width:20px;
   height:20px;
   top:200px;
   left:928px;
   text-align:center;
   color:white;
   cursor:pointer;
}


.dirList{
   overflow:auto;
   height:300px;
   font-size :20px;
   text-align:left;
}

.contentIndent1{
   color:gray;
   cursor:pointer;
   padding-left:5px;
}

.contentIndent2{
   color:gray;
   cursor:pointer;
   padding-left:10px;
}


.contentMenu1{
   text-align:left;
}

.contentMenu2{
   padding-left:5px;
   text-align:left;
   color:yellow;
}

.workForm{
   background-color:#4775A3;
}

.tabSubHead {
   background-color:#7094B8;
}

table{
   border-collapse: collapse;
   font-size : 12;
}

td{
   vertical-align : top;
   padding-top : 5px;
   padding-bottom : 5px;
   padding-right : 2px;
   padding-left : 2px;
   border-color : black;
}

.leftPanel{
   width:275px;
   position:absolute;
   left:0px;
   top:235px;
   font-size :12px;
   margin-left:10px;
   text-align:left;
   height:900px;
   background-color:#ddeeff;
   color:black;
   border:1px solid #88aabb;
}

.rightPanel{
   width:640px;
   position:absolute;
   left:300px;
   top:235px;
   font-size :12px;
   text-align:left;
   height:900px;
   background-color:#ddeeff;
   color:black;
   border:1px solid #88aabb;
}

.divHead{
   font-weight : bold;
   margin:10px;
   font-size :15px;
   text-align:center;
   background-color:#8AB8E6;
}

.menuLink{
   font-size :15px;
   margin-bottom : 10px;
   cursor:pointer; 
   color:blue;  
}

.dateHead{
   font-weight : bold;
}

.date{
   margin-bottom : 15px;
}

.messageHead{
   font-size :20px;
   text-align:left;
  font-weight : bold;
  margin-bottom:10px;
}

.messageBlock{
   margin-bottom:20px;
}

.left1{
   overflow-y:scroll;
   height:300px;
   text-align:left;
   margin-left:10px;
   margin-right:10px;
   margin-bottom:20px;
}
   
.left2{
   overflow: auto;
   overflow-x: hidden;
   height:300px;
   text-align:left;
   margin-left:10px;
   margin-right:10px;
   margin-bottom:20px;
}

.right0{
   height:300px;
   margin-left:10px;
   margin-right:10px;
   text-align:center;
}

.right1{
   text-align:left;
   margin-left:10px;
   margin-right:10px;
   margin-bottom:20px;
}
   
.right2{
   overflow: auto;
   overflow-x: hidden;
   height:380px;
   text-align:left;
   margin-left:10px;
   margin-right:10px;
   margin-bottom:20px;
}


.footer{
   position:absolute;
   left:0px;
   top:1160px;
   font-size:12px;
   text-align:center;
   margin-left:10px;
   margin-right:10px;
   width:100%;
}

.footerItem{
   margin-right:10px;
}


/* Formatting for contacts.php.  Main div width is 950 */

.address{
   text-align:left;
   margin-left:10px;
   margin-right:10px;
   margin-bottom:20px;
}

.leftPanelContact{
   width:303px;
   position:absolute;
   left:0px;
   top:235px;
   font-size :12px;
   margin-left:10px;
   text-align:left;
   height:900px;
   background-color:#ddeeff;
   color:black;
   border:1px solid #88aabb;
}

.middlePanelContact{
   width:303px;
   position:absolute;
   top:235px;
   left:313px;
   font-size :12px;
   margin-left:10px;
   text-align:left;
   height:900px;
   background-color:#ddeeff;
   color:black;
   border:1px solid #88aabb;
}

.rightPanelContact{
   width:303px;
   position:absolute;
   top:235px;
   left:626px;
   font-size :12px;
   margin-left:10px;
   text-align:left;
   height:900px;
   background-color:#ddeeff;
   color:black;
   border:1px solid #88aabb;
}


.topPanelSample{
   width:930px;
   position:absolute;
   left:0px;
   top:235px;
   font-size :14px;
   margin-left:10px;
   text-align:left;
   height:900px;
   background-color:#ddeeff;
   color:black;
   border:1px solid #88aabb;
}

.letter{
   width:910px;
   font-size :14px;
   margin-left:10px;
   margin-top:20px;
   color:black;
}

.para{
   margin-bottom:10px;
}

.subHead{
   font-size :16px;
   text-align:left;
   font-weight : bold;
}


.subHeadLink{
   font-size :16px;
   text-align:left;
  font-weight : bold;
  cursor:pointer;
  color:#336699;
   margin-bottom:10px;
}

.italic{
   font-style:italic;
}

.boldItalic{
   font-style:italic;
   font-weight : bold;
}

.emp{
  font-weight : bold;
  color:#336699;
}

.empLink{
  font-weight : bold;
  cursor:pointer;
  color:#336699;
}
.empLink2{
  font-weight : bold;
  cursor:pointer;
  color:#336699;
   margin-bottom : 10px;
}


.newsPanel{
   width:910px;
   font-size :14px;
   margin-left:10px;
   margin-top:20px;
   color:black;
}


.news1{
   text-align:left;
   margin-left:10px;
   margin-right:10px;
   margin-bottom:20px;
}
   
.news2{
   overflow: auto;
   overflow-x: hidden;
   height:800px;
   text-align:left;
   margin-left:10px;
   margin-right:10px;
   margin-bottom:20px;
}

.popMain{
   position:absolute;
   height : auto;
   top : 300px;
   left : 225px;
   width : 500px;
   color : black;
   padding : 0px;
   border : 1px solid black;
   background-color: #88aabb;
   overflow : auto;
   visibility:hidden; 
   z-index:100;
}

.popHeader{
  font-weight : bold;
  color:#336699;
  font-size : 16px;
  margin-left:10px;
  margin-right:10px;
}

.popContent{
  margin-top:10px;
  margin-left:10px;
  margin-right:10px;
}

.popClose{
   position:relative;
   width:75px;
   top:0px;
   left:420px;
   text-align:center;
  font-weight : bold;
  font-size : 16px;
  color:#DFFFFF;
  cursor:pointer;
}

.tableContainer {
	width: 99%;		/* table width will be 99% of this*/
	height: 425px; 	/* must be greater than tbody*/
	overflow: auto;
	margin: 0 auto;
	}

.tableContainerSize1 {
	width: 99%;		/* table width will be 99% of this*/
	height: 225px; 	/* must be greater than tbody*/
	overflow: auto;
	margin: 0 auto;
	}

.row1{
   background-color : #CCCCCC;
   border-color : black;
}

.row2{
   background-color : white;
}

.instructions{
   font-size : 10px;
}