/* 
	
	Style Index

		$1 - General Styles
		$2 - Header Styles
		$3 - Content Styles
		$4 - Sidebar Styles
		$5 - Footer Styles
		$6 - Form Styles
		$7 - Other Styles
*/

/* $1 - General Styles ///////////////////////////////////////////////////////////////////////////////////*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #DDD;
	font: 62.5%/1.5em Arial, Helvetica, sans-serif;
	color: #393939;
	
	width: 780px;
	margin: 0 auto;
}

img {
	border: none;
}

p {
	margin: 1.3em 0;
}

/* $2 - Header Styles ////////////////////////////////////////////////////////////////////////////////////*/

div#header {
	width: 780px;
	background: #FFF;
	position: relative;
}

h1 {
	padding: 25px 30px;
}

ul#main-nav {
	background: #59411B;
	list-style: none;
	height: 37px;
	padding: 0 24px;
}

	ul#main-nav li {
		float: left; /*For Gecko*/
	  	display: inline;
	  	list-style: none;
	  	position: relative;
	  	height: 34px;
		margin: 0 10px 0 0;
	}
	
		ul#main-nav ul {
		  	width: 160px;
			list-style: none;
			display: none;
			position: absolute;
		  	top: 36px;
			left: 0;
		}
		
		ul#main-nav ul:after /*From IE 7 lack of compliance*/{
			clear: both;
		  	display: block;
		  	font: 1px/0px serif;
		  	content: ".";
		  	height: 0;
		  	visibility: hidden;
		}
		
			ul#main-nav ul li {
		  		width: 17em;
		  		float: left; /*For IE 7 lack of compliance*/
		  		display: block !important;
		  		display: inline; /*For IE*/
			}
			
	/* Root Menu */
	ul#main-nav a {
		padding: 7px;
		float: none !important; /*For Opera*/
		float: left; /*For IE*/
		display: block;
		color: #FFF;
		font: 12px/22px Arial, Helvetica, sans-serif;
		text-decoration: none;
		height: auto !important;
		height: 1%; /*For IE*/
	}
	
	/* Root Menu Hover Persistence */
	ul#main-nav a:hover,
	ul#main-nav li:hover a,
	ul#main-nav li.iehover a {
	  color: #FFF;
	}
	
	/* 2nd Menu */
	ul#main-nav li:hover li a,
	ul#main-nav li.iehover li a {
	  float: none;
	  background: #59411B;
	  color: #FFF;
	}
	
	/* 2nd Menu Hover Persistence */
	ul#main-nav li:hover li a:hover,
	ul#main-nav li:hover li:hover a,
	ul#main-nav li.iehover li a:hover,
	ul#main-nav li.iehover li.iehover a {
	  background: #463415;
	  color: #FFF;
	}
	
	/* 3rd Menu */
	ul#main-nav li:hover li:hover li a,
	ul#main-nav li.iehover li.iehover li a {
	  background: #59411B;
	  color: #FFF;
	}

	/* 3rd Menu Hover Persistence */
	ul#main-nav li:hover li:hover li a:hover,
	ul#main-nav li:hover li:hover li:hover a,
	ul#main-nav li.iehover li.iehover li a:hover,
	ul#main-nav li.iehover li.iehover li.iehover a {
	  background: #463415;
	  color: #FFF;
	}
	
	ul#main-nav ul ul,
	ul#main-nav ul ul ul {
	  	display: none;
	  	position: absolute;
	  	top: 0;
	  	left: 170px;
	}

	/* Do Not Move - Must Come Before display:block for Gecko */
	ul#main-nav li:hover ul ul,
	ul#main-nav li:hover ul ul ul,
	ul#main-nav li.iehover ul ul,
	ul#main-nav li.iehover ul ul ul {
	  display: none;
	}

	ul#main-nav li:hover ul,
	ul#main-nav ul li:hover ul,
	ul#main-nav ul ul li:hover ul,
	ul#main-nav li.iehover ul,
	ul#main-nav ul li.iehover ul,
	ul#main-nav ul ul li.iehover ul {
	  display: block;
	}

/* $3 - Content Styles ///////////////////////////////////////////////////////////////////////////////////*/

div#content {
	width: 780px;
	background: #FFF;
}

	div#content h2 {
		background: #59411B url(../images/menuImage.jpg) left bottom no-repeat;
		width: 750px;
		padding: 118px 0 18px 30px;
		font-size: 2.2em;
		color: #FFF;
		font-weight: normal;
	}

div#main-content {
	background: #FFF;
	width: 460px;
	float: left;
	padding: 10px 30px 30px 30px;
	font-size: 1.4em;
	line-height: 1.5em;
}
	div#main-content h3 {
		color: #463415;
		margin: 2em 0 .5em 0;
		font-size: 1.2em;
	}
	
	div#main-content h4 {
		color: #333;
		margin: .5em 0;
		font-size: 1.1em;
	}
	
	div#main-content img {
		float: right;
		border: 3px solid #DDD;
		margin: 1em 0 1em 1em;
	}
	
	div#main-content ul {
		list-style: square inside;
		margin: 1.5em;
	}
	
	div#main-content ol {
		margin: 1.5em 1.5em 1.5em 2.8em;
	}
	
	div#main-content li {
		margin: .2em 0;
	}
	
	div#main-content a:link {
		color: #463415;
	}
	
	div#main-content a:visited {
		color: #444;
	}
	
	div#main-content a:hover,
	div#main-content a:active,
	div#main-content a:focus {
		color: #000;
	}
	
	div#main-content blockquote {
		font-family: Georgia, serif;
		background: url(../images/blockquote.gif) left top no-repeat;
		padding: .5em 2em;
		color: #666;
	}

/* $4 - Sidebar Styles ///////////////////////////////////////////////////////////////////////////////////*/

div#sidebar {
	width: 230px;
	padding: 30px 0 0 0;
	margin: 0 0 0 520px;
	font-size: 1.2em;
}

	div#sidebar h3 {
		margin: 0 0 1em 0;
		font-size: 1.4em;
	}

	div#sidebar ul#sec-nav {
		border-top: 1px solid #CCC;
		width: 100%;
		margin: 0 0 3em 0;
		list-style: none;
	}
	
		div#sidebar ul#sec-nav li {
			border-bottom: 1px solid #CCC;
			padding: .7em 0 .7em 2.4em;
			background: url(../images/icosidebar.gif) .7em center no-repeat;
		}
		
		div#sidebar ul#sec-nav li.dad {
				background: url(../images/icosidebar.gif) .7em .7em no-repeat;
			}
			
			div#sidebar ul#sec-nav ul {
				border: none;
				list-style: none;
				margin: .5em 0 0 0;
			}

				div#sidebar ul#sec-nav ul li {
					border: none;
					padding: .7em 0 .7em 1.2em;
					background: url(../images/icosidebar2.gif) left center no-repeat;
				}

			
		
	div#sidebar ul#news {
		border-top: 1px solid #CCC;
		width: 100%;
		margin: 0 0 3em 0;
		list-style: none;
	}
	
		div#sidebar ul#news li {
			border-bottom: 1px solid #CCC;
			padding: .7em 0 .7em 2.4em;
			background: url(../images/iconews.gif) .7em .8em no-repeat;
		}
		div#sidebar ul#news li strong {
			display: block;
			color: #463415;
		}
		
		div#sidebar ul#news li a:hover {
			font-weight: normal;
		}
		
	div#sidebar a:link,
	div#sidebar a:visited {
		color: #333;
		text-decoration: none;
	}

	div#sidebar a:hover,
	div#sidebar a:active,
	div#sidebar a:focus {
		color: #463415;
		font-weight: bold;
	}

/* $5 - Footer Styles ////////////////////////////////////////////////////////////////////////////////////*/

div#footer {
	background: #FFF;
	width: 720px;
	padding: 0 30px 30px 30px;
	border-top: 1px solid #CCC;
	font-size: 1.2em;
}

	div#footer a:link,
	div#footer a:visited {
		color: #333;
	}

	div#footer a:hover,
	div#footer a:active,
	div#footer a:focus {
		color: #463415;
	}

	p#credits {
		float: right;
	}

	p#copy {
		float: left;
	}

/* $6 - Form Styles //////////////////////////////////////////////////////////////////////////////////////*/

div#main-content form {
	border: 1px solid #DDD;
	margin: 1.5em 0;
	padding: 1.5em 1.5em .5em 1.5em;
}

	div#main-content label {
		display: block;
		font-weight: bold;
	}
	
	div#main-content input {
		width: 50%;
		display: block;
		margin: .5em 0 1.5em 0;
		padding: .3em;
	}
	
		div#main-content input#submit {
			width: auto;
			padding: .5em 1.5em;
			cursor: pointer;
		}
	
	div#main-content textarea {
		width: 90%;
		height: 10em;
		margin: .5em 0 1.5em 0;
		padding: .3em;
	}
	
	div#main-content textarea:focus,
	div#main-content input:focus {
		background: #FFF7C0;
	}
	
/* $7 - Other Styles /////////////////////////////////////////////////////////////////////////////////////*/

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */