/* ==========main style sheet for gfbccary.org =========

Color Reference:
banner top border: #7fc31c
banner background: #346715
body background: #eee5cd
box titles: #e0d1b1

margin:top right bottom left
*/

/* ====================================== GLOBAL */

html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a 
{
margin: 0;
padding: 0;
border: 0;
}

body
{
width:1024px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:x-small;
voice-family: "\"}\"";
voice-family:inherit;
font-size:small;
#color:#676124;
color:#006633;
#background:#eee5cd;
#background:#ddffbb;
background:#ecfcdb;
margin:0 auto;
padding:0;
behavior:url("/css/csshover.htc");
}


a img {border:none;}


body h2
{
font-size:150%;
#color:#676124;
color:#006633;
margin:0;
padding:5px 0 5px 10px;
}


html>body { /* be nice to Opera*/ font-size:small;}


/* ====================================== HEADER */


#header
{
width:100%;
margin:0;
padding:0;
background:#346715;
border-top:5px solid #7fc31c;
}

#header img {margin:20px;}


/* ====================================== NAV */


div#listmenu
{
width:100%;
float:left;
font:90% Geneva, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background:#346715;
}

* html div#listmenu
{
margin:0;
}


div#listmenu ul
{
width:100%;
margin:0;
padding:0 0 0 20px;
}

* html div#listmenu li
{
float:left;

}


div#listmenu li
{
z-index:2; /*This forces the top navi drop down to display above the left navi*/
float:left;
position:relative;
list-style:none;
padding:0;
margin:0 0.2em 0 0;
}


div#listmenu li:first-child
{
border-left:1px solid #999;
}


div#listmenu li:hover
{
#background-color:#eee5cd;
background-color:#ecfcdb;
}


div#listmenu a
{
display:block;
font-weight:bold;
padding:8px 8px;
text-decoration:none;
#color:#676124;
color:#006633;
background:#eee url(http://www.gfbccary.org/images/navi-reg-state.gif) repeat-x top left;
}

div#listmenu a:hover
{
text-decoration:underline;
padding:8px 8px;
#color:#676124;
color:#006633;
#background:#eee5cd url(http://www.gfbccary.org/images/navi-select-state.gif) repeat-x top left;
background:#ecfcdb url(http://www.gfbccary.org/images/yellow-fade.gif) repeat-x top left;
}

/*drop down menus - start*/
div#listmenu ul li ul
{
margin:0;
position:absolute;
width:14em;
left:-18px;
}


div#listmenu ul li ul li
{
width:100%;
border-left:1px solid #999;
border-bottom:1px solid #999;
border-right:1px solid #999;
padding:0;
}

div#listmenu ul li ul li:first-child
{
border-top:1px solid #eee;
}
body div#listmenu ul li ul {display:none}
div#listmenu ul li:hover ul, div#listmenu ul li ul:hover {display:block
}


* html div#listmenu ul li ul
{
border-top:1px solid #999;
border-left:0px;
}
/*drop down menu - end*/


/* ====================================== MAIN-INFO */


#main-info
{
float:left;
width:100%;
}


/* ====================================== SIDEBAR */


#sidebar
{
float:left;
width:20%;
margin:20px 0 20px 20px;
#background-color:#eee5cd;
background-color:#ecfcdb;
}


#sidebar span
{
font-style:italic;
}

#sidebar ul
{
font-size:105%;
margin:0;
padding: 5px 0 0 15px;
list-style:none;
}

#sidebar a
{
text-decoration:none;
font-weight:bold;
#color:#676124;
color:#006633;
}

#sidebar h2
{
#background:#eee5cd url(/images/navi-select-state.gif) repeat-x top left;
background:#ecfcdb url(/images/yellow-fade.gif) repeat-x top left;
}

#sidebar a:hover
{
text-decoration:none;
font-weight:normal;
color:#fff;
#background:#676124;
background:#006633;
}

#map
{
width:175px;
margin:0 auto 0 auto;
padding:0;
}

#map a:hover
{
background:#fff;
}



.box
{
margin:0 0 20px 0;
padding:0 0 12px 0;
background:#fff;
#border:1px solid #e0d1b1;
border:1px solid #66ff00;
}




/* ====================================== CONTENT */


#content
{
float:right;
width:72%;
margin:20px 20px 20px 0;
padding:0;
#background-color:#eee5cd;
background-color:#ecfcdb;
color:#444;
}

#content ul
{
list-style:none;
margin: 0 0 5px 20px;
padding:0;
}

#content h2
{
#background:#eee5cd url(/images/navi-select-state.gif) repeat-x top left;
background:#ecfcdb url(/images/yellow-fade.gif) repeat-x top left;

margin:0 0 15px 0;
}

#content h3
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:125%;
text-align:left;
margin:15px 0 0 20px;
}

#content p
{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:100%;
text-align:left;
margin:0 20px;
}

#content iframe
{
margin:0 15px;
}

#content table {
margin:5px 20px 5px 20px;
border:0;
}

#events
{
width:100%;
background:#fff;
#border:1px solid #e0d1b1;
border:1px solid #66ff00;
margin:0 25px 25px 0;
}

#visitors
{
width:100%;
background:#fff;
#border:1px solid #e0d1b1;
border:1px solid #66ff00;
margin:0 25px 20px 0;
}

#testimonies
{
width:100%;
background:#fff;
#border:1px solid #e0d1b1;
border:1px solid #66ff00;
margin:0 25px 20px 0;
}

#testimonies p
{
width:75%;
margin-left:75px;
margin-right:75px;
padding:0;
}

.bio
{
float:left;
margin:0 0 20px 0;
padding:0 0 12px 0;
background:#fff;
#border:1px solid #e0d1b1;
border:1px solid #66ff00;
}

.bio img
{
float:left;
width:250px;
margin:10px;
padding:0;
}

.bio h2 a
{
#color:#676124;
color:#006633;
}

.bio h2 a:hover
{
color:#fff;
#background:#676124;
background:#006633;
}

.pics table
{
border-style: none; 
align="center";
}


/* ====================================== FOOTER */



#footer
{
clear:both;
float:left;
margin:0;
padding:10px;
width:98%;
#background:#e0d1b1;
background:#b0de82;
#border-bottom:5px solid #676124;
border-bottom:5px solid #006633;
}

#footer h2
{
margin:0;
padding-left:0;
}

#footer ul 
{
list-style:none;
margin:0;
padding:0;
}

#footer a
{
font-family:Geneva, Arial, Helvetica, sans-serif;
text-decoration:none;
#color:#676124;
color:#006633;
}

#footer a:hover
{
font-family:Geneva, Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#fff;
#background:#676124;
background:#006633;
}


#box01
{
width:22%;
float:left;
padding-left:25px;
}

#box02
{
width:30%;	
float:left;
margin-left:5px;
padding-left:20px;
#border-left:1px solid #676124;
border-left:1px solid #006633;
}

#box03
{
width:30%;	
float:left;
margin-left:5px;
padding-left:20px;
#border-left:1px solid #676124;
border-left:1px solid #006633;
}