/**************************************************************   AUTHOR:  Pat Heard (fullahead.org)   DATE:    2006.09.12    PURPOSE: Controls the layout of the site and styles            the menus **************************************************************/
/**************************************************************   #wrapper & #content: wrapper positions and sets the width   on the content.  The background is then applied to #content. **************************************************************/
#wrapper
{
	width:589px;
	height:100%;
	margin:0 auto;
	text-align:left
}

#content
{
	float:left;
	width:589px;
	height:100%;
	min-height:100%;
	background:url(../img/bg/content.gif) repeat-y top center;
	padding-top:10px
}

#content[id]
{
	height:auto;
	background:url(../img/bg/content.png) repeat-y top center
}

/**************************************************************   #header: Holds the site title and header images **************************************************************/
#header
{
	padding:105px 0 2.5em 49px;
	background:url(../img/bg/header-fivalcom.jpg) no-repeat top center
}

/* Forces IE to set the hasLayout flag and show the header at the height of its contents \*/
* html #header
{
	height:1%
}

/* End hide from IE-mac */
#header h1,#header h2
{
	margin:0;
	padding:0;
	background:none
}

#header h1
{
	font-size:210%;
	font-family:georgia;
	letter-spacing:-2px;
	color:#6E310B
}

#header h1 a
{
	color:#6E310B;
	background:#FFF;
	padding-right:4px;
	padding-top:.4em
}

/**************************************************************   #menu: The top level site menu **************************************************************/
ul#menu
{
	width:560px;
	margin:0 auto;
	padding:0!important;
	padding:0 0 0 10px
}

ul#menu li
{
	display:inline;
	list-style:none;
	margin:0;
	padding:0
}

ul#menu li a
{
	float:left;
	padding:5px 0;
	font:400 108% georgia, serif;
	text-align:center;
	text-decoration:none;
	color:#61804E;
	border-bottom:1px solid #D3F1B6
}

ul#menu li a:visited
{
	background-color:#FFF
}

ul#menu li a:hover
{
	color:#2E5F0F;
	background-color:/*background: url(../img/bg/menu.gif) repeat-x bottom left;*/
#F1FFE3
}

ul#menu li a.here
{
	color:#512103;
/*background: url(../img/bg/menu.gif) repeat-x bottom left;*/
	background-color:#F1FFE3
}

/* helper classes to control width of links in topbar */
ul.two li a
{
	width:50%
}

ul.three li a
{
	width:33%
}

ul.four li a
{
	width:18%
}

ul.five li a
{
	width:20%
}

/**************************************************************   #page: Holds the main page content. **************************************************************/
#page
{
	float:left;
	clear:both;
	width:491px!important;
	width:100%;
	padding:2em 49px
}

/**************************************************************   .footer: Site footer **************************************************************/
.footer
{
	padding-top:3em;
	font-size:70%
}

/**************************************************************   .bigLinks: Large, clickable links **************************************************************/
ul.bigLinks
{
	margin:10px 0;
	padding:0;
	list-style:none
}

ul.bigLinks li
{
	display:inline;
	margin:0;
	padding:0;
	background:none
}

ul.bigLinks li a,ul.bigLinks li a:visited
{
	display:block;
	margin:10px 0;
	padding:3px;
	text-decoration:none;
	background-color:#FFF;
	border:0
}

ul.bigLinks li a:hover
{
	padding-bottom:2px;
	background-color:#F1FFE3;
	border-bottom:1px solid #B8E78B
}

ul.bigLinks li a span.title
{
	color:#5E9040;
	border-bottom:1px solid #B8E78B
}

ul.bigLinks li a:hover span.title
{
	color:#3C5D29;
	border-bottom:1px solid #4A6E35
}

ul.bigLinks li a span.desc
{
	display:block;
	color:#6D6864
}

ul.bigLinks li a:hover span.desc
{
	color:#555
}

/**************************************************************   Width classes used by the site columns **************************************************************/
.width100
{
	width:100%
}

.width75
{
	width:73%
}

.width66
{
	width:64%
}

.width50
{
	width:48%
}

.width33
{
	width:31%
}

.width25
{
	width:23%
}

/**************************************************************   Alignment classes **************************************************************/
.floatLeft
{
	float:left
}

.floatRight
{
	float:right
}

.alignLeft
{
	text-align:left
}

.alignRight
{
	text-align:right
}

/**************************************************************   Generic display classes **************************************************************/
.clear
{
	clear:both
}

.block
{
	display:block
}

.big
{
	font-size:153.899994%
}

.small
{
	font-size:100%
}

.bold
{
	font-weight:700
}

.italic
{
	font-style:italic
}

.grey
{
	color:#AAA
}

.green
{
	color:#82C048
}

.darkBrown
{
	color:#512103
}

.greenBg
{
	padding:0 10px;
	background-color:#F1FFE3;
	border-bottom:1px solid #B8E78B
}

.highlight
{
	padding:1px 2px;
	background:#D9F5EC;
	border-top:1px solid #BDEDDE
}