/*
Base styles for Muckrach
created:16/04/07 by Kris Kelly
*/
body {
	background-color:#3e3a35;
	color:#000;
	margin:0;
	padding:0;
	font-family:arial, helvetica, helv, verdana, sans-serif;
	font-size:0.8em}

/* defaults */
div {
	/* border:1px solid red; */
	padding:0;
	margin:0}

div#wrap {
	margin:auto;
	width:785px;
	background:#776e64  url('/images/main/bg-shadow.gif') 48% 0 repeat-y}
	div#wrap div#wrap-inner {
		width:775px;
		margin:auto;
		background-color:#776e64}
	
div#header{
	background:#7c7369 url('/images/global/logo-header-bg.jpg') top left no-repeat;
	color:#fff;
	height:93px;
	position:relative}
	
	/* Default header image if not overridden */
	div#header-image {
		background:#7c7369 url('/images/global/header-image.jpg') top left no-repeat;
		height:97px}
		
	
		
	div#header a#logo-link {
		margin-left:10px;
		width:280px;
		height:80px;
		display:block}
		
	div#header a#email-link {
		right:18px;
		top:33px;
		width:40px;
		height:20px;
		display:block;
		position:absolute}

div#content-container {
	clear:both;
	background:#fff;
	color:#521d17;
	border-top:1px solid #bdb8b1;
	/*font-size:1.2em;*/
	line-height:1.5em}
	
div#footer{
	background:#58524b url('/images/main/footer-bg.jpg') top left no-repeat;
	color:#fff;
	clear:both;
	padding:30px 24px 30px 24px;
	border-bottom:1px solid black}
	
	div#footer a {
		color:#fff;
		font-weight:normal;
		text-decoration:none}
		
	div#footer div#footer-left {
		float:left;
		margin-right:50px}
		
	div#footer div#footer-right {
		float:left;
		margin-right:180px !important;
		margin-right:100px}
		
	div#footer div#footer-right:after {
		clear:both}
		
	div#footer a:hover,
	div#wrap div#wrap-inner div#footer div#footer-left p a:hover,
	div#wrap div#wrap-inner div#footer div#footer-right p a:hover {
		border-bottom:2px solid #fff}
	
/* Stylus Genericus */
.access {
	text-indent:-9999px;
	overflow:hidden;
	margin:0;
	padding:0;
	border:0;
	display:none}
	
.clearing {
	clear:both}
	
a {
	color:#521d17;
	font-weight:bold}
	
.right {
	float:right}

.left {
	float:left}

/* Navigation */
div#main-nav {
	background-color:#776e64;// url('/images/global/top-nav-bg.gif') bottom left repeat-x;
	color:#fff;
	padding:1em 0.8em 0 !important;
	padding:1em 0.8em 14px;
	font-size:0.8em}

	div#main-nav ul#main-nav-list {
		list-style-type:none;
		margin:0;
		padding:0}
		
	div#main-nav ul#main-nav-list:after {
		clear:both}
		
		div#main-nav ul#main-nav-list li {
			float:left;
			text-transform:uppercase;
			padding:0px 8px;
			background:transparent url('/images/main/main-nav-seperator.gif') 0 2px no-repeat}
			
			div#main-nav ul#main-nav-list li a {
				text-decoration:none;
				color:#fff;
				display:block;
				margin-bottom:15px}
			
			div#main-nav ul#main-nav-list li a:hover,
			div#main-nav ul#main-nav-list li a:focus,
			div#main-nav ul#main-nav-list li a.selectednav {
				border-bottom:5px solid #461813;
				/*set padding-bottom to 5px to force underline away from link bottom*/
				padding-bottom:5px;
				/*set margin-bottom to 10 less than on normal link to compensate for shifting*/
				margin-bottom:5px}
			
		div#main-nav ul#main-nav-list li.no-seperator {
			background:none}