/* CSS for PBA web site */

body { font-family: Verdana,Arial,sans-serif; color: #333333; line-height: 1.3;
	margin: 1em 1em 1em 1em; padding: 0em 0em 0em 0em; text-align: left;
	background-color: #31799F; font-size: 100%; }
	
div.wrapper { text-align: left; margin-left: auto; margin-right: auto; background-color: #31799F; }

#banner { text-align: center; margin: 0em 0em 0em 0em; background-color: #EDE7DA;
	padding: .5em 0em .5em 0em; }


#home .home, #benefits .benefits, #directory .directory, #schedule .schedule, #form .form, #contact .contact {
	color: #31799F; background-color: #EDE7DA; font-weight: bold;
	border-right: 1px solid #EDE7DA; border-bottom: 1px solid #EDE7DA;
	border-left: 1px solid #000000; border-top: 1px solid #000000;
	}
	
#nav { margin-left: auto; margin-right: auto; margin-bottom: 0; margin-top: 0; }
#nav ul { list-style-type: none; text-align: center; position: relative; font-size: 80%;
	margin: .25em 0em .25em 0em; padding: .5em 0em .5em 0em; background-color: #E6A635; }
#nav li { display: inline; text-align: center; font-weight: bold;
	 margin: 0em 0em 0em 0em; padding: 1em 0em 1em 0em; }
#nav li a { margin: 0em 1em 0em 1em; padding: .25em .5em .25em .5em;
	color: #A0DCF8; background-color: #31799F;
	border-left: 1px solid #A0DCF8; border-top: 1px solid #A0DCF8;
	border-right: 1px solid #000000; border-bottom: 1px solid #000000;
	text-decoration: none; }
#nav li a:hover { color: #31799F; background-color: #A0DCF8;
	border-right: 1px solid #EDE7DA; border-bottom: 1px solid #EDE7DA;
	border-left: 1px solid #000000; border-top: 1px solid #000000;
	text-decoration: none; }

#footer { font-size: 70%; background-color: #E6A635;
	text-align: center; margin: 1em 0em 0em 0em; padding: .25em 0em .25em 0em; }
#footer a:active {color: #000000; text-decoration: underline; font-weight: bold; }
#footer a:link {color: #000000; text-decoration: underline; font-weight: bold; }
#footer a:visited {color: #000000; text-decoration: underline; font-weight: bold; }
#footer a:visited:hover {color: #000000; background-color: #000000; font-weight: bold;
	text-decoration: underline; }
#footer a:link:hover {color: white; background-color: #000000; font-weight: bold;
	text-decoration: underline; }

#main { border: 2px solid #E6A635; background-color: #EDE7DA;
	margin: 0em 0em 0em 0em; padding: 1em 1em 1em 1em; }

a { font-weight: bold; font-size: 90%; }
a:active {color: #000000; text-decoration: underline; }
a:link {color: #000000; text-decoration: underline; }
a:visited {color: #000000; text-decoration: underline; }
a:visited:hover {color: #FFFFFF; background-color: #000000;
	text-decoration: underline; }
a:link:hover {color: #FFFFFF; background-color: #000000;
	text-decoration: underline; }

#open { border: 2px solid #E6A635; background-color: #A0DCF8; text-align: center;
	margin: 0em 0em 0em 0em; padding: 1em 1em 1em 1em; font-size: 80%; width: 125px; }
#ask { border: 4px solid #E6A635; background-color: #A0DCF8; width: 150px; 
	margin: 0em 0em 0em 0em; padding: 1em 1em 1em 1em;}
#ask p { font-weight:bolder; font-size: 150%; text-align: center;}
#newsletter { border: 2px solid #E6A635; background-color: #A0DCF8; text-align: center;
	margin: 0em 0em 0em 0em; padding: 1em 0em 1em 0em; font-size: 80%; width: 175px; }
#categories { visibility: hidden;  background-color: #E6A635; border: 2px solid #31799F;
	margin: 0em 0em 0em 0em; padding: 1em 1em 1em 1em; font-size: 80%; }
#categories td { font-size: 80%; }

.qmark a { font-weight: bold; }
.qmark a:active {color: #E6A635; text-decoration: none; }
.qmark a:link {color: #E6A635; text-decoration: none; }
.qmark a:visited {color: #E6A635; text-decoration: none; }
.qmark a:visited:hover {color: #000000; background-color: transparent;
	text-decoration: underline; }
.qmark a:link:hover {color: #000000; background-color: transparent;
	text-decoration: underline; }

#help, #help1, #help2 { visibility: hidden;  background-color: #E6A635; border: 2px solid #31799F;
	margin: 0em 0em 0em 0em; padding: 1em 1em 1em 1em; font-size: 80%; }


h1, h2, h3, h4 { text-align: center; }
h1 { font-size: 200%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; color: #31799F; }
h4 { font-size: 115%; }

ul { line-height: 1.5; }

.shadow { width: 100%; height: 100%; filter: Shadow(Color=#999999, Direction=135) }
.blue { color: #31799F; font-weight: bold; }
.bigblue { color: #E6A635; font-size: 125%; }
p.cent { text-align: center; }
td.cent { text-align: center; }