/**********************************************************************************************

	Title: Milne
	Author: Jeremy Williams
	Date: 20090720 

***********************************************************************************************

	1. YUI Reset CSS
	
	2. Font Size Guide
	
	3. Global Properties
	
	4. Containers
		
	5. Page Layout
		5.1 Header
		5.2 Splash
		5.3 Content
		5.4 Footer
		
	6. Navigation and Other Clickables
		5.1 Header Logo
		
	7. Section Content
		6.1 Splash Content
		6.2 Content...
		6.3 Footer
		
	8. Forms
		8.1 Form Elements
		8.2 Form Validation
		
***********************************************************************************************/


/* 1. YUI Reset CSS

The foundational YUI Reset CSS file removes and neutralizes the inconsistent default styling of 
HTML elements, creating a level playing field across A-grade browsers and providing a sound 
foundation upon which you can explicitly declare your intentions.
-----------------------------------------------------------------------------------------------
===============================================================================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote
{  
	margin:0; 
	padding:0; 
} 
fieldset,img 
{  
	border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var 
{ 
	font-style:normal; 
	font-weight:bold; 
} 
ol,ul 
{ 
	list-style:none; 
} 
caption,th 
{ 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 
{ 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after 
{ 
content:''; 
} 
abbr,acronym 
{ 
border:0; 
} 

/* 2. Font Guide

To change the size of a font, use a percentage value from the chart below. Always use 
percentages as the units because they render more consistently than ems, and because 
they allow user-initiated resizing (unlike pixels).
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/*
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
*/ 

/* 3. General Elements

I've declared some general items here that will be consistent across the entire site.
-----------------------------------------------------------------------------------------------
===============================================================================================*/

html
{
}
body
{
	background-color:#d3d2c7;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif
	color:#000;
}
p
{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif
	padding:0;
	margin:10px 0px 10px 0px;
	text-align:justify
}
ul
{
	padding:0;
	margin:0;
}
li
{
	padding:0;
	margin:0;
	list-style:none;
}
h1
{
	font-size:197%;
}
h2
{
	font-size:182%;
}
h3
{
	font-size:161.6%;
}
h4
{
	font-size:123.1%;
	margin:0px 0px 10px 0px;	
}
a
{
	text-decoration:none;
}
a:link
{
	color:#105091;
}
a:hover, a:active
{
	color:#84c820;
}
a:visited:hover
{
	color:#105091;
}
a:visited
{
	color:#105091;
}

a.navlink:link
{
	color:#000000;
}
a.navlink:hover, a:active
{
	color:#000000;
}
a.navlink:visited:hover
{
	color:#000000;
	text-decoration:underline
}
a.navlink:visited
{
	color:#000000;
}
.left
{
	padding:0;
	margin:0;
	float:left;
}
.right
{
	padding:0;
	margin:0;
	float:right;
}
.clear
{
	padding:0;
	margin:0;
	clear:both;
}

/* 4. Containers
-----------------------------------------------------------------------------------------------
===============================================================================================*/
	
#container-body
{
	width:990px;
	padding:0;
	background-color:#FFF;
	margin:auto;
	overflow:hidden;
}
#container-header
{
	height:89px;	
	padding:0;
	margin:auto;
	overflow:hidden;
}
#container-navigation
{
	height:44px;	
	padding:0;
	margin:auto;
	overflow:hidden;
}
#container-content
{
	min-height:400px;
	background-color:#FFF;
	padding:0;
	margin:auto;
	overflow:hidden;
}
#container-footer
{
	height:44px;
	background-color:#92927b;
	padding:0;
	margin:auto;
	overflow:hidden;
}


/* 5. Page Layout
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* 5.1 Header
-------------------- */
#header
{
	width:960px;
    height:98px;
	background:url('images/header.jpg') no-repeat top center #FFF;
	padding:0;
	margin:auto;
	overflow:hidden;
}

/* 5.2 Navigation
-------------------- */
#navigation
{
	width:960px;
    height:44px;
	background:url('images/navigation.jpg') no-repeat top center #ccd6b1;
	padding:0;
	margin:auto;
	overflow:hidden;
}

/* 5.3 Content
-------------------- */
#content
{
	width:960px;
	min-height:400px;
	padding:0;
	margin:auto;
	overflow:hidden;
}

/* 5.4 Footer
-------------------- */
#footer
{
	width:960px;
    height:118px;
	padding:15px;
	margin:auto;
}


/* 6. Navigation and Other Clickables
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* 6.1 Header Logo
-------------------- */
#header .logo
{
	width:300px;
	height:89px;
	background:url('images/logo.jpg') no-repeat top center #FFF;
	margin:0;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}
#header .logo a
{
	width:300px;
	height:89px;
	display:block;
	overflow:hidden;
}


/* 7 Section Content
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* 7.1 Navigation
-------------------- */
#navigation .menu
{
	width:668px;
	padding:0;
	margin:6px 0px 0px 0px;
	overflow:hidden;
	float:left;
}

/* 7.2 Content...
-------------------- */
#content
{
	padding:0px 0px 20px 0px;
	font-size:93%;
	color:#000;
}
#content .left
{
	width:575px;
	padding:30px 15px 0px 45px;
	
}
#content .right
{
	width:305px;
	background-color:#b2ba9c;
	font-weight:bold;
	text-align:left;
}

#content .right2
{
	width:10px;
	background-color:#fff;
	font-weight:bold;
	text-align:left;
}


#content .address
{
	padding:10px;
	color:#3a3f2c;
}

/* 7.3 Footer Content
-------------------- */
#footer
{
	padding:25px 0px 0px 0px;
	font-size:77%;
	font-weight:bold;
	color:#3a3f2c;
	text-align:center;
}