.BG {
    background: rgb(254,254,254);
    font-size:small;
    font-family:    arial,'times new roman',roman,serif,sans-serif;
}
h1 {
   font-size:225%;
   color:rgb(59,160,86);
   }
h2 {
   font-size:200%;
   color:#666666;
   }  
h3 {
   font-size:125%;
   color:#666666;
   }
/* All Navigation */ 
a:link {
       color:rgb(59,160,86);
       }
a:visited {
          color:rgb(59,160,86);
        }       
a:hover {
        color: rgb(78,28,46);
         border: 1px solid rgb(59,160,86);
       }
a:active {
         color: rgb(59,160,86);
         }
a {
  text-decoration: none;
  /*height:20px;
  margin-right:10px;*/
  border: 1px solid #fff;
  }
  span.nav {
       text-decoration: none;
       color:rgb(59,160,86);
       cursor: pointer;
}
span.nav:link {
    color:rgb(59,160,86);
}
span.nav:hover {
     color: rgb(78,28,46);
}
#pagetop {
        margin-top:0px;
        height: 185px;
        width: 99%;
        background:rgb(254,254,254) url("images/dawn3.jpg") no-repeat center; 
        }
#logobox {
         width: 120px;
         height:140px;
         top:10px;
         left:10px;
         background:transparent url("images/logo1.gif") no-repeat center;
         position: absolute;
         
         }
#mapbox {
        width: 100%;
        height:301px;
        background:transparent url("images/marsh.jpg") no-repeat center;
}                 
#wordbox  {
          /*border:1px solid #000;*/
          font-size: 200%;
          height:auto;
          width:auto;
          left:120px;
          top:70px;
          color:rgb(59,160,86);
          font-weight:bold;
          position: absolute;
          }
#navbox  {
          height:20px;
          margin-top:5px;
          width:90%;
          color:#fff;
          text-align:center;
          font-weight:bold;
          margin-left:auto;
          margin-right:auto;
          font-size:100%;
          }
.navlink {
          
          border: 1px solid #060;
          text-align:center;
          padding:2px;
          }
table.navitem {
          border-collapse:collapse;
          height:auto;
          margin-left:50px;
          margin-right:20px;
          float:left;
          }
table.navitem td {
            border: 1px solid #700;
            width:130px;
            text-align:left;
            padding-left:5px;
          }
.itembox1  {
          
          color:rgb(78,28,46);
          text-align:center;
          height:20px;
          width:150px;
          margin-left:20px;
          }
.bggrey {          
          background:#bbb;
          border: 1px solid rgb(59,160,86);
        }

#title  {                                                                
          font-size: 250%;
          text-align:center;
          height:auto;
          width:98%;
          color:rgb(59,160,86);
          font-weight:bold;
          position:relative;
          
          }                            
#main {
/* Page content container */
      background: transparent;
      padding-left:10px;
      padding-top:10px;
      margin: 0px;
      position: relative;
      width:98%;
      color: #666;
      font-size: 110%;
      font-style:normal;
      font-weight:bold;
      text-align:center;
      
}
.floatleft {
           float:left;
           width:auto;
           height:auto;
           margin-top:5px;
           margin-right:5px;
           }
.floatright {
           float:right;
           width:auto;
           height:auto;
           margin-top:5px;
           margin-left:5px;
           }
.center {
        text-align: center;
        }
.subleft {
          float:left;
          color:rgb(109,164,136);
          padding-top:5px;
          font-weight:bold;
          font-size: 100%;
          width:200px;
          height:auto;
          margin-right:5px;
          text-align:center;
          }
.subright {
          float:right;
          color:rgb(109,164,136);
          padding-top:5px;
          font-weight:bold;
          font-size: 110%;
          width:200px;
          height:auto;
          margin-left:5px;
          text-align:center;
          }
#col      {
          float:left;
          width: 48%;
          height: auto;
          padding-right:10px;
          text-align:left;
          }
#col2      {
          float:left;
          width: 48%;
          height: auto;
          padding-right:10px;
          text-align:left;
          }          
.col33    {
          float:left;
          width: 32%;
          height: auto;
          padding-left:5px;
          padding-right:5px;
          text-align:left;
          }          
.formleft {
          text-align:right;
          float:left;
          width: 40%;
          height: auto;
          padding-right:3px;
          }
form      {
          text-align:center;
          font-size:100%;
          }          
.formright {
          text-align:left;
          float:left;
          width: 55%;
          height: auto;
          padding-left:3px;
          }                              
.caption {
         display:block;
         width:100%;
         background:transparent;
         top: -30px;
         color:#000;
         font-size: 80%;
         }
.footer {
        border: 1px solid rgb(59,160,86);
        margin-top:10px;
        margin-bottom:10px;
        padding: 3px;
        width:75%;
        height:auto;
        margin-left:auto;
        margin-right:auto;
        }                                                                                                                             
p       {
          margin-top:0px;
          margin-bottom:5px;
          }
.row    {
        float:left;
        font-size: 90%;
        width:100%;
        height:30px;
        }
#linkbox {
         color:#f00;
         padding: 5px;
         margin-top:150px;
         margin-right:50px;
         width: 240px;
         height:auto;
         z-index:1;
         float:right;
         border: 1px solid rgb(59,160,86);
         }
#leftbox {
         float:left;
         padding: 5px;
         margin-right:3px;
         color:#f00;
         width: 250px;
         height:auto;
         z-index:1;
         border: 1px solid rgb(59,160,86);
         }                                                 
#rightbox {
         float:right;
         padding: 5px;
         margin-left:3px;
         color:#f00;
         width: 250px;
         height:auto;
         z-index:1;
         border: 1px solid rgb(59,160,86);
         }                               
ul {
   list-style-position:inside;
   
   list-style-type: square;
   /*margin-bottom:5px;*/
   }
li {padding:2px;}
.red {
     color:#d00;
     }
.green {
     color:#090;
     }     
.bgred {
     background:#d00;
     }
.bggreen {
     background:#090;
     }
.bgyellow {
          background: rgb(254,250,142);
}
        
#centreBox {
           margin-left:auto;
           margin-right:auto;
           width:70%;
           text-align:left;
}
#logbox {
        width: 350px;
        height:50px;
        margin-top:10px;
        background: rgb(59,160,86);
        color:#fff;
        text-align:left;
        font-size:80%;
        margin-left:auto;
        margin-right:auto;
}
.logsize {
         height:15px;
         width:70px;
         font-size:100%;
         margin-top:5px;
}
.buttonsmall {                 
              height:20px;
              width:30px;
              font-size:90%;
}
span:visited{ text-decoration:none; color:#444;
}
span:hover{ text-decoration:none; color:#888888;
}
span {color:#444; cursor: pointer;
}
table.tablebox {
           margin-left:auto;
           margin-right:auto;
           margin-top: 20px;
           width:750px;
           border-collapse:collapse;
}
table.tablebox tr {
       text-align:left;
}
table.tablebox td {
       border:1px solid #700;
}
#ajaxwin {
        position:absolute;
         background:#fff;
         top:225px;
         width:320px;
         display:none;
         height:550px;
         padding:5px;
         border: 1px solid #090;
         float:left;
}        
.border {
        border: 1px solid #900;
}
.memName {
         color:#0a0;
         float:right;
         font-size:80%;
         font-weight:bold;
}
table.notice  {
              width:800px;
              border-collapse:collapse;
              text-align:left;
              border-right: 1px solid rgb(59,160,86);
              margin-left:auto;
              margin-right:auto;
}
table.notice thead tr  {
              color:#fff;
              background:rgb(59,160,86);
              border-left: 1px solid rgb(59,160,86);
              border-right: 1px solid rgb(59,160,86);
              height:20px;
}
table.notice thead th  {
              padding-left:3px;
}
table.notice tbody tr  {
              background:rgb(254,250,142);
              border-right: 1px solid rgb(59,160,86);
}
table.notice tbody td  {
              border-left: 1px solid rgb(59,160,86);
              border-bottom: 1px solid rgb(59,160,86);
              padding-left:3px;
}
table.notice thead tr span {
              color:#fff;
              background:rgb(59,160,86);
              margin-left:120px;
}
table.notice thead tr span:hover {
              color:#0f0;
              text-decoration:none;
}
table.notice caption { 
        color:#fff;
        background:rgb(59,160,86);
}
#addmessage {
            position:absolute;
            color:#fff;
            border:1px solid rgb(59,160,86);
            display:none;
            width:400px;
            height:250px;
            background:rgb(59,160,86);
            top:50px;
            left:400px;
            z-index:8;
}
table.member  {
              width:360px;
              border-collapse:collapse;
              text-align:left;
              margin-left:auto;
              margin-right:auto;
}
table.member th  {
              color:#fff;
              background:rgb(59,160,86);
              border-left: 1px solid rgb(59,160,86);
              border-right: 1px solid rgb(59,160,86);
              text-align:right;
              height:20px;
}
iframe {
       width:0px;
       height:0px;
       border:0;
}
.upload {border: 2px solid rgb(199,169,74);
        background-color: #080;
	height:100px;
        width:600px;
        color: #fff;
	text-align:center;
        font-size:small;
        font-weight: bold;
        padding-top:5px;
        margin-top:20px;
        margin-left:5px;
        float:left;
        
}
.badge {
       border: 1px solid #090;
       padding-top:5px;
       width:80%;
       height:105px;
       margin-top:10px;
       margin-left:10%;
 }
 .adminBox {
     margin-top:10px;
     margin-left:auto;
     margin-right:auto;
     text-align:left;
     width:40%;
     padding:5px;
     border: 1px solid #700;
 }
 .bascbox {
     margin-top:10px;
     text-align:left;
     width:200px;
     height:auto;
     border: 1px solid #700;
     padding:5px;
 }
 .pdfbox {
     margin-top:10px;
     width:200px;
     text-align:left;
     height:auto;
     border: 1px solid #700;
     padding:5px;
     float:left;
 }
 #pdfframe {
     position:absolute;
     top:20px;
     left:230px;
     width: 80%;
     height:550px;
     display:none;
     z-index:2;
 }
 #news {
     position:absolute;
     top:20px;
     left:230px;
     width: 50%;
     height:450px;
     border: 1px solid #700;
     z-index:1;
 }
 #ajaxFrame {
     width:75%;
    height:550px;
    color:#333;
    margin-left:20px;
    overflow:auto;
    border: 1px solid #700;
    float:left;
 }
 .obj {
     width:100%;
     height:100%;

}
 #newsadmin {
     margin-top:20px;
     width: 100%;
     height:450px;
     border: 1px solid #700;
     z-index:1;
 }
 .message {
     width:90%;
     margin-left:auto;
     margin-right:auto;
 }
 .messbox {
     width:60%;
     height:auto;
     float:left;
     
 }
 .sidebar {
     width:210px;
     float:left;
 }