/*

Design by MSlay

*/



* {

	margin: 0;

	padding: 0;

}



body {

	background: #FFFEF5 url(img01.gif);

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #767941;

}



h1, h2, h3 {

	color: #800080;

}



h1 {

}



h2 {

	margin-bottom: 1em;

	text-transform: uppercase;

	font-size: 1em;

}



h3 {

	margin-bottom: 1.5em;

	text-transform: uppercase;

	font-size: .8em;

}



h4 {

	margin-bottom: 1.5em;

	text-transform: uppercase;

	font-size: .8em;

	color: #F08F02;

}



h5 {

	margin-bottom: 1.5em;

	font-size: .8em;

}



p, blockquote, ul, ol {

	margin-bottom: 1.5em;

}



p {

}



blockquote {

	margin-left: 2em;

	padding-left: 1em;

	border-left: 2px solid #F08F02;

	font-style: italic;

}



.label {

	margin-bottom: 1.5em;

	text-transform: uppercase;

	font-size: .9em;

	font-weight: bold;

	font-style: italic;

	color: #767941;

}



ul, ol {

	margin-left: 3em;

}



ul {

}



ul li {

}



ol {

}



ol li {

}



pre, code {

}



pre {

}



code {

}



a:link {

	color: #F08F02;

}



a:hover {

	text-decoration: none;

}



a:visited {

}



img {

}



.image-left {

	float: left;

	margin-right: 1em;

}



.image-right {

	float: right;

	margin-left: 1em;

}



input, textarea, select {

}



input {

}



textarea {

}



select {

}



/* Header */



#header {

	height: 170px;

	padding: 0 0 0 265px;

	background: url(bee1a.jpg) no-repeat;	
}



/* Logo */



#logo {

	height:170px;

	padding: 60px 0 0 170px;

	background: url(epba-logo-sm2.png) no-repeat;


/*	text-transform: lowercase;  */

}



#logo h1 {

	float: left;

	letter-spacing: .1em;

	font-style: italic;

	font-size: 2em;

}



#logo h1 a {

	color: #767941;

}



#logo h2 {

	float: left;

	letter-spacing: -.05em;

	font-style: italic;

	font-size: 1em;

}



#logo a {

	text-decoration: none;

}



/* Wrapper */



#wrapper {

	margin-right: 10px;

	background: url(img05.jpg) repeat-y 265px 0;
	
	min-height: 500px;

}



/* Sidebar */



#sidebar {

	float: left;

	width: 265px;

}



/* Content */



#content {

	margin-left: 265px;

	padding: 30px;

}



/* Menu */



#menu {

}



#menu h2 {

	display: none;

}



#menu ul {

	margin: 0;

	list-style: none;

}



#menu li {

	display: inline;

}



#menu a {

	display: block;

	height: 15px;

	padding: 16px 0 0 30px;

	background: url(img04.jpg) repeat-x;

	text-decoration: none;

	font-size: 1em;

	font-style: italic;

	color: #767941;

}



#menu a:hover {

	color: #F08F02;

}



/* Info */

a.info{

    position:relative; /*this is the key*/

    z-index:24;

    text-decoration:none

}



a.info:hover{

	z-index:25;

	background-color:#ADD8E6

}



a.info span{

	display: none

}



a.info:hover span{ /*the span will display just on :hover state*/

    display:block;

    position:absolute;

    top:2em; left:2em; width:15em;

    border:1px solid #0cf;

    background-color:#cff; color:#000;

    text-align: center

}



/* Welcome */

#welcome {

}



/* Smaller font for pages with more text */

#sm-font {

	font-size: .9em;

}



/* Table layout one */

table.tab1 {

	table-layout:auto

}



/* Preformatted Member List */

 {

font-size: 1.5em;

}



/* By-Laws */

#bylaw p {

text-align: center;

}



#bylaw ol {

list-style-type: upper-alpha;

}



#bylaw ol ol {

list-style-type: decimal;

}



#bylaw ol ol ol {

list-style-type: lower-alpha;

}



/* GaLaw */

#galaw h4 {

text-align: center;

}



#gacode {

border-style: solid;

padding-right: 5%

}



#gacode ol {

list-style-type: lower-alpha;

}



/* Link pages */

#link a {

	color: #00FF00;

}



#link a:hover {

	color: #A020F0;

}



/* Footer */



#footer {

	padding: 60px 30px;

	background: url(img06.gif);

	color: #ADB07C

}



#footer hr {

	display: none;

}



#footer p {

	margin: 0;

	font-size: .8em;

}



#footer a {

	color: #ADB07C

}