@charset "UTF-8";
/* CSS Document */

/* COMMON */

body {
	margin: 0;
	padding: 0;
	background-color: #00C;
}

#page {
	background-image: url(images/background2.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 50px;
	position:absolute;
	top: -30px;
	bottom: 0;
	right: 0;
	left: 0;
	min-width:900px;
}

#content {
	width: 91%;
	max-width: 1000px;
	height: 84%;
	overflow-y: scroll;
	background-color: rgb(255,255,255);
	filter:alpha(opacity:85);
	background-color: rgba(255,255,255,.85);
	margin: 10px auto;
	padding: 20px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-mozilla-border-radius: 5px;
	font-family:Verdana, Geneva, sans-serif;
	
}

#title {
	color: #759444;
	font-size: 30px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 2px #444444;
	width: 91%;
	margin: 0 auto;;
	
}

#navigation {
	color: #c3853c;
	font-size: 18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 91%;
	margin: 0 auto;
}

#navigation .button {
	display: inline;
	margin: 0 15px;
}

#navigation .button a {
	color: #c3853c;
	text-decoration: none;
}

#navigation .button.current a {
	color: #434343;
}



/* INTRO - ONLY FOR INDEX.HTML */

.introContent {
	font-family: Geneva, Arial, Helvetica, sans-serif!important;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	overflow-y: auto!important;
}