body { font-size: 0.75em; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
	line-height: 1.25em;
	text-align: left; 
	background-color: #ff9; 
}

body a:link { color: #033; font-weight: bold; text-decoration: none; }
body a:visited { color: #033; font-weight: bold; text-decoration: none; }

body a:hover { color: #900; font-weight: bold; font-style: italic; text-decoration: none; }
body a:active { color: #900; font-weight: bold; font-style: italic; text-decoration: none; }
p { }
td { }
a:link {  }

a:visited { }

a:hover { }

a:active { }

h2 {
	font-size: 1.5em; 
	color: #900; 
	line-height: 1.5em; 
	font-style: italic;  
}

#copy /* copyright notice and rules over width of page*/{  
	width: 800px; 
	left: 0px; 
	height: 15px; 
	color: #033; 
	font-size: 0.75em; 
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; 
	background-color: #ff9; 
	text-decoration: none; 
	text-align: left; 
	text-indent: 1em;
	vertical-align: middle; 
	visibility: visible; 
	top: 620px; 
	z-index: 50; 
	position: absolute; 
	border-top: 5px solid #033; /*border-bottom: 1px solid #033;*/ padding-top: 4px; }

#copy a { color: #033; font-weight: bold; text-decoration: none; }

#copy a:hover { color: #900; font-weight: bold; font-style: italic; text-decoration: none; }
#copy a:active { color: #900; font-weight: bold; font-style: italic; text-decoration: none; }
#topnav/*navbar*/ {  
	background-color: #033; 
	text-decoration: none; 
	position: absolute; 
	top: 87px; 
	left: 0; 
	width: 800px; 
	height: 20px; 
	z-index: 30; 
	/*border: solid 1px #ff9; */
	visibility: visible; 
}

#nav, #nav ul { float: left; 
	background-color: #033; 
	list-style: none; 
	line-height: 1; 
	color: #ff9; 
	text-decoration: none; 
	padding: 0; margin: 0; 
	border-top: 1px solid #033; 
} 

#nav a {
	display: block;
	width: /*11em*/ 9em; 
	/*w\idth: 8.5em; */
	color: #ff9;
	text-decoration: none;
	padding: 0.25em .75em; 
}
#nav li, #leftnav li {
	float: left;
	padding: 0;
	width: 10em; 
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: /*10em*/10em;
	/*w\idth: 8.5em; */
	font-weight: normal;
	/*border-width: 0.25em; */ 
	margin: 0;
}

/*#nav li li {
	padding-right: 1em;
	width: 8.5em; 
}

#nav li ul a {
	width: 11em;
	w\idth: 9.5em;
}*/

#nav li ul ul {
	margin: -1.75em 0 0 11em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover { color: white; background: #900; border-top: 1px none  
 }

#header { background-color: #900;  background-repeat: no-repeat; background-attachment: inherit; background-position: 20px center; position: absolute; top: 25px; left: 0; width: 800px; height: 56px; z-index: 30; overflow: hidden; visibility: visible; }
.welcome {background-image: url(../images/Heading/Welcome.gif);}
.community { background-image: url(../images/Heading/Community.gif); }
.board { background-image: url(../images/Heading/Board.gif); }
.area { background-image: url(../images/Heading/AreaInfo.gif); }
.contact { background-image: url(../images/Heading/ContactUs.gif); }

#Greenbkgnd { 
	background-color: #033; 
	background-image: none; 
	position: absolute; 
	top: 0; 
	left: 0px; 
	width: 800px; 
	height: 86px;  
	z-index: 25; 
	visibility: visible; 
	position: absolute; 
}

#APlogo { 
	background-image: url(../images/Heading/ApalacheeLogo.gif); 
	background-repeat: no-repeat; 
	background-position: left; 
	position: absolute; top: 10px; 
	left: 585px; 
	width: 147px; 
	height: 70px; 
	z-index: 40; 
	visibility: visible; 
	position: absolute; 
}

#FrontText { 
	height: 400px; 
	width: 450px; 
	left: 50px; 
	top: 150px; 
	z-index: 25; 
	position: absolute; 
	visibility: visible; 
}

#MainGraphic { 
	height: 380px; 
	width: 278px; 
	left: 522px; 
	top: 200px; 
	z-index: 60; 
	position: absolute; 
	visibility: visible; 
}

#SmallGraphic {
	height: 100px; 
	width: 278px; 
	left: 522px; 
	top: 110px;    
	z-index: 25; 
	visibility: visible; 
	position: absolute; 
}
#Rule { background-color: #033; height: 380px; width: 2px; left: 512px; top: 205px; z-index: 60; position: absolute; visibility: visible; }
