body {
  font-family : "Comic Sans MS", "Trebuchet MS", Geneva, Helvetica;
  color : black;
  background : #cfcfcf;
}
#wrapper {
  position : relative;
  margin-left : -180px;
  border : 0px solid brown;
  width : 830px;
  background : white;
  background-image : url(images/bg.gif);
  background-repeat : repeat-y;
 
}
.centered {
  text-align : center ;
}
img.pleft {
  float : left;
  margin-right : 10px;
  border : 0px solid black;
  width : 280px;
}
img.pright {
  float : right;
  margin-left : 10px;
  border : 0px solid black;
  width : 280px;
}
img.pcenter {
  display:block;
  margin-left: auto;
  margin-right: auto;
  border : 0px solid black;
}
img.picleft {
  float : left;
  margin-right : 8px;
  border : 0px solid black;
}
imp.picright {
  float : right;
  margin-left : 8px;
  border : 1px solid black;
}
imp.piccenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  border : 1px solid black;
}
.pic {
  border : 1px solid black;
}
.reset {
  clear : both;
}
.hdr {
  border-top : 1px solid #400000;
  border-right : 1px solid #400000;
  border-left : 4px solid #400000;
  border-bottom : 4px solid #400000;
  margin: 5px 5px 5px 225px;
  padding : 5px;
  padding-bottom : 20px;
  width : 585px;
  font-weight : bold;
  font-size : 1.5em;
  color : #400000;
}
.pics {
  float : right;
  padding : 5px;
  width : 200px;  
  margin-top : 10px;
  margin-right : 5px;
}  
.login {
  border : 1px solid brown;
  float : right;
  padding : 5px;
  width : 210px;  
  margin-top : 10px;
  margin-right : 10px;
}  
.content_m {
  padding-left : 230px;
  padding-right : 230px;
}
.content_r {
  padding-left : 230px;
  padding-right : 20px;
}
.ftr {
  clear: both;
}
.menu{
   float : left;
   padding : 5px;
   margin-top : 10px;
   width : 178px;
   overflow : hidden;
   border-bottom : 0px solid white; /*bottom horizontal line that runs beneath tabs*/
   clear: both;
}
.submenu{
   float : left;
   padding : 5px;
   margin-top : 10px;
   width : 158px;
   overflow : hidden;
   border-bottom : 0px solid white; /*bottom horizontal line that runs beneath tabs*/
   clear: both;
}
.menu ul{
   margin: 0;
   padding: 0;
   padding-left: 0px; /*offset of tabs relative to browser left edge*/
   font: bold 14px Verdana, Helvetica;
   list-style-type: none;
}
.submenu ul{
   margin: 0;
   padding: 0;
   padding-left: 10px; /*offset of tabs relative to browser left edge*/
   font: bold 10px Verdana, Helvetica;
   list-style-type: none;
}
.menu li a{
   float: left;
   display: block;
   text-decoration: none;
   margin-left: 10px;
   margin-bottom : 3px;
   width : 178px;
   padding-top: 5px; /*padding inside each tab*/
   padding-left: 10px; /*padding inside each tab*/
   padding-right: 28px; /*padding inside each tab*/
   padding-bottom: 10px; /*padding inside each tab*/
   border-bottom: 1px solid white; /*bottom divider between tabs*/
   color: white;
   background: #400000; /*background of tabs (default state)*/
}

.submenu li a{
   float: left;
   display: block;
   text-decoration: none;
   margin-left: 25px;
   margin-bottom : 3px;
   width : 160px;
   padding-top: 3px; /*padding inside each tab*/
   padding-left: 10px; /*padding inside each tab*/
   padding-right: 28px; /*padding inside each tab*/
   padding-bottom: 7px; /*padding inside each tab*/
   border-bottom: 1px solid white; /*bottom divider between tabs*/
   color: white;
   background: #400000; /*background of tabs (default state)*/
}

.menu li a:visited{
   color: white;
}

.submenu li a:visited{
   color: white;
}

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

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

.menu li.curr a {
   float: left;
   display: block;
   text-decoration: none;
   margin-left: 10px;
   margin-bottom : 3px;
   width : 178px;
   padding-top: 5px; /*padding inside each tab*/
   padding-left: 10px; /*padding inside each tab*/
   padding-right: 28px; /*padding inside each tab*/
   padding-bottom: 10px; /*padding inside each tab*/
   border-left: 1px solid #400000; /*bottom divider between tabs*/
   border-bottom: 2px solid #400000; /*bottom divider between tabs*/
   color: #400000;
   background: white; /*background of tabs (default state)*/
}

.submenu li.curr a {
   float: left;
   display: block;
   text-decoration: none;
   margin-left: 25px;
   margin-bottom : 3px;
   width : 158px;
   padding-top: 3px; /*padding inside each tab*/
   padding-left: 10px; /*padding inside each tab*/
   padding-right: 28px; /*padding inside each tab*/
   padding-bottom: 7px; /*padding inside each tab*/
   border-left: 1px solid #400000; /*bottom divider between tabs*/
   border-bottom: 2px solid #400000; /*bottom divider between tabs*/
   color: #400000;
   background: white; /*background of tabs (default state)*/
}

.menu li.curr a:visited{
   color: #400000;
}

.submenu li.curr a:visited{
   color: #400000;
}
.menu li.curr a:hover, .menu li.selected a{
   background: white; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.submenu li.curr a:hover, .menu li.selected a{
   background: white; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
.piclist li {
  margin-left : -30px;
  padding-bottom : 1em;
}