/*===================================
	GLOBAL
===================================*/
@import "reset.css";

html {color:#000; font-family: Arial, Arial, Helvetica, sans-serif; font-size:12px;}
body { background: url(../images/bg_content.gif) repeat-y center top; height:100%; /* for older browsers */}

#main {margin: 0 auto; position: relative; width: 100%; text-align:left; background: url(../images/bg_main.jpg) repeat-x center top; height: 100%; /* for older browsers */}
.inside {margin: 0 auto; position: relative; width: 892px;}

#header, #menu, #content, #footer {position: relative;}

/*------ GLOBAL SETTINGS ------*/
.clear_left {clear: left;}
.clear_right {clear: right;}
.clear_both {clear: both;}
.float_left {float: left;}
.float_right {float: right;}
a img {border: none;}
a {outline: none;}

/*===================================
	HEADER
===================================*/
#header {height:108px;}
.logo {position:absolute; left:0;}
.slogan {position:absolute; right:0; top:41px;}
	.slogan h1 {font-size:22px; color:#5e3612;}

/*===================================
	TOP MENU
===================================*/
#menu_wrapper {height:34px;}
#menu {background: #5e3612;float: left;list-style: none; margin:0; padding: 0;width:100%;}
#menu li {float:left; font:12px Arial; margin: 0;padding: 0;}
#menu a {background: #5e3612 url("../images/seperator.gif") bottom right no-repeat;color:#fff; display: block;float: left;margin: 0;padding: 12px 12px;text-decoration: none;font-weight:bold; text-transform:uppercase;}
#menu a:hover {background: #784517 url("../images/hover.gif") bottom center no-repeat;color: #fff;padding-bottom: 12px;}
	
/*===================================
	CONTENT
===================================*/
#content {min-height:475px; height:auto !important; height:400px;}
#content .inside {margin-top:5px; margin-bottom:3px;}

/*------  VILLAGE INFO BOXES ------*/
.village_info {width:892; height:204px;}
.village_info p {margin:10px 0 0 345px; padding-right:20px; color:#ffffff; line-height:17px;}
.village_info h1 {margin:0 0 0 345px; padding-top:20px; color:#5e3612; font:28px Arial;}
	.alden {background: url(../images/bg_village_alden.jpg) repeat-x center top;}
	.carlton {background: url(../images/bg_village_carlton.jpg) repeat-x center top;}
	.cochrans {background: url(../images/bg_village_cochrans.jpg) repeat-x center top;}
	.college {background: url(../images/bg_village_college.jpg) repeat-x center top;}
	.creekside {background: url(../images/bg_village_creekside.jpg) repeat-x center top;}
	.grogans {background: url(../images/bg_village_grogans.jpg) repeat-x center top;}
	.indian {background: url(../images/bg_village_indian.jpg) repeat-x center top;}
	.panther {background: url(../images/bg_village_panther.jpg) repeat-x center top;}
	.research {background: url(../images/bg_village_research.jpg) repeat-x center top;}
	.sterling {background: url(../images/bg_village_sterling.jpg) repeat-x center top;}
	.town {background: url(../images/bg_village_town.jpg) repeat-x center top;}
	.woodlands {background: url(../images/bg_village_woodlands.jpg) repeat-x center top;}

/*------ INNER PAGE CONTENT ------*/
.text {width:852px; margin:20px 0 20px 20px;}
	.text h2,h3,h4,h5,h6 {margin:0; color:#72925a; font:22px Arial; display:block;}
	.text li { font:12px Arial; line-height:17px; color:#675341;}
	.text p { font:12px Arial; line-height:17px; color:#675341; margin-bottom:10px; margin-top:10px;}
	.text input,select,textarea {margin:3px 0 10px 0;}
	.text ul {margin:15px 0 15px 35px; color:#675341;}
		.text ul li {list-style:disc;}
	.text ol {margin:15px 0 15px 35px; color:#675341;}
		.text ol li {list-style:decimal;}
	.text a {color:#a4792a;}
	.text img.left {float:left; margin:0 10px 10px 0;}
	.text img.right {float:right; margin:0 10px 0 10px; padding:3px; background-color:#fff; border:1px Solid #000; display:inline;}

/*------ BUTTON ------*/
a.button {background: transparent url('../images/btn_right.png') no-repeat scroll top right; display:block; float:left; height:30px; margin-right:5px; padding-right:18px; text-decoration: none; color: #fff; font:12px Arial;font-weight:bold;}
a.button span {background: transparent url('../images/btn_left.png') no-repeat; display: block; line-height: 22px;padding: 4px 0 4px 18px;} 
a.button:hover span {text-decoration:underline;}

/*------ INNER TITLE BARS ------*/
.title {background: url(../images/bg_title.jpg) repeat-x center top; width:892; height:77px;}
.title h1 {position:absolute; top:24px; left:20px; color:#ffffff; font:30px Arial; display:block;}


/*===================================
	FOOTER
===================================*/
#footer {height:256px; background: url(../images/bg_footer.jpg) repeat-x center top;}

.info_left {float:left; width:534px; height:100px; padding:20px;}
	.info_left p {color:#5e3612; font:12px Arial; margin-top:9px;}
	.info_left h2 {color:#5e3612; font:22px Arial;}
	.info_left a {color:#ffffff;}
.info_right {float:right; width:277px; height:100px; padding:20px;}
	.info_right p {color:#fff; font:12px Arial; margin-top:9px;}
	.info_right h2 {color:#ffffff; font:22px Arial;}
	.info_right a {color:#ffffff;}
	
.copyright {float:left; margin-top:15px; color:#fff;}
.footer_nav {float:right; margin-top:15px;}
	.footer_nav ul {color:#fff;}
	.footer_nav ul li { display:inline; list-style:none; padding:0 5px 0 5px; border-left:1px solid #fff;}
	.footer_nav ul li.first {border-left:0;}
	.footer_nav ul li.last {padding:0 0 0 5px}
	.footer_nav ul li a { color:#fff;}
	.footer_nav ul li a:hover {text-decoration:underline;}