body { 
padding : 0; 
margin : 0 0 10px 0; 
background: #FEF89A;
font : 90% lucida sans, lucida sans unicode, lucida grande, trebuchet ms, helvetica, arial, sans-serif; 
text-align: left;
color:#077206;
} 

/* WRAPPER */

#wrapper { 
width : 760px; 
background: #fff url(images/wrapper.jpg) repeat-y; 
border : 2px solid #077206; 
margin : 10px auto; 
} 

/*LINKS */
a { 
color : #077206; 
} 
a:hover, a:focus, a:active { 
color : #000000; 
text-decoration : none; 
} 
a:focus, a:active { 
color : #ffffff; 
background : black; 
} 

/*HEADER */

#header { 
width : 760px; 
height : 130px; 
background : #F9F8F4 url(images/header.jpg) no-repeat; 
border-top : 1px solid #000033; 
} 
#header h1 { 
padding : 0; 
width : 300px; 
height : 50px; 
color: #077206;
margin: 20px 10px 0px 260px;
}

/*CONTENT */

#content { 
float : left; 
display : inline; 
width : 490px; 
margin : 15px 20px;/*top-botttom 15,lt-rt 20*/ 
color : black;
} 
p#navbar { 
font-size : 0.8em; 
float : right; 
margin : -3px -1px; 
} 
p.top{
text-align : right;
margin-bottom: -40px;
margin-right: 10px;
}
h2{
text-align:center;
}
h2, h3 { 
color : #077206; 
} 
h4,h5{
margin:10px;
}
ul { 
width : 450px;
list-style : none;  
margin: 10px;
} 
ul li {
display : block;
padding:0 0 2px 0
}

ul li.sub2 { 
padding-right : 5px; 
margin-left : 30px;  
list-style-type : none;
font-size : 0.8em ;
}
ul li.sub3 { 
padding-right : 5px; 
margin-left : 60px;  
list-style-type : none;
font-size : 0.8em ;
}  

/*ON WELCOME PAGE
ul.main li{
float:left;
display : block;
list-style-type : square;
width : 450px;
padding: 0px 0px 5px 0px;
margin-left: 10px; 
}*/

/* On the Directors page*/ /*ul.dir li {
display : inline;
float : left;
margin : 0;
padding: 0px 5px 5px 30px;
width : 150px;
}*/

/* On the gspelly page*//*.inter li {
display : inline;
float : left;
margin : 0;
padding: 0px 2px 2px 2px;
width : 110px;
text-align:left;
}*/

table.abc {
width:500px;
}/*On Surnames and Members # Pages*/
table.abc th {
text-align:left;
}/*On Surnames and Members # Pages*/
table.abc td {
border-bottom:1px gray solid;
padding: 5px 0 0px 0;
}/*On Surnames and Members # Pages*/

.members ul{
float: left;
  width: 60px;
  margin: 0;
  padding: 0;
  list-style: none;;
 } /*members list page*/
.members ul li{
padding:2px;
}   

 /*SIDEBAR */

#sidebar { 
float : right; 
display : inline; 
width : 200px; 
background-color : #F9F8F4; 
margin : 0 0 10px 10px; 
padding : 10px; 
color : #077206; 
} 
#sidebar h3, #sidebar h4{ 
color : #077206;
text-align:center; 
} 
#sidebar a { 
color : #077206; 
} 
#sidebar a:hover, #sidebar a:focus, #sidebar a:active { 
color : #077206; 
} 
#sidebar a:focus, #sidebar a:active { 
background :  #FFE97F; 
} 
#sidebar p { 
margin : 0 0 0 0; 
} 
#sidebar p.counter{
text-align:center;
}

/*MAIN NAVAGATION BAR */

ul#navmenu { 
margin : 0; 
padding : 0; 
list-style-type : none; 
} 
ul#navmenu li { 
margin-bottom : 5px; 
} 
ul#navmenu a { 
display : block; 
width : 190px; 
height : auto; 
background : #007F46; /*green white text*/
padding : 5px 5px 3px; 
text-align : right; 
text-decoration : none; 
color : #fff; 
cursor : pointer; 
} 
ul#navmenu a:hover, ul#navmenu a:focus, ul#navmenu a:active, ul#navmenu a.selected, ul#navmenu a.selected:hover, ul#navmenu a.selected:focus, ul#navmenu a.selected:active { 
background : #007F46; /*green yellow text*/
color : #FFE97F; 
} 
ul#navmenu a.selected { 
text-align : left; 
cursor : default; 
} 
ul#navmenu a:hover, ul#navmenu a:focus, ul#navmenu a:active { 
background : #FFE97F;/*yellow green text*/
color : #007F46; 
} 

/*submenu lt green white text hover yellow*/

ul#navmenu li.sub a{
background :#5EA53D;/*ltgreen white text*/
color : #FFE97F;
}
ul#navmenu li.sub a.selected { 
text-align : left; 
cursor : default; 
} 
ul#navmenu li.sub a:hover,ul#navmenu li.sub a:focus, ul#navmenu li.sub a:active { 
background : #FFE97F;/*yellow green text*/
color : #007F46; 
} 

/*FOOTER */

#footer { 
clear : both; 
width : 740px; 
height : auto; 
padding : 10px; 
background : #F9F8F4 url(images/footer.jpg) no-repeat; 
text-align : left; 
font-size : 0.9em; 
} 
#footer p { 
color : black; 
margin: 20px 0px 20px 0px; 
padding :5px; 
text-align : justify;
background : #FEF89A;
border : 2px solid black;
width : 510px
}
#footer p.web{ 
color : black; 
margin: 2px 0px 0px 0px;  
text-align : center;
background : #F9F8F4;
border : 0;
}
ul#footnav { 
margin-left : 40px; 
padding : 0; 
width :510px;
} 
ul#footnav li { 
display : inline; 
} 
ul#footnav li a { 
padding : 10px 2px; 
color : #077206; 
} 
#footer a { 
padding : 0; 
color : #000000; 
} 
#footer a:hover, #footer a:focus, #footer a:active { 
color : #007F46; 
} 
ul#footnav li a:hover, ul#footnav li a:focus, ul#footnav li a:active { 
color : #077206; 
text-decoration : none; 
} 
#footer a:focus, #footer a:active, ul#footnav li a:focus, ul#footnav li a:active { 
background-color :  #FFE97F; 
} 

/* ////////////IMAGES////////// */

img { 
border : 4px solid #000000; 
} 
img.right { 
float : right; 
margin: 0px -5px 10px 10px;
} 
img.left { 
float : left; 
margin: 0px 10px 10px 0px;
} 
img.pdf{
border:none;
height:18px;
width:18px;
}