
body {
	text-align:center;
	background-color: #e8fdb2;
	width:1004px;
	margin-right:auto;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	text-align:left;
	font-family: verdana;
	font-size: 11px;
}
h1 {
	font-family: verdana;
	font-size: 15px;
}

h3 {
	font-size: 11px;
}

p {
	font-family: verdana;
	font-size: 11px;
	text-align: justify;
}
hr {
	width: 400px;
	color: #ccc;
	text-align: center;
}

#header {
	position:relative;
	float:left;
	height:94px;
	width:1004px;
	background: black url("./images/acpilogoblack.gif") no-repeat 20px 20px;
}
#header h1
{
text-indent: -9999px;
background: url("./images/title.gif") no-repeat;
margin-top:40px;
margin-left:150px;
}
#menubox
{
position:relative;
float:left;
left:0px;
width: 100%;
background-color: #e8fdb2;
height: 31px;
}
#spacer
{
position:absolute;
top:0px;
left:0px;
width: 170px;
background-color: #000;
height: 31px;

}

/***********************START HOVER MENU*****************************************/
#mainmenu
{ 
position:relative;
float:relative;
background-color:#e8fdb2;
left:166px;
width:838px;
height: 31px;
}

#mainmenu li {
    list-style: none;
	display: inline;
	text-align: center;
}

#mainmenu li a {
	text-decoration: none;
	display:block;
	float:left;
	background: #e8fdb2 url("./tabimages/tabs.gif") no-repeat bottom left;
	text-indent:-9999px;
}

li#Home a {
	width:128px;
	height:31px;
}
li#About a {
	width:120px;
	height:31px;
}
li#Programs a {
	width:119px;
	height:31px;
}
li#Membership a {
	width:119px;
	height:31px;
}
li#Portfolio a {
	width:117px;
	height:31px;
}

li#Contactus a {
	width:118px;
	height:31px;
}
li#Careers a {
	width:117px;
	height:31px;
}

li#Home a:link, li#Home a:visited {	
	background-position: -0px -0px;
}
	
li#Home a:hover, li#Home a:focus {	
	background-position: -0px -31px;
}
	
li#About a:link, li#About a:visited {	
	background-position: -128px 0px;
}
	
li#About a:hover, li#About a:focus {	
	background-position: -100px -62px;
	width: 148px;
	margin-left: -28px;
}	
li#Programs a:link, li#Programs a:visited {	
	background-position: -248px 0px;
}
	
li#Programs a:hover, li#Programs a:focus {	
	background-position: -220px -93px;
	width: 147px;
	margin-left: -28px;
}	
	
li#Membership a:link, li#Membership a:visited {	
	background-position: -367px 0px;
}
	
li#Membership a:hover, li#Membership a:focus {	
	background-position: -340px -124px;
	width: 146px;
	margin-left: -27px;
}
li#Portfolio a:link, li#Portfolio a:visited {	
	background-position: -486px 0px;
}
	
li#Portfolio a:hover, li#Portfolio a:focus {	
	background-position: -460px -155px;
	width: 143px;
	margin-left: -26px;
}	 
li#Contactus a:link, li#Contactus a:visited {	
	background-position: -603px 0px;
}
	
li#Contactus a:hover, li#Contactus a:focus {	
	background-position: -580px -186px;
	width: 141px;
	margin-left: -23px;
}	
li#Careers a:link, li#Careers a:visited {	
	background-position: -721px 0px;
}
	
li#Careers a:hover, li#Careers a:focus {	
	background-position: -700px -217px;
	width: 138px;
	margin-left: -21px;
}		
/***********************END HOVER MENU*****************************************/

#mainbody {
	float:left;
	width:1004px;
	background-color:#e8fdb2;
	padding-bottom:10px;
}

#mainbodytext {
	width:481px;	
}

#newsbox {
	width:481px;
}

#flash {
	position:relative;
	float:left;
	left:0px;
	background-color:#e8fdb2;
	width:220px;
	height:500px;
	overflow:hidden;
}
#textbox {
	position:relative;
	float:left;
	left:5px;
	width:481px;
	background-color:#e8fdb2;
}
#crumbs {
	background-color:#e8fdb2;
	float: left;
	width: 100%;
	height:15px;
	overflow: visible;
	font-family: verdana;
	color: #000;
}
#texttitle {
	margin-top:10px;
	position:relative;
	float:left;
	background: transparent url("./images/texttop.gif") no-repeat top left;
	width: 481px;
	height: 40px;
}
#texttitle h1 {
	padding-left:20px;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
}
#textbody {
	position:relative;
	float:left;
	top:0px;
	width: 441px;
	padding-left: 20px;
	padding-right: 20px;
	background: transparent url("./images/textmid.gif") repeat top left;
}
#textbody p {
	font-family: verdana;
	font-size: 10px;
}
#textbody h2 {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	color: #f00;
}

#textbody h1 {
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
#textbody form {
	font-family: verdana;
	font-size: 11px;
	color: #000;
}
#textfooter {
	position:relative;
	float: left;
	background: transparent url("./images/textbottom.gif") no-repeat top left;
	width: 481px;
	height: 34px;
}

#bannerads {
	position:relative;
	float:left;
	left:10px;
	margin-left: 15px;
	margin-top: 15px;
	width: 180px;
}
#bannerads li {
	display:inline;
	float:left;
	margin-top: 10px;
	padding: 5px;
	width: 150px;
}
#bannerads h2 {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
}
#listing {
	position:relative;
	float: left;
	margin-left: 3px;
	margin-top: 3px;
	width:775px;
}
#listing li {
	display:inline;
	float:left;
	padding: 10px;
	margin: 3px;
	background:transparent url("./images/membersback.gif") no-repeat top left;
	width: 230px;
	height: 180px;
}
#listing li:hover {
	display:inline;
	float:left;
	padding: 10px;
	margin: 3px;
	background:transparent url("./images/membersbackhover.gif") no-repeat top left;
	width: 230px;
	height: 180px;
}
#listing h1 {
	font-family: verdana;
	font-size: 14px;
	font-weight: bold;
}
#listing a:link:visited:active {
	color: #f00;
	font-weight: bold;
	text-decoration: none;
}
#listing a:hover {
	color: #aaa;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
/*
#submenu {
	margin-top:50px;
	position:absolute;
	left:700px;
	top:125px;
}

#submenu li {
	display:inline;
	float:left;
	padding-bottom:10px;
}
*/

#submenu {
	position:relative;
	width: 250px;
	float:left;
	list-style: none;
	top:25px;
	height:38px;
}

#submenu li {
	list-style:none;
	margin-bottom: 10px;
	height:x;
}
#submenu li a {
	height: 38px;
  	height: 24px;
	text-decoration: none;
	}	
	
#submenu li a:link, #submenu li a:visited {
	width: 250px;
	color: #000;
	font-weight:bold;
	display: block;
	background:  url("./images/links.gif");
	padding: 8px 0 0 10px;
	height:38px;
	background-repeat:no-repeat;
	}
	
#submenu li a:hover {
	width: 250px;
	color: #000;
	font-weight:bold;
	background:  url("./images/links.gif");
	padding: 8px 0 0 10px;
	height:38px;
	background-repeat:no-repeat;
	}	


#catalog {
	position:relative;
	float:left;
	margin-top:20px;
	width:780px;
}
#catalog h2 {
	display:inline;
	text-align: center;
	font-family: verdana;
	font-size: 12px;
}
#catalog p {
	text-align: center;
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
}

#news h1 {
	background: transparent url("./images/news.jpg") no-repeat top left;
	width: 245px;
	height: 29px;
	text-indent: -9999px;
}
#news li {
	display: inline;
	border-bottom: 1px solid black;
	width: 300px;
}

#news h2 {
display:block;
font-size: 11px;
font-weight: bold;
}

#news a {
color: #000;
text-decoration: none;
}
#news a:hover {
color: #F00;
text-decoration: underline;
}

/*--*/
#news2 {
	float:left;
	width: 245px;
	margin-top: 15px;
	margin-left: 15px;
}
#news2 h1 {
	background: transparent url("./images/news2.jpg") no-repeat top left;
	width: 245px;
	height: 29px;
	text-indent: -9999px;
}
#news2 li {
	display: inline;
	float: left;
	width: 245px;
	border-bottom: 1px solid black;
}
#news2 h2 {
	font-size: 12px;
	
}

#footer {
	position:relative;
	float:left;
	left:0px;
	background: #000 url("./images/footer.gif") repeat;
	width:1004px;
	height:71px;
}
/*
#index_footer {
	position:absolute;
	top:850px;
	left:0px;
	background: #000 url("./images/footer.gif") repeat;
	width:1004px;
	height:71px;
}

#page_footer {
	position:absolute;
	top:1004px;
	left:0px;
	background: #000 url("./images/footer.gif") repeat;
	width:1004px;
	height:71px;
}

#mem_footer {
	position:absolute;
	top:2180px;
	left:0px;
	background: #000 url("./images/footer.gif") repeat;
	width:1004px;
	height:71px;
}

#app_footer {
	position:absolute;
	top:2100px;
	left:0px;
	background: #000 url("./images/footer.gif") repeat;
	width:1004px;
	height:71px;
}

#festival_footer {
	position:absolute;
	top:3760px;
	left:0px;
	background: #000 url("./images/footer.gif") repeat;
	width:1004px;
	height:71px;
}

#catalog_footer {
	position:absolute;
	top:900px;
	left:0px;
	background: #000 url("./images/footer.gif") repeat;
	width:1004px;
	height:71px;
}

#calendar_footer {
	position:absolute;
	top:900px;
	left:0px;
	background: #000 url("./images/footer.gif") repeat;
	width:1004px;
	height:71px;
}

#contact_footer {
	position:absolute;
	top:1300px;
	left:0px;
	background: #000 url("./images/footer.gif") repeat;
	width:1004px;
	height:71px;
}
*/
#visiblefooter {
	position:relative;
	float:left;
	background: #000 url("./images/footermain.gif") no-repeat;
	width: 807px;
	height:71px;
}

#end {
	float:left;
	background: #000;
	margin-bottom: 0px;
	height: 100px;
}
#visiblefooter h2 {
	display: none;
}

#portfolio h1 {
	width: 300px;
	height: 29px;
	background: transparent url("./images/portfolio.jpg") no-repeat;
	text-indent: -9999px;
}

#membershipbanner h1 {
	width: 180px;
	height: 29px;
	background: transparent url("./images/membership2.jpg") no-repeat;
	text-indent: -9999px;
}

#membershipbanner2 h1 {
	width: 180px;
	height: 29px;
	background: transparent url("./images/membership.jpg") no-repeat;
	text-indent: -9999px;
}

#programsbanner h1 {
	width: 350px;
	height: 29px;
	background: transparent url("./images/programs.jpg") no-repeat;
	text-indent: -9999px;
}

#careersbanner h1 {
	width: 322px;
	height: 29px;
	background: transparent url("./images/careers.jpg") no-repeat;
	text-indent: -9999px;
}
#contactusbanner h1 {
	width: 163px;
	height: 29px;
	background: transparent url("./images/contactus.jpg") no-repeat;
	text-indent: -9999px;
}
#aboutacpibanner h1 {
	width: 180px;
	height: 29px;
	background: transparent url("./images/aboutacpi.jpg") no-repeat;
	text-indent: -9999px;
}

#buttons span {
	float:left;
	display:block;
	width: 220px;
	height: 30px;
	padding-top:8px;
	padding-left:30px;
	font-size: 12px;
	font-weight: bold;
	font-family: verdana;
}
#buttons a {
	float: left;
	text-align: left;
	width: 250x;
	height: 38px;
	color: #000;
	text-decoration: none;
	background: transparent url("./images/links.gif") no-repeat top left;
}
#buttons a:hover {
	float: left;
	text-align: left;

	width: 250px;
	height: 38px;
	color: #a00;
	text-decoration: none;
	background: transparent url("./images/links.gif") no-repeat top left;
}

#dbase {
	float:left;
	width:700px;
}
legend {
	font-size: 12px;
	font-weight: bold;
}
label {
	display: table-cell;
}
fieldset {
	background-color: #e8fdb2;
	padding: 10px;
}


