/*
-----------------------------------
Styles for hundredacrehomestead.com navigation
Author: Eric Eaton
Version: 4 Aug 2005
----------------------------------- */

/*
colors
HAH color

blue 6291C7
dk blue 44668B
lt green C2DAA6
dk green 6F8757
yellow FBF0C2
orange F7941D

*/

body {
	background-color: #6F8757;
	font-family: Georgia, "Times New Roman", Times, sans-serif;
	font-size: 12pt;
	background: url(images/bg.gif) center top repeat-y #6F8757;
	margin: 0;
	padding: 0;
	}

/* structure
--------------------------------- */

#header {
	background-color: #6291C7;
	width: 100%;
	height: 8px;
	border-bottom: 1px solid #44668B;
	margin: 0;
	padding: 0
	}

#wrap {
	background: #FFF url(images/bg_content.gif) top left repeat-y;
	width: 699px;
	border-right: 1px solid #000;
	margin: 0 auto;
	padding: 0	
	}

#banner {
	background-color: #FFF;
	width: 699px;
	height: 103px;
	margin: 0;
	padding: 0;
	}

#pagetitle {
	background: none;
	position: absolute;
	height: 22px;
	left:0;
	top: 176px;
	width: 699px;
	text-align: left;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #C2DAA6;
	}
	
#pagetitle .padder {padding:0 0 0 45px;}	

#maincontent {
	position:relative;
	left:0; width:357px; top:210px;
	text-align: left;
	margin: 0;
	margin-top: 10px;
    voice-family: "\"}\""; /* box model hack for IE/Win */
    voice-family:inherit;
	z-index:5;}
html>body #maincontent {
 /* END box model hack for IE/Win */
	}
#home #maincontent { margin-top: 0px }

#home #maincontent p,
#home #maincontent li {
	font-size: 90%;
	line-height: 130%;
}

#maincontent .padder {padding:0 0 0 45px;  }

#home_page_right {
	position:absolute;
	top: 630px;
	right: 20px;
	width: 300px;
	z-index: 10;
}
#home_page_right p {
	font-size: 90%; line-height: 130%; 
}
#home_page_bottom {
	position:relative;
	clear: both;
}
#home_page_bottom p {
	margin-top: 1em;
	margin-bottom: 0;
}

#address {
	position: absolute;
	text-align: left;
	top: 33px;
	left: 45px;
	color: #FFF;
	font-family: Georgia, Times, Serif;
	font-size: 70%;
	line-height: 150%;
}
 
#navmenu {
	background-color: #FBF0C2;
	text-align: left;
	height: 100%;
	margin: 0;
	padding: 0;
    voice-family: "\"}\""; /* box model hack for IE/Win */
    voice-family:inherit;
    border:1px solid #999999; border-width:0 1px 0 1px;
	}
html>body #navmenu {
	 }

#navmenu_footer p { font-size: 75%; font-weight: normal; color: #000;
	padding: 20px 5px 0px 25px
}

#footer {position:relative;
	background-color: #6291C7;
	width: 696px;
	clear: both;
	text-align: left;
	padding: 2px;
	margin: 0;
	font-size: 70%;
	color: #FFF;
    voice-family: "\"}\""; /* box model hack for IE/Win */
    voice-family:inherit;
	width: 701px;
	}
html>body #footer { /* be nice to Opera/FF */
	width: 696px;
	 }

#footer .padder {padding:0 0 0 55px; }
/* typography
--------------------------------- */
h1, h4, h5 { color: #6F8757; margin: 0; padding: 0 }
h2, h3, h6 { color: #F7941D; margin: 0; padding: 0 }
h1 { font-size: 130%; margin-bottom: 15px }
h2 { text-transform: uppercase; font-size: 120%; letter-spacing: 2px; margin-bottom: 15px }
h3 { font-size: 100%; font-style: italic; font-weight: normal }
h4 { font-size: 90%; font-style: italic; padding-top: 5px; margin-bottom: 5px }

#home h4 { font-size: 90%; font-style: italic; padding-top: 5px; margin-bottom: 15px }

p { margin-top: 0; margin-bottom: 1.0em }

#pagetitle h2 { margin:0; padding: 0; font-size: 100%; letter-spacing: 0px; }

#navmenu h3 { font-size: 80%; color: #999; margin: 10px 0 2px 15px; text-transform: lowercase }
#navmenu h3.first { margin-top: 5px }

#news_entry { margin: 12px 0 30px 0 }
#news_entry h3 { font-size: 90%; margin: 0 }
#news_entry h4 { color: #000; margin-bottom: 0 }

/* links
--------------------------------- */

a:link, a:visited { color: #6F8757; text-decoration: underline } 
a:active { text-decoration: underline; } 
a:hover { color: #44668B; border-bottom: none; text-decoration: underline; } 

/* lists
--------------------------------- */

ul { margin: 0; padding: 0 }
ul li { margin: 6px 0 6px 40px; list-style-type: circle }
#home ul li { margin-left: 20px }

#navmenu ul {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
	text-align: left;
	}


#navmenu ul li {
	padding: 0;
	margin: 0;
	text-align: left;
	list-style-type: none
	}

#navmenu ul li a, #navmenu ul li.subnav_header, #navmenu ul li.next_subnav_header {
	display: block;
	border: none;
	margin: 0;
	margin-left: 15px;
	padding: 0 0 0 10px;
	height: 1.2em;
	line-height: 1.2em;
	text-transform:uppercase;
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
	}

#navmenu ul li a:hover, #navmenu ul li a:active, #navmenu ul li a.here,
#home #navmenu ul li a.nav_home,
#about #navmenu ul li a.nav_about,
#who #navmenu ul li a.nav_about_who,
#mission #navmenu ul li a.nav_about_mission,
#philosophy #navmenu ul li a.nav_about_phil,
#facilities #navmenu ul li a.nav_about_facil,
#activities #navmenu ul li a.nav_life_season,
#schedule #navmenu ul li a.nav_life_daily,
#news #navmenu ul li a.nav_news,
#photos #navmenu ul li a.nav_photos,
#contact #navmenu ul li a.nav_contact
{
	color: #000;
	border: none;
	background: #FFF;
	font-weight: normal;
	}


/* subnav styles */
#navmenu .navchunk { border-bottom: 1px solid #6F8757; padding: 10px 0 10px 0 }
#navmenu ul li.subnav_header { color: #999; font-style: italic;	text-transform: lowercase; border: none }


/* misc */

hr { border: none; height: 1px; width: 100%; color: #C2DAA6; background-color: #C2DAA6 }

img.righty { margin-left: 12px; margin-bottom: 6px; }
img.lefty { margin-right: 12px; margin-bottom: 6px; }