body {
background:black;
margin: 0 0 0 0;

font-family:Garamond;
font-size:16px;

}

body h1 {
font-size: 30px;
}

body h2 {
font-size: 20px;
}



/* Nav styling
----------------------------------------------- */
#top-level, #top-level ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#top-level a:hover {
	color: #1EB600;
	text-decoration: none;
	

}

#top-level a {
	display: block;
	width: 10em;
	font-size: 20px;
	text-decoration: none;
	color: white;
}

#top-level li { /* all list items */
	float: left;
	width: 8.5em; /* width needed or else Opera goes nuts */
}

#top-level li ul { /* second-level lists */
	position: absolute;
	padding: 12px 0 0 0;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	
}
#top-level li ul a {
	
	color: white;
	text-decoration: none;
	padding: 0 0 5px 5px;
	height: 20px;
	display: block;
	z-index: 12;

}

#top-level li ul a:hover {
	color: #1EB600;
	text-decoration: none;

}

#top-level li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.active {
background: url(images/deco.png) no-repeat;
z-index: 9;
text-decoration:none;
padding-top: 10px;
padding-left: 14px;
padding-bottom: 40px;
height: 62px;
width: 123px;
margin-left: 0;
margin-top: -10px;
margin-right: 0;
}

.upper {
background: url(images/navbg.png) no-repeat;

}

.bottom {
background: url(images/bottom.png) no-repeat;
}


/* Divs
----------------------------------------------- */


.ringo {
padding: 10px 0 0 10px;
float: right;
}

#content .lighter {
background: url(images/textboxlight.png) no-repeat;

}

#logo {
height:160px;
margin:50px 0 0 5px;
position:absolute;
width:175px;
z-index:4;}

#nav-bar {
z-index: 3;
margin: 10px 0 0 0;
width: 100%;
height: 50px;
position: absolute;
background: url(images/topbar.png) repeat-x;

}

#map {
margin: 0 0 0 130px;
padding: 18px 40px 40px 25px;
}

#map a {
text-decoration: none;
background: white;
width: 300px;
display: block;
text-align: center;
text-indent: 100px;
}

#menu {
    z-index: 11;
    position:absolute;
    width: 1000px;
    height: 40px;
    
    padding: 20px 0 0 60px;

}

#photonav {
height:230px;
margin:290px 20px 0 20px;
padding:15px 0 0 0;
position:absolute;
width:138px;
z-index: 3;
background: url(images/photonavbg2.png) no-repeat;

}

#photonav ul {
list-style-type: none;
text-align: center;
}

#photonav p {
text-align: center;
}

#photonav a {
text-decoration: none;
color: white;
font-size: 25px;
}

#photonav a:hover {
color: black;
}


#toplogo {
z-index: 13;
position: absolute;
margin: 10px 0 0 10px;
background: url(images/whole-logo.png) no-repeat;
}

#content {
background:url(images/textbox.png) no-repeat;
min-height:500px;
margin:140px 300px 0 160px;
padding:25px 50px 0px 50px;
position:absolute;
width:620px;
height: auto;
z-index:2;
color: white; 
font-size: 20px;
}

#little {
font-size: 15px;
text-align: center;
color: white;
margin: -20px 0 0 0;
}

#basepage {
margin: 700px 0 0 0;
position: absolute;
width: 100%;
text-align: center;
z-index: 3;
color: white;
}


#photobar {
width: 1008px;
height: 35px;
background: url(images/photobar.png) repeat-x;
margin: 133px 0 0 264px;
position: absolute;
z-index: 4;
}

.unindent {
padding: 0px;
width: 900px;

}

#content a {
text-decoration: none;
color:#1eb600;

}

#content a:hover {
text-decoration: none;
color:white;
}

#content ul {
text-decoration: none;
list-style-type: none;
}

#content .long {
background: url(images/textboxlong.png) no-repeat;
}

#video {
margin-left: 69px;

}

#background {
z-index: 1;
position:absolute;
width: 100%;
height: 100%;
margin: 0 0 0 0;
}