body
{
font-family: Trebuchet MS;
color:#003399
}

#header
{border-bottom:2px solid #000000; padding-left: 4px; padding-right: 4px; 
               padding-top: 1px; padding-bottom: 1px; text-align:center;}
               
#nav{
 float: left;
 text-align: left; 
 width: 200px; 
 height: 100%; 
 border-left-style: solid; 
 border-left-width: 2px; 
 border-right-style: solid; 
 border-right-width: 2px
  }
#mid{
height: 100%;

padding-left:10px;
padding-top: 5px;
color:#003399;
float: left;
}

#foot{
border-left-width: 2px; 
border-right-width: 2px; 
border-top-style: solid; 
border-top-width: 1px; 
border-bottom-width: 1px;
text-align:center; 
width: 100%;
float: left;
}

h1,h2,h3,h4,h5,h6{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

div.tabArea {
  font-size: 80%;
  font-weight: bold;
}

a.tab {
  background-color: #ccccff;
  border: 1px solid #000000;
  border-bottom-width: 0px;
  padding-left: 2px;
  padding-right:2px;
  text-decoration: none;
}

a.tab, a:visited.tab {
  color: #000000;
}

a:hover.tab {
 background-color: #9999cc;  
  color: #606060;
}

a.tab.activeTab {
  z-index: 102;
}

a.tab.activeTab, a:hover.tab.activeTab, a:visited.tab.activeTab {
  background-color: #9999cc;
  color: #FFFFFF;
}

div.tabMain {
  background-color: #333399;
  border: 1px solid #000000;
  padding: 1px;
    z-index: 101;
}

div.tabIframeWrapper {
  width: 100%;
}

iframe.tabContent {
  
  border: 1px solid #000000;
  height: 430px;
  width: 750px;
  float: left;position:absolute  
}

.nobord{
border:0;
}
/*for map and picture*/
#left{float: left; vertical-align: top; border-left-width: 1px; 
               border-right: 1px solid #000000; border-top-width: 1px; 
               border-bottom-width: 1px; padding-right: 5px;}
#pic{padding-bottom:5px}

#loc{text-align: left; float:left; padding-right:5px; padding-left:5px;}

#map{
font-family: Trebuchet MS;
color: #003399;
}

#mgrpics{border: 1px solid #003399}