/*
CSS for ABA site
*/
body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 100%;
	background-color:black;
	background-attachment:fixed;
	background-repeat: no-repeat;
}

/*
This will control the main logo banner on each page
*/

#logo {
	position:absolute;
	left:140px;
	top: 15px;
	border:4px solid black;
}

#mission {
	position:absolute;
	border:0px;
	left:140px;
	top:240px;
}

/*
END BANNER
*/

#bodycontent {
	position:absolute;
	left: 300px;
	top: 350px;
	width:500px;
	background-image: url(Display/textpane.png);
	background-repeat:repeat;
	padding:10px;
	border: 2px solid black;
	margin-bottom:10px;
}

#bodycontent1 {
	position:absolute;
	left: 230px;
	top: 450px;
	width:400px;
	background-image: url(Display/textpane.png);
	background-position:center;
	padding:10px;
	border: 2px solid black;
	margin-bottom:10px;
}

#bodycontent2 {
	position:absolute;
	left: 660px;
	top: 450px;
	width:400px;
	background-image: url(Display/textpane.png);
	background-position:center;
	padding:10px;
	border: 2px solid black;
	margin-bottom:10px;
}

#bodycontent3 {
	position:absolute;
	left: 660px;
	top: 1050px;
	width:400px;
	background-image: url(Display/textpane.png);
	background-position:center;
	padding:10px;
	border: 2px solid black;
	margin-bottom:10px;
}

#bodycontent4 {
	position:absolute;
	left: 300px;
	top: 300px;
	max-width:650px;
	min-width:650px;
	background-image: url(Display/textpane.png);
	background-position:center;
	padding:10px;
	border: 2px solid black;
}

#bodycontent5 {
	position: absolute;
	left: 20px;
	top: 360px;
	width:350px;
	background-image: url(Display/textpane.png);
	background-position:center;
	padding:10px;
	border: 2px solid black;
}

#bodycontent6 {
	position:absolute;
	left: 550px;
	top: 330px;
	width:400px;
	background-image: url(Display/textpane.png);
	background-position:center;
	padding:10px;
	border: 2px solid black;
}

#bodycontent7 {
	position:absolute;
	left: 400px;
	top: 300px;
	width:500px;
	background-image: url(Display/textpane.png);
	background-repeat:repeat;
	padding:10px;
	border: 2px solid black;
	margin-bottom:10px;
}

#bodycontent8 {
	position:absolute;
	left: 270px;
	top: 300px;
	max-width:730px;
	min-width:730px;
	background-image: url(Display/textpane.png);
	background-position:center;
	padding:10px;
	border: 2px solid black;
}

#bodycontent_update {
	position: absolute;
	left: 840px;
	top: 400px;
	width:240px;
	background-image: url(Display/textpane.png);
	background-position:center;
	padding:2px;
	border: 2px solid black;
	text-align: left;
}

#bodycontent_update p {
	font-size:10px;
}

#bodycontent_map {
	position:absolute;
	left: 300px;
	top: 300px;
	width:430px;
	background-image: url(Display/textpane.png);
	background-position:center;
	padding:10px;
	border: 2px solid black;
}

#bodycontent_form {
	position:absolute;
	left: 3000px;
	top: 300px;
	width:500px;
	background-image: url(Display/textpane.png);
	background-position:center;
	padding:10px;
	border: 2px solid black;
}

/*
Navigation Control
*/

#main_nav {
	position:absolute;
	list-style-type: none;
	top:310px;
	left:10px;
	border: none;
	width:220px;
	float:left;
	margin:0px;
	padding:0px;
}

#nav_right {
	position: absolute;
	list-style-type: none;
	width: 160px;
	float:left;
	top: 300px;
	left: 880px;
	border: none;	
}

#bair {
	position: inherit;
	margin: 0px;
	padding:0px;
	float:right;
	border: 0px;
}

h1, h2, h3 {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;	
}

h1 {
	font-size: x-large;
	color: black;
	padding-top: 1em;
	padding-bottom: .2em;
	padding-left: .4em;
	margin: 0;
}

h2 {
	color: #FFF;
	font-size:x-large;
	font-weight:500;
	padding-top: 20px;
	margin: 10px;
}

h3 {
	color:#F00;
	font:bolder;
}

h4 {
	color: #0CF;
	font:bolder;
}

p {
	font-size: medium;
	color: #FFF;	
}

#l1 {
	position: relative;
	margin: 0px;
	padding:0px;
	float:left;
	border: 0px;
}

#pic1 {
	position: inherit;
	float:right;
	right:0px;
	border:2px solid #000;
	margin:10px;	
}

#htvt {
	color:#FF0;
}

#paralink {
	color:#39F;
	font-size:14px;
	text-decoration:none;	
}

#paralink:hover {
	color: #C03;
	font-size:14px;
}

/* this is the link section of the style sheet.
it controls how links will present on the web pages
*/


#header p{
	margin: 0px;
	width: 1024px;
	line-height: 100%;
	text-align:center;
}

/* This is the table section that controls the table evnts page
It with affect the design of any tables on the site.
*/

table.events {
	border-collapse: collapse;
}

table.events th, table.events td {
	padding: 4px;
	border: 1px solid black;
}

table th {
	font-size: small;
	text-align: center;
	background-color:#06F;
	color: #FFF;
	padding-top: 0;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-right: 2px;
}

table.events td {
	font-size: small;
	background: none;
	color:#FFF;
}

table.events caption {
	color: #FFF;
	font-size: small;
	text-align: left;
	padding-bottom: 5px;
	font-weight: bold;
}

/* This is the begining of the form section.
It controls all aspects of the form submission page.
*/

form.contact fieldset {   
  border: 2px solid #C03;   
  padding: 10px;
}  

form.contact legend {   
  font-weight: bold;   
  font-size: small;   
  color: #FFF;   
  padding: 5px; 
}

form.contact {
  padding: 0;   
  margin: 0;   
  margin-top: -15px;
  line-height: 150%;
}

form.contact label {
  font-weight: bold;
  font-size: small;
  color: #FFF;
}

form.contact label.fixedwidth {   
  display: block;
  width: 240px;
  float: left;
}

form.contact .buttonarea input {
	background:#C33;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	border: 1px solid white;
}

form.contact .buttonarea input:hover {
	background: #F33;
	color: #FFF;
	font-weight: bold;
	padding: 5px;
	border: 1px solid white;
}

form.contact .buttonarea {
	text-align: center;
	padding: 4px;
}



form.contact p {
	font-size:12px;
}

form.contact .radio {
	text-size:12px;
	text-color:#FFF;
}

#radio {
	color:#FFF;
	font-size:12px;
}

/*
This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured
from the top-left corner of the browser's content display.
*/



/*
This section deals with the right side links functionality and positioning.
*/
#p1 {
	position:absolute;
	top:550px;
	left:280px;
	border:2px solid #000;
}

#p2 {
	position:absolute;
	top:950px;
	left:250px;
	border:2px solid #000;
}

#p3 {
	position:absolute;
	top:930px;
	left:600px;
	border:2px solid #000;
}



/*
This section deals with the position of items in the footer section of the page.
*/

/*
This section deals with the position of items in the left side navigation area.
*/

#footer {
	position: relative;
	padding:0px;
	left:250px;
	top:1600px;
	background-image: none;
	list-style-type: none;
	width: 607px;
}

#footer li {
	margin: 0;
	padding: 0;
	float:left;
	padding-bottom:40px;
}

#footer a {
	float: left;
	width: 100px;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	line-height: 2.5; 
	border-top:1px solid #FFF;
}

#footer #ftr_con a {
	border-top:1px solid #FFF;
}

#footer #ftr_hom a {
}

#footer a:hover {
	background-image: url(Display/textpane2.png);
	background-repeat:no-repeat;
}

#footer li.current a {
	background: #BEB06F;
	color: #1A1303;
	font-weight: bold;
}
span {
	color:#F33;
	font: bolder;
}

#tip {
	color:#39F;
	font:bolder;
}

#lnk {
	color:#C00;
	text-decoration:none;
}

#lnk:hover {
	color:#999;
}

#paralink {
	color:#39F;
}

#paralink: visited {
	color: #39F;
}

#pay {
	position: inherit;
	top:200px;
	margin-top:40;
}

#gala {
	
}