
* {
	margin: 0;
	padding: 0;
}

body {
	background: #8C9E85  url(../images/bkg.gif) center repeat-y;
	border-right: 1px solid #555;
	border-left: 1px solid #555;
	font: 62.5%/1.5em Arial, Helvetica, sans-serif;
	color: #111;
	width: 750px;
	margin: 0 auto;
}

body, html {
	height: 100%;
}

img {
	border: none;
}

#wrapper {
	position: relative;
	min-height: 100%;
}

#header {
	background: #FFF url(../images/bkg-header.jpg) 291px 0px no-repeat;
	padding: 20px 20px 0 20px;
}

#header h1 {
	padding: 0 0 20px 0;
}

ul#main-nav {
	background: #030;
	border-bottom: 3px solid #77876F;
	list-style: none;
	height: 36px;
	padding: 0 20px;
	position: relative;
}

	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: #77876F;
	}
	
	/* 2nd Menu */
	ul#main-nav li:hover li a,
	ul#main-nav li.iehover li a {
	  float: none;
	  background: #77876F;
	  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: #5A6956;
	  color: #FFF;
	}
	
	/* 3rd Menu */
	ul#main-nav li:hover li:hover li a,
	ul#main-nav li.iehover li.iehover li a {
	  background: #77876F;
	  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: #5A6956;
	  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;
	}
	

#content {
	padding: 20px;
	background: #FFF;
	padding-bottom: 80px;
}

	#content h2 {
		color: #030;
		margin: 0 0 .5em 0;
		font-size: 1.8em;
	}

#main-content {
	width: 460px;
	float: left;
	font-size: 1.4em;
	line-height: 1.5em;
}

	#main-content h3 {
		color: #030;
		margin: 1em 0 .5em 0;
		font-size: 1.2em;
	}
	
	div#main-content h4 {
		color: #030;
		margin: 1em 0 .5em 0;
		font-size: 1.1em;
	}
	
	div#main-content img {
		/* float: right;
		border: 3px solid #DDD; */
		margin: 1em 1em 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: #030;
	}
	
	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;
	}


	div#sidebar {
		width: 230px;
		float: right;
		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 #8C9E85;
			width: 100%;
			margin: 0 0 3em 0;
			list-style: none;
		}

			div#sidebar ul#sec-nav li {
				border-bottom: 1px solid #8C9E85;
				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 #8C9E85;
			width: 100%;
			margin: 0 0 3em 0;
			list-style: none;
		}

			div#sidebar ul#news li {
				border-bottom: 1px solid #8C9E85;
				padding: .7em 0 .7em 2.4em;
				background: url(../images/iconews.gif) .7em .8em no-repeat;
			}
			div#sidebar ul#news li strong {
				display: block;
				color: #030;
			}

			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: #030;
			font-weight: bold;
		}
		
		div#main-content form {
			width: 90%;
			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;
			}


#footer {
	background: #FFF url(../images/bkg-footer.gif) top center no-repeat;
	width: 710px;
	padding: 20px;
	font-size: 1.2em;
	position: absolute;
	bottom: 0 !important;
	bottom: -1px;
	height: 20px;
}

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

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

	p#credits {
		float: right;
	}

	p#copy {
		float: left;
	}

.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 */

