body { 
	background: url('images/bg.jpg') top repeat-x; 
	font-family: Arial, Helvetica, sans-serif; 
	}

#container { 
	width: 900px; 
	margin: 0 auto; 
	}

fieldset,img { border: 0; }

.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
	}

.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
ol, ul { list-style: none; }

body,div,ul,ol,li,h1,h2,p { margin: 0; padding: 0; }

/****Header****/
#header { 
	height: 150px; 
	position: relative; 
	}

	#header h1 a { 
		display: block; 
		text-indent: -5000px; 
		width: 137px; 
		height: 21px; 
		background: url('images/logo.gif') no-repeat; 
		position: absolute; 
		left: 20px; 
		top: 30px; 
		}
	
	#top-nav { 
		position: absolute; 
		right: 20px; 
		top: 40px; 
		}

	#top-nav li { display: inline; }
	#top-nav li a { 
		display: block; 
		float: left; 
		font-size: 13px; 
		color: #B32F26; 
		font-weight: bold;
		text-decoration: none; 
		padding: 0 5px; 
		background: url('images/top-nav-divider.gif') left no-repeat; 
		}

	#top-nav li a:hover { 
		color: #000000; 
		text-decoration: underline; 
		}
	
	#main-nav { 
		background: url('images/main-nav.gif') left no-repeat; 
		margin: 0 -9px; 
		height: 53px; 
		width: 891px; 
		position: absolute; 
		bottom: 11px; 
		padding: 15px 0 0 27px; 
		}

	#main-nav li { display: inline; }

	#main-nav li a { 
		display: block; 
		float: left; 
		font-size: 14px; 
		font-weight: bold; 
		color: #FFFFFF; 
		text-decoration: none; 
		padding: 12px 20px 0 20px; 
		background: url('images/main-nav-divider.gif') left no-repeat; 
		height: 27px; 	
		}

	#main-nav li.first-item a { 
		background: none; 
		padding-left: 0; 
		}	

	#main-nav li a:hover { color: #000000; }
	
/****Sub Header****/
#sub-header { 
	background: url('images/sub-header.gif') no-repeat; 
	width: 900px; 
	position: relative; 
	padding-top: 43px; 
	margin-bottom: 20px; 
	}

	p.breadcrumbs { 
		font-size: 11px; 
		font-weight: bold; 
		color: #FFFFFF; 
		position: absolute; 
		top: 14px; 
		left: 20px; 
		}
	
	#search { 
		background: url('images/search.gif') no-repeat; 
		width: 220px; 
		height: 20px; 
		position: absolute; 
		right: 20px; 
		top: 11px; 
		}

	#search .input-text { 
		width: 187px; 
		background: none; 
		border: none; 
		font-size: 11px; 
		color: #999; 
		display: block; 
		float: left; 
		padding: 3px 0 0 9px; 
		}

	#search .input-button { 
		width: 16px; 
		height: 20px; 
		cursor: pointer; 
		background: none; 
		border: none; 
		}
	
	#images { 
		background: #FFFFFF; 
		height: 111px;  	
		}

	#images li { 
		display: block; 
		float: left; 	
		margin: 1px 1px 0 0;
		}

	#images li.first-item { margin-left: 1px; }
	#images li.last-item { margin-right: 0; }
	
	#directory { 
		background: url('images/directory.jpg') bottom no-repeat; 
		padding: 0 0 11px 0; 
		}

	#directory-inner { 
		background: #f5f5f5 url('images/directory-list.jpg') top left no-repeat; 
		padding-bottom: 5px;
		}

	#directory ul { 
		width: 159px; 
		float: left; 
		padding: 10px 0 0 20px; 
		}

	#directory ul li { 
		background: url('images/directory-bullet.jpg') left no-repeat; 
		padding-left: 8px; 
		}

	#directory ul li a { 
		font-size: 11px; 
		color: #000000; 
		font-weight: bold;
		text-decoration: none; 
		line-height: 1.6; 
		}

	#directory ul li a:hover { 
		text-decoration: underline; 
		color: #B32F26; 
		}

/****Sidebar*****/
#sidebar { 
	width: 247px; 
	float: left; 
	padding-left: 20px; 
	margin-right: 20px; 
	}

	#sidebar ul { 
		background: #B22F22; 
		border: 1px solid #000000;
		}

	#sidebar ul li { 
		padding: 10px; 
		line-height: 1.4; 
		}

	#sidebar ul li p { 
		font-size: 11px; 
		font-weight: bold; 
		color: #C6C6C6; 
		}

/* =Main Content
----------------------------------------------- */
#main-content { 
	width: 592px; 
	float: left; 
	margin-bottom: 20px; 
	}

	.article-wrapper .article { 
		width: 574px; 
		margin: 0 auto; 
		}

	.article-wrapper .article h2 { 
		font-size: 16px; 
		font-weight: bold; 
		color: #B32F26; 
		margin-bottom: 6px; 
		}

	.article-wrapper .article p { 
		color: #000000; 
		font-size: 12px; 
		line-height: 1.6; 
		margin-bottom: 10px; 
		}

	.article-wrapper .article p a { 
		color: #B32F26; 
		font-weight: bold; 
		text-decoration: none;
		}

	.article-wrapper .article p a:hover { 
		color: #C6C6C6; 
		text-decoration: underline;
		}

/****Footer****/
#footer { 
	background: url('images/footer.jpg') no-repeat; 
	width: 898px; 
	height: 27px; 
	margin: 0 auto 10px auto; 
	clear: both; 
	padding-top:13px; 
	position: relative; 
	}

	#footer p { 
		font-size: 11px; 
		color: #000000;
		}

	#footer p.left { padding-left: 25px; }

	#footer p.left a { 
		color: #B32F26; 
		font-weight: bold; 
		text-decoration: none; 
		} 

	#footer p.right { 
		position: absolute; 
		right: 25px; 
		top: 14px; 
		}

	#footer p.right a { 
		color: #B32F26; 
		font-weight: bold; 
		text-decoration: none; 
		}
