/*  Main CSS  */


	html, body {
		margin: 0;
		padding: 0;
		font-size: 100%;
		background: #7A8058;
		color: #000;
		}

	
	.clear {
		clear:both;
		}




#wrap { 
	position: relative;
	margin: 2.5em auto;
	height: 30em;
	width: 50em;
	overflow: hidden;
	}

			*html #wrap {
				height: 100%;
				}

#nav {
	float: left;
	padding: 0;
	margin: 0;
	background: transparent;
	border: 1em solid #583C43;
	z-index: 2;	
	}

#nav a img {
	border: 0;
	}

#mainimg {
	float: left;
	border: 1em solid #583C43;
	margin-left: -1em;
	overflow: scroll;
	z-index: 5;
	}



.scrollbox {
	float: left;
	border: 1em solid #583C43;
	margin-left: -1em;
	width: 625px;
	height: 451px;
	overflow: scroll;
	z-index: 5;
	}

.iframe {
	float: left;
	border: 1em solid #583C43;
	margin-left: -1em;
	width: 625px;
	height: 451px;
	z-index: 5;
	}



ul {
	top: 0;
	margin: 0;
	padding: 0;
	height: 451px;
	min-height: 451px;
	width: 121px;
	overflow: hidden;	
	list-style: none;
	}

	ul li {
		width: 121px;
		height: 1em;
		display: block;
		position: relative; 
		text-align: center;
		border-top: 0.25em solid transparent;
		border-bottom: 0.25em solid transparent;
		}

	ul li a {
		font: 100 1em/1.25em Palatino, 'Palatino Linotype', 'Book Antiqua', serif; 
		letter-spacing: .1em;
		text-decoration: none;
		text-align: justify;
		color: #F5F3DE;
		}

	ul li a:link, ul li a:visited, ul li a:active, ul li a:hover, a img:link, a img:visited, a img:hover, a img:active {
		-moz-outline: none;
		outline: none;
		}


	ul li a:hover {
		color: #583C43;
		}

	a img:link, a img:visited, a img:hover, a img:active {
		color: transparent;
		}