
img { border: none; }

.clear { clear: both; }

body {
	background: #fff;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	color: #454545;
}

#wrapper {
	width: 804px;
	margin: 0 auto;
	padding: 38px 0;
}

	h1 a span { display: none; }
	
	h1 a {
		width: 174px; height: 29px;
		background: url(images/logo.gif) no-repeat;
		display: block;
		float: left;
		margin: 0 29px 18px 0;
	}
	
	#navigation { height: 23px; padding: 3px 0; }
	
		#navigation li { float: left; list-style: none; }
		
	#navigation li a {
			height: 23px;
			display: block;
			background: url(images/nav-button.gif)  no-repeat bottom left;
			color: #333;
			text-decoration: none;
			font-weight: bold;
			line-height: 23px;
			margin: 0 4px 0 0;
			float: left;
			padding-left:10px;
			
		}
		
			#navigation li a span {
			display:block;padding-right:10px;
				background: url(images/nav-right.gif) no-repeat bottom right;
			}
			
			#navigation li a:hover { background-position: top left; color: #fff; }
			
			#navigation li a:hover span { background-position: top right; }
			

#navigation .lcurrent {background-position: top left; color: #fff;}
#navigation .lcurrent span{background-position: top right;}

	#main-content-top { width: 804px; height: 11px; background: url(images/main-content-top.gif) no-repeat center; clear: both; }
	
	#main-content {
		width: 758px;
		background: url(images/main-content.gif) repeat-y center;
		padding: 10px 21px 0 25px;
	}
	
		#content {
			width: 501px;
			float: left;
		}
		
			#content a {
				color: #06c;
				text-decoration: underline;
			}
			
				#content a:hover { text-decoration: none; }
				
			#content p {
				padding: 0 0 10px 0;
			}
			
			#content h2 {
				width: 501px;
				background: url(images/h2-bottom.gif) no-repeat bottom;
				padding: 0 0 8px 0;
				margin: 0 0 25px 0;
				font-family: "Trebuchet MS";
				font-size: 18px;
				font-weight: normal;
				color: #333;
			}
			
			#content h3 a {
				background: url(images/pages-icon.gif) no-repeat left;
				padding: 0 0 0 18px;
				font-family: "Trebuchet MS";
				font-size: 14px;
				text-decoration: none;
				color: #f00;
			}
			
				#content h3 a:hover { text-decoration: underline; }
				
			.indent { padding: 0 0 0 18px; }
			
			hr {
				height: 0;
				border: none;
				border-bottom: 1px dashed #bbb9b0;
				margin: 15px 0;
			}
			
		#sidebar {
			width: 217px;
			float: right;
		}
		
			#sidebar h3 {
				font-family: Georgia;
				font-size: 13px;
				font-weight: normal;
				padding: 0 0 6px 0;
				margin: 0 0 8px 0;
				border-bottom: 1px dashed #ceccbf;
			}
			
			.grey-box {
				width: 190px;
				background: #5f6263 url(images/grey-box-top.gif) no-repeat top left;
				padding: 12px 13px 7px 14px;
				color: #fff;
			}
			
				input.login {
					width: 182px; height: 16px;
					background: url(images/login-box.gif) no-repeat;
					padding: 4px;
					color: #fff;
					border: none;
					margin: 2px 0;
				}
				
				input.submit {
					width: 54px; height: 24px;
					background: url(images/submit.gif) no-repeat;
					display: block;
					font-size: 0.1em;
					cursor: pointer;
					border: none;
					float: left;
					margin: 3px 10px 0 0;
				}
				
				.grey-box a {
					color: #fff;
					text-decoration: underline;
				}
				
					.grey-box a:hover { text-decoration: none; }
					
			.grey-box-bottom {
				width: 217px; height: 16px;
				background: url(images/grey-box-bottom.gif) no-repeat top;
			}
			
			.brown-box {
				
				background: #f7f6ef url(images/brown-box-top.gif) no-repeat top;
				padding: 2px;
				color: #663;
			}
			
				ul { list-style: none; }
				li{ margin:0px ; padding:0px;}
				#content ul li:before, #sidebar ul li:before {
					content: "\00BB \0020";
				}
				
				.brown-box h3 { color: #333; }
				
				.brown-box a {
					color: #c60;
					text-decoration: underline;
				}
				
					.brown-box a:hover { text-decoration: none; }
				
			.brown-box-bottom {
				width: 217px; height: 16px;
				background: url(images/brown-box-bottom.gif) no-repeat top;
			}
			
	#footer {
		width: 771px;
		background: #fff url(images/footer.gif) no-repeat top;
		padding: 17px 0 17px 31px;
		margin: 0 auto 20px auto;
		clear: both;
}
