@import url("reset.css");
@import url("form.css");
@import url("data_table.css");
@import url("colors.css");

body {
	background: black;	
	margin-top: 10px;
	color: white;
	line-height: 1.15em;
}
/* prevent nav bar jump in FF */
html, body {
	height: 100%;
	margin: 0;
	margin-bottom: 1px;
}
#iframe {
	width: 100%;
	height: 812px;
	
}
#topper {
	background: #6c2b0c;
	height: 6px;
	border-bottom: 1px solid black;
}

#container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	width: 890px;
	margin: auto;
	position: relative;
	
}
#header, #content, #nav {
	margin-left: 60px;
}
.apdg-experience {
	float: right;
	margin: 80px 140px 0 0;
}
#content {
	position: absolute;
	top: 120px;
	left: 123px;
	z-index: 5;
}
#content #main {
	border: 1px solid #9ea615;
	position: absolute;
	top: 0px;
	left: 281px;
	padding: 20px;
	height: 335px;
	overflow: auto;
	width: 244px;
	scrollbar-base-color: #222;
	scrollbar-track-color: #444;
	scrollbar-arrow-color: #9ea615;
}
#content .content_image {
	float: left;
}
.bottom_right {
	position: absolute;
	bottom: 0px;
	right: -286px;
}
	
#lower_nav a span {
	position: absolute;
	top: -1000em;
}
#lower_nav li {
	float: left;
}
#lower_nav a {
	display: block;
	height: 81px;
	background-position: bottom left;
	float: left;
}
#lower_nav a:hover {
	background-position: top left;
}
#eclipse {
	width: 220px;
	background-image: url(../images/eclipse.jpg);
}
#dome {
	width: 182px;
	background-image: url(../images/dome.jpg);
}
#redfire {
	width: 182px;
	background-image: url(../images/redfire.jpg);
}
#capers {
	width: 230px;
	background-image: url(../images/capers_lemons.jpg);
}
#capers_market {
	width: 203px;
	background-image: url(../images/the_market.jpg);
}
#nav {
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
	width: 170px;
	z-index: 600;
	position: relative;
	margin-top: 3px;
}
#nav li {
	margin: 5px 5px 5px 0;
	float: left;
}

#nav a span {
	position: absolute;
	top: -1000em;
}
#nav li a {
	font-size: 11px;
	display: block;
	color: white;
	width: 137px;
	height: 29px;
	background-color: #000000;
	z-index: 100;
	text-align: center;
	text-decoration: none;
	letter-spacing: .1em;
}
#nav li a:hover {
	background-position: top right;
}
#footer {
	text-align: center;
	color: #505050;
	position: absolute;
	top: 530px;
	left: 40px;
	font-family: "Times New Roman", Times, serif;
	font-size: .9em;
	width: 835px;
}
#footerthanks {
	text-align: center;
	color: #505050;
	position: absolute;
	top: 200px;
	left: 40px;
	font-family: "Times New Roman", Times, serif;
	font-size: .9em;
	width: 835px;
}
#footer p {
	padding-top: 20px;
}
.pdg_home {
	float: right;
	margin-top: -40px;
	padding-right: 10px;
	display: block;
	height: 46px; 
	width: 134px;
	background-image: url(../images/pdg_home.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
.pdg_home:hover {
	background-position: bottom left;
}
.pdg_home span {
	position: absolute;
	top: -1000em;
}

/* element styles for reuse */
p {
  margin: 1em 0;
}
h1 {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 0 .67em 0;
  line-height: 1.2em;
}
h2 {
  font-size: 1.1em;
  font-weight: bold;
  margin: .83em 0;
  line-height: 1.2em;
}
td {
	vertical-align: middle;
	padding: 10px;
}
a img {
	border: 0;
}
/* link styles */
a {
	
}
a:hover, a:active, a:focus {
	
	text-decoration: none;
}
#menulist a, a:visited {
	text-decoration: none;
	color: #ffffff;
}
#menulist a:hover {
	text-decoration: none;
	color: #c6c6c6;
}
a.caperslink, a:visited.caperslink {
	color: #9EA615;
	font-size: 1.1em;
	text-decoration:none;
}
a:hover.caperslink {
	color: #ffffff;
	text-decoration:none;
}
a.domelink, a:visited.domelink {
	color: #ED2728;
	font-size: 1.1em;
	text-decoration:none;
}
a:hover.domelink {
	color: #ffffff;
	text-decoration:none;
}
a.eclipselink, a:visited.eclipselink {
	color: #81C345;
	font-size: 1.1em;
	text-decoration:none;
}
a:hover.eclipselink {
	color: #ffffff;
	text-decoration:none;
}
#menuspacing {
	line-height: 1.6em;
}
/* classes for reuse */
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.hide {
	display: none;
}