/*
1.2em = 12pt, 3.5em = 35pt, etc.
*/

body		{  	
		margin: 0;
        padding: 0;
		background-color: #371f12;
		background-image: url("/images/header-background.jpg");
		background-position: left top;
		background-repeat: repeat-x;
		color: #000000;
		font-size: 62.5%;				
		}
                         	
h1		{  
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 2em;  	
		margin: 0 0 15px 0;
		}

h2		{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 1.8em;  
		margin: 25px 0 8px 0;
		}

h3		{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 1.4em;  	
		margin: 25px 0 8px 0;		
		}

h4		{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 1.4em;  			
		}

p		{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: 1.4em; 
		line-height: 1.6em;
		margin: 0 0 10px 0;		
		}

		
		
#menu {
	background-color: #a08949; 
	height: 35px; 
	border-top: #3a1107 solid 1px; 
	border-bottom: #3a1107 solid 1px;
	}
		
#credits	{	
		font-size: 10px;
		line-height: 14px;
		color: #6b4936;
		font-style: normal;
		font-family: verdana, sans-serif;
		text-align: center;
		padding: 20px 0 10px 0;		
		}
				
#wrapper1 {
	background-image: url("/images/content-background.png"); 
	background-position: left top; 
	background-repeat: repeat-x;
	padding-bottom: 15px;
	}

#wrapper2 {
	width: 885px; 
	margin: 0 auto; 
	background-image: url("/images/content-middle.png"); 
	background-position: center top; 
	background-repeat: repeat-y;
	}

#content {
	background-image: url("/images/e.png"); 
	background-position: right top; 
	background-repeat: no-repeat; 
	margin: 0 11px 0 10px;
	padding: 0 40px 20px 40px;
	}
	
#content ul {
	margin: 0 0 0 18px;
	padding: 0;
	}
#content li {
	font-size: 12px;
	font-family: verdana, sans-serif;
	line-height: 14px;
	margin-bottom: 10px;
	}
	
#ezone {
	background-image: url("/images/ezone-background.png"); 
	background-position: right top; 
	background-repeat: repeat-y;
	padding: 0 45px 0 45px;
	font-size: 11px;
	font-family: verdana, sans-serif;
	line-height: 14px;
	}

#creditwrapper {
	height: 78px; 
	background-image: url("/images/ezone-bottom.png"); 
	background-repeat: repeat-y; 
	background-position: center top; 
	text-align: center; 
	font-weight: bold; 
	font-style: italic; 
	font-family: arial, sans-serif; 
	font-size: 16px; 
	color: #958074;
	}
	
/* CONTAINING BLOCK ELEMENTS FOR THE MENU LIST THAT DO THE CENTERING OF FLOATING ELEMENTS */
.navigationBox {
	width: 885px; 
	position: relative; 
	overflow: hidden; 
	text-align: center; 
	margin: 0 auto;
	}
.navigation {
	float: left; 
	left: 50%; 
	position: relative; 
	text-align: center;		
	}
.navigationWrapper {
	position: relative; 
	left: -50%; 
	float: left; 
	list-style: none; 
	margin: 0; 
	padding: 0;
	}

/* LINK LIST ITEMS - LEFT FLOATING WITH MARGIN CORRECTION TO HIDE DOUBLE BORDER */	
.navigationBox li  {
	float: left;
	margin: 0 -1px 0 0;
	padding: 0;
	}
/* LINK STYLE AND BORDER COLOR */
.navigationBox li a {
	display: block; 
	padding: 0 13px 0 13px;
	font-size: 15px;
	line-height: 35px;
	font-weight: bold;
	font-family: arial, sans-serif;
	text-decoration: none;
	border-right: #927d41 solid 1px;
	border-left: #927d41 solid 1px;
	}
/*  LINK STATES: NORMAL, ACTIVE, VISITED  */
.navigationBox li a:link, .navigationBox li a:visited, .navigationBox li a:active {   
	color: #f9fa9a;
	background-color: #a08949;
	}
/* LINK STATE: HOVER */	
.navigationBox li a:hover { 
	color: #fff;
	background-color: #971f11;
	}		

#onit {
	display: block; 
	padding: 0 17px 0 17px;
	font-size: 14px;
	line-height: 35px;
	font-weight: bold;
	font-family: verdana, sans-serif;
	text-decoration: none;
	border-right: #927d41 solid 1px;
	border-left: #927d41 solid 1px;
	color: #b8a05d;
	background-color: #87733c;
	}