body {
  background-color: #333333;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 12pt;
  font-variant: small-caps;
  line-height: 1.25;
  color: #24242e;
  text-align:center;
 }

h1     {
  font-size: 17pt;
  color: #444444;
  margin-top: 0px;
  margin-bottom: 1px;
}

h2   {
  font-size: 13pt;
  color:#444444;
  margin-top:-1px;
  margin-bottom: -1px; 
}
h3   {
  font-size: 10pt;
  color: #444444;
  color:black;
  margin-top:-1px;
  margin-bottom: -1px; 
}
h4   {
  font-size: 8pt;
  color: #444444;
  margin-top:0px;
  margin-bottom: -1px; 
}

hr    { 
   border:none;
   background-color: black;
   color: black;
   height: 2px;
   width: 65%;
}

 #photo {
   width: 900px;
   height: 152px;
   background: url(header.png);  color:#333; 
   border: 2px solid #999;
 }
.datable td {
    border: 2px solid black;
    padding: 16px;
 }

 #top_nav {
   width: 900px; 
 } 
 
 #body_wrapper {
   width: 900px; 
 }
 
 #left_nav {
    padding-top: 10px;
    width: 180px;
    float: left;
    margin: 0 auto;
 }
  
 #right_nav {
    font-size: 13pt;
    padding-top: 10px;
    width: 180px;
    float: left;
    margin-left: auto;
    margin-right: auto;
 } 
 
 #content { 
    padding-top:10px;
    width: 540px;
    float: left;
    margin: 0 auto;
 } 
 
 #footer {
   width: 900px;
   font-size: .7em; 
 }    
 
 
.box { 
 width: 98%;
  background: #999999; 
 font-size: .8em;
}
.box_middle { 
 width: 98%;
  background: #999999; 

}

.box_footer { 
 width: 100%;
  background: #999999; 
}

.box_nav { 
 width: 100%;
  background: #999999; 
}


/* box stuff for the main */
.boxtop { 
  height: 15px; 
  background: url(ne.gif) no-repeat top right; 
}
.boxtop div { 
  height: 15px; 
  background: url(nw.gif) no-repeat top left; 
}
.boxbottom { 
  height: 15px; 
  background: url(se.gif) no-repeat bottom right; 
}
.boxbottom div { 
  height: 15px; 
  background: url(sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 10px 0px 0px;
}

/* END box stuff for the main */ 
 

.boxtop_small { 
  height: 10px; 
  background: url(nes.gif) no-repeat top right; 
}
.boxtop_small div { 
  height: 10px; 
  background: url(nws.gif) no-repeat top left; 
}
.boxbottom_small { 
  height: 20px; 
  background: url(ses.gif) no-repeat bottom right; 
}
.boxbottom_small div { 
  height: 20px; 
  background: url(sws.gif) no-repeat bottom left; 
}
.boxcontent_small {
  padding: 0px 20px 0px 20px;
} 
}
 
a:link, a:visited, a:active {
 color: #D9D1C3; 
 text-decoration: none;
} 

a:hover {
 background-color: B0C4DE; 
} 

img { border: 2px; color: blue; }
 
/* THE TOP NAV BAR */
 
.mattblacktabs{
/* width: 100%; */
overflow: hidden;
border-bottom: 0px solid black; /*bottom horizontal line that runs beneath tabs*/

}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 4px; /*offset of tabs relative to browser left edge*/
font: bold 18px Verdana, Arial, Sans-serif;
list-style-type: none;

}

.mattblacktabs li{
display: inline;
margin: 15;

}

.mattblacktabs li a{
letter-spacing: 1px;
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 0px 0.2px; /*padding inside each tab*/
border-right: 4px solid #999999; /*right divider between tabs*/
color: #444444;
background: #999999; /*background of tabs (default state)*/

}

.mattblacktabs li a:visited{
color: #d5D5D5;
}

.mattblacktabs li a:hover,
 .mattblacktabs li.selected a{
background: #333333; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

/* THE TOP NAV BAR */