html, body { margin: 0pt;
    padding: 0pt;
    }  
  #wrapper {
  width: 100%;
  height:auto;
  padding:0px;
  margin:auto;
    }
  
  #wrapper #header { 
        width: 960px;  
    overflow: hidden;
    background-size: 10%;
    } 
  #wrapper #header #logo   {
  font-size:0; /* to bring the three image together with no white-space between */
  }
  #wrapper #header h1 {
    font-family: "Times New Roman",Times,serif; 
    padding: 0px 0px 0px 0px;
    color: #ffffff;
    text-align:center; 
    }

 body { 
 width:960px; 
 background-color:#66ccff;
 background-image: url("liberty-l.jpg");
    background-size:100%;  
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 85%;
    line-height: 1.3;
    text-align: left;
    overflow:auto;
    }
   #wrapper #content {
    margin: 0pt auto;
    width:960px;  
    padding: 0px 25px 25px 25px; 
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 75%;   
    line-height: 1.3;
    
     }
     
    
  h1 { font-family: "Arial Black", Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 2.1em;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    color: #036d43;
    }

  h2 { margin: 0pt;
    padding: 0pt;
    font-family: "Arial Black", Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: 1.1em;
    line-height: normal;
    font-size-adjust: none;
    font-stretch: normal;
    }

 
/* 2.4 - Navigation - Level 2 */
/*----------------------------*/
.nav2 {clear: both; margin: 0px; padding: 0px; font-family: verdana, arial, sans serif; font-size: 1.0em;}
.nav2 ul {float: left; width: 960px; margin: 0px; padding: 0px; border-top: solid 1px rgb(54,83,151); border-bottom: solid 1px rgb(54,83,151); background-color: rgb(127,162,202); font-weight: bold;}	
.nav2 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav2 li a {display: block; float: left; margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; border-right: solid 1px rgb(54,83,151); color: rgb(255,255,255); text-transform: uppercase; text-decoration: none; font-size: 100%;}
.nav2 a:hover, .nav2 a.selected {color: rgb(50,50,50); text-decoration: none;}
.buffer {clear: both; width: 960px; height: 30px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);}

    
 

  #left { margin:20pt 0pt 20pt 5pt;
    padding: 1em;
    background: #000000 none repeat scroll 0%;
    opacity:.7;
    float: left;
    width: 42%;
    height:500px;
    text-align: left;
    color:#ffffff;
    }
    
    #leftspace { margin:20pt 0pt 20pt 5pt;
    padding: 1em;
    background-color: initial;
    float: left;
    width: 25%;
    height:700px;
    text-align: left;
    color:#ffffff;
    }
    
    #centerlist{margin:20pt 0pt 20pt 5pt;
    padding: 1em;
    background: #ffffff none repeat scroll 0%;
    opacity:.7;
    float: left;
    width: 320px;
    height:2500px;
    text-align: left;
    color:#000000;
 }
    

  #officers {                 
    text-align: left;
    width: 90%;          /*table width % of left box container size */
    border:0px;
    padding:0px;
  
    }
  #officers td {
    white-space: nowrap;
    }
    .otitle {
    width:47%;
	 }
   .oname {
    width:45%;
    }
   .council {
    width:8%;
 }
  #center {
  	background: #000000 none repeat scroll 0%;
    opacity:.7;
  	 margin: 20pt 0pt 20pt 10pt; 
    float: left;
    width: 30%;
    height:600px;
    padding: 1em;
    color:#ffffff;
    font-size:75%;  
    }
    
  .tdate   {
  width:15%;
  text-align:left;
    }  
  
  .tevent   {
  width:80%;
  text-align:left;
  }  
  
    #calendar {   /* calendar is a two column table */
	 width: 100%;
    border:0px;
    font-size:180%;
    padding:0px;
    
    }
  
  .big {
  	font-size:2em;
  	line-height:150%;
  	margin-left:2em;
  }
  
    #calendar th {
	 text-align: left;
    font-size: 1.5em;
    border:0px;
    padding:0px;
   
    }   
     #calendar td {
	 text-align: left;
    font-size: 1em;
    border:0px;
    padding:0px;
    
    }   
    
       .centerpage{
       text-align:center;
       }
    
   .box	{
   border-radius:20px;
   /* for Mozilla Firefox */
   -moz-border-radius:  20px;
   /* for Safari and Google Chrome */
   -webkit-border-radius: 20px;
   } 
   
  #right { margin: 20pt 0pt 20pt 10pt;
    float: left;
    width: 20%;
    }
  #right #newmember {
	padding: 1em;
    background: #000000 none repeat scroll 0%;
    opacity:.1;
    width: 100%; 
    height: 10px;
    color:#ffffff;
    }
  #right #newmember #members th, td {
    font-size: 95%; 
}
  #right #newmember #members {     /* members is a three column table */
	 margin: 0pt 0pt 1em;
    text-align: left; 
    border:0px;
    width:100%;
   }
  
    #members th {
   text-align: left; 

}
    #members td {                    
   text-align: left; 

     }

	#linklist {
    padding: 1em;
    background: #ffffff none repeat scroll 0%;
    opacity:.7;
    width: 100%; 
    height: 200px;
    color:#000000;
    font-size:125%;
    }

	#linklist  ul{ margin: 0pt;
    padding: 0pt;
   
    }

	#linklist  li a:hover{
	background-color:#99cccc;
	}
	
	#linklist  li { list-style-type: none;
      }
      
	#listing { margin: 0pt;
    padding: 0pt;
           }
	#author  {
	 padding: 1em;
    background: #000000 none repeat scroll 0%;
    opacity:.8;
    width: 100%; 
    height: 120px;
    color:#ffffff;
    }
    

#info {
   font-size: 150%;
   text-align:left;
   margin-left:2em;
   margin-right:2em;
   width:640px;
   
}


#piclinks h2 a:hover{
background-color:#99cccc;
}

#centerlist h2 a:hover{
background-color:#99cccc;
}
#picofficer td a:hover{
background-color:#99cccc;
}
#picmem td a:hover{
background-color:#99cccc;
}
#newsletter{
	 margin: 20pt 0pt 20pt 10pt;
    float: left;
    width: 50%;
    padding: 1em;
    background: #ffffff none repeat scroll 0%;
    opacity:.7;
    height: 300px;
    color:#000000;
    font-size:125%;
    }

#archtable td a:hover{
background-color:#99cccc;
}

.newtext {
    clear: both;
    margin-bottom: 2px;
    }