html,body {
	height: 100%;
}

body {
	scrollbar-face-color: #E2CE62; 
	scrollbar-shadow-color: #E2CE62;
	scrollbar-highlight-color: #E2CE62; 
	scrollbar-3dlight-color: #E2CE62;
	scrollbar-darkshadow-color: #000000; 
	scrollbar-track-color: #538C52;
	scrollbar-arrow-color: #000000;	

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
	background-color:#334F37;
}

.maintable {
	border: 1px solid #3A5A3E;
	background-color: black;
	margin-top: 1px;
	margin-bottom: 1px;
}


.tableh1 {
	font-size: 12px;
	background : #334F37 ;
	color : #FFFFFF;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-weight: bold;
	
}

.tableh2 {
	font-size: 10px;
	background: #538C52 ;
	color : #FFFFFF;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-weight: bold;
}

.tableb {
	background: #EFDE85 ;
	font-size: 12px;
	padding-left: 5px;	
}

.tableb_small {
	background: #EFEFEF ;
	font-size: 11px;
	padding: 5px;
}

.maintable  ul { 
		margin: 5px 0px 5px 10px;
		padding: 0px 0px 0px 10px;
}

.small {font-size: 10px;}

.comments {
	width: 95%;
	padding: 0px 10px 10px 10px;
	margin-top: 10px;
	border: 1px solid #334F37;
}

.comments_staff {
	color:#FF0000;
}


a:link {color: #334F37; text-decoration: none; font-weight: bold;}
a:visited {color: #334F37; text-decoration: none; font-weight: bold;}
a:hover {color: #334F37; text-decoration: underline; font-weight: bold;}

option, select, input {          
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        background-color: #E2CE62;
}

textarea {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        background-color: #E2CE62;
}


#site_map {
	text-align: right;
	font-size: 12px;
}

	#site_map form {
		padding-top: 5px;
		margin-top: 0px;
	}

#last_mod {
	padding-top: 10px;
	text-align: right;
	font-style:italic;
}

#admin_options {
	text-align: right;
}

	#admin_options ul {
		padding-top: 0px;
		margin-top: 0px;
	}

#container {
	position: relative;
	width: 700px;	
	margin: 0px auto;
	height: 100%;
}

	#logo {
		background:url("images/zlclassic/top.gif") #E2CE62 top left no-repeat;
		display: block;
		height: 134px;
	}
	
	#ads {
		display: block;
		position: absolute;
		margin: 0px auto;
		top: 61px;
		margin-left: 232px;
	}

#content_container {
	position: absolute;

	background-color: #3A5A3E;
	top: 133px;
	width: 540px;	
	height: 100%;
	
}

	#header_main {
		background:url("images/zlclassic/header.gif") transparent top left no-repeat;
		height: 40px;
	}
	
		#header_main h2 {
			font-size: 20px;
			color: #FFFFFF;
			padding-left: 40px;
			padding-top: 10px;
		}

	#content_box {
		padding-top: 13px;
		/* Fix IE. Hide from IE Mac \*/
		* padding-top: 20px;
		/* End */

		background:url("images/zlclassic/content_header.gif") transparent top left no-repeat;
		
	}
	
		#content_box .content_background {
			background:url("images/zlclassic/content_middle.gif") transparent top left repeat;	
		}
	
		#content_box .content_closer {
			background:url("images/zlclassic/content_middle.gif") transparent top left repeat;	
			height: 17px;
		}
	#content {
		margin: 0px auto;	
		width: 480px;
	}
	
		#content p {
			margin-bottom: 0px;
		}
		
		#content h2 {
			font-size: 16px;
			font-weight: bold;
			margin-bottom: 0px;
		}
		
		#content h3 {
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 0px;
		
			/*margin-top: 0px;
			font-size: 10px;
			font-style:italic;
			font-weight:normal;
			padding-bottom: 3px;
			border-bottom: 1px solid #2C75DC;*/
		}
		
		#content h4 {
			font-size: 12px;
			font-weight: bold;
			font-style:italic;
			margin-bottom: 0px;
		}
/*		
		#content h3 {
			margin-top: 0px;
			font-size: 10px;
			font-style:italic;
			font-weight:normal;
			padding-bottom: 3px;
			border-bottom: 1px solid #334F37;
		}
*/
#table_of_contents {
	display: table;
	padding-bottom: 15px;
	/* Fix IE. Hide from IE Mac \*/
	* padding-bottom: 25px;
	/* End */	
}
	#table_of_contents ul {
		margin: 0px 0px 5px 0px;
		padding: 0px;		
		list-style: none;
	}
	
	#table_of_contents li {
		float: left;		
		padding-left: 15px;
	}

		#table_of_contents_main {
			font-size: 14px;
		}
	
		#table_of_contents_main ul{
			padding-bottom: 10px;
		}

		#table_of_contents_main li {
			background: url("images/zlclassic/toc_bullet.gif") transparent left center no-repeat;
			margin-left: 9px;
		}

		#table_of_contents_sub {
			font-size: 10px;
		}
	
		#table_of_contents_sub ul{
			padding-left: 15px;
		}
		
		#table_of_contents_sub li {
			background: url("images/zlclassic/toc_bullet.gif") transparent left center no-repeat;
			margin-left: 9px;
			white-space: nowrap;
		}
	
#navigation {
	position: absolute;
	background-color: #E2CE62;
	top: 133px;
	margin: 0px auto;
	margin-left: 540px;	
	width: 160px;
	height: 100%;

}

#navigation option{
	width: 140px;
}

#navigation select{
	width: 140px;
}

#navigation form {
	background:url("images/zlclassic/nav_middle.gif") transparent top left repeat;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/*
#navigation2 {
	position: absolute;
	background-color: #E2CE62;
	top: 0px;
	left: -700px;
	width: 160px;
	height: 100%;

}
*/

	.navigation_box {
		background:url("images/zlclassic/nav_header.gif") transparent top left no-repeat;
	}

		.navigation_box h2 {
			color: #FFFFFF;
			font-weight: bold;
			font-size: 12px;
			line-height: 12px;
			margin: 0 0 0 0;
			padding: 5px 0 0 10px;
		}
		
		#navigation h2 a {color: #FFFFFF; text-decoration: none; font-weight: bold;}
		#navigation h2 a:visited {color: #FFFFFF; text-decoration: none; font-weight: bold;}
		#navigation h2 a:hover {color: #FFFFFF; text-decoration: underline; font-weight: bold;}
		
				
		.navigation_box ul {
			background:url("images/zlclassic/nav_middle.gif") transparent top left repeat;
			margin: 2px 0 00px;
			padding: 0px;
		}

		.navigation_box li {
			list-style: none;
			padding: 0px 0 0 15px;
			font-size: 8pt;
		}

		#navigation .navigation_closer{
			background:url("images/zlclassic/nav_bottom.gif") transparent top left no-repeat;
		}
		
		#navigation a {color: #E2CE62; text-decoration: none; font-weight: normal;}
		#navigation a:visited {color: #E2CE62; text-decoration: none; font-weight: normal;}
		#navigation a:hover {color: #E2CE62; text-decoration: underline; font-weight: normal;}

#footer {
	background-color: #E2CE62;
	border-top: 1px solid #334F37;
	margin-top: 25px;
	padding-top: 5px
}

.mobile #content_box .content_background {
	background: none;
	background-color: #E2CE62;
}

.mobile #navigation {
	margin-left: 0px;
	background-color: #538c52;
}

.mobile #navigation_box {
	background: none;
	background-color: #538c52;
}
.mobile .navigation_box ul {
	background:none;
	background-color: #538c52;
}

.mobile .navigation_box h2 {
	background:none;
	background-color: #538c52;
}
.mobile #navigation .navigation_closer{
	background:none;
	background-color: #538c52;
}

.mobile #navigation form {
	background:none;
	background-color: #538c52;
}