body {
	background-image: url(../APA/YUG/00_page_background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
}
/* ---------------------------- */
/* wrapper */
/* ---------------------------- */
#wrapper {
	position: absolute;
	height: 600px;
	width: 800px;
	left: 0px;
	top: 0px;
	margin: auto;
	background-image: url(../images/Website_images/00_page_background.jpg);
	background-position: top;
	
}
/* ---------------------------- */
/* navigation - left side */
/* ---------------------------- */
#navigation {
	position: absolute;
	width: 200px;
	top: 190px;
	left: -40px;
}

#navigation ul {
	width: 218px;
}

#navigation li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	list-style-type: none;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0px;
}

#navigation li a:link {
	text-decoration: none;
	color: #FFFFFF;
	display: block;
	padding-left: 15px;
	padding-right: 10px;
}

#navigation li a:hover {
	text-decoration: none;
	color: #000000;
	display: block;
	padding-left: 15px;
	padding-right: 10px;
	background-color: #CCCCCC;
}
/* ---------------------------- */
/* banner elements */
/* ---------------------------- */
#banner {
	position: absolute;
	width: 420px;
	left: 310px;
	top: 122px;
	height: 29px;
}

#banner #home {
	background-color: #0066CC;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(images/00_natural creek.jpg);
	background-repeat: no-repeat;
	width: 107px;
	height: 100px;
	background-image: url(../APA/images/00_natural creek.jpg);
}

#banner #about {
	background-color: #0066CC;
	position: absolute;
	left: 107px;
	top: 0px;
	background-image: url(images/00_BA falcon.jpg);
	background-repeat: no-repeat;
	width: 107px;
	height: 100px;
	background-image: url(../APA/images/00_BA falcon.jpg);
}

#banner #contact {
	background-color: #0066CC;
	position: absolute;
	left: 214px;
	top: 0px;
	background-image: url(images/00_LA smog.jpg);
	background-repeat: no-repeat;
	width: 107px;
	height: 100px;
	background-image: url(../APA/images/00_LA smog.jpg);
}

#banner #downloads {
	position: absolute;
	left: 321px;
	top: 0px;
	background-repeat: no-repeat;
	width: 107px;
	height: 100px;
}

#banner .navbutton {
	margin-top: 80px;
}
/* ---------------------------- */
/* content */
/* ---------------------------- */
#content {
	position: absolute;
	left: 228px;
	top: 146px;
	width: 540px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	height: 609px;
	background-image: url(../images/Website_images/background_fade.JPG);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#content h1 {
	color: #006600;
	font-size: 1.5em;
}

#content li {
	font-size: .8em;
	line-height: 1.2em;
}

#content h2 {
	color: #0033CC;
	font-size: 1.2em;
}
#content p {
	color: #000000;
	font-size: 0.8em;
}
/* ---------------------------- */
#navigation li a:visited {

	text-decoration: none;
	color: #FF00FF;
	display: block;
	padding-left: 15px;
	padding-right: 10px;
}
#content h6 {
	color: #FFFFFF;
	font-size: 1.2em;
	background-color: #3300FF;
}