/*----- WHITESPACE RESET & DEFAULT CLASSES -----*/

html, body { margin: 0; padding: 0; }
body { background: #231B18; color: #fff; font: 62.5% Arial, Helvetica, sans-serif; }

/* Baseline values for browser consistency */
p, div, h1, h2, h3, h4, h5, ul, li, ol, img, fieldset { margin: 0; padding: 0; }
img { border: 0; }
	
/* force scroll bar in FF for centred sites */
html { height: 100%; margin-bottom: 1px; }

/* Element Default Classes */
ul, ol { list-style-position: inside; margin: 0 0 1em; }
ul li, ol li { font-size: 1.2em; margin: 0 0 0.2em; }
hr { background: #999; color: #999; border: 0; height: 1px; margin: 20px 0; }
a:link, a:visited, a:active { color: #4A697E; text-decoration: none; outline: 0; }
a:hover { text-decoration: underline; }

/* Global classes */
.clear { clear: both; height: 0px; }
.left { float: left; }
.right { float: right; }


#quote { width: 180px; padding: 10px 15px 0 0; }
	#quote p { 
		color: #CABC8A; 
		font-family: "Times New Roman", Times, serif;
		font-style: italic;
		font-size: 1.7em; line-height: 1.3em;
		font-weight: bold; }

/*----- STRUCTURE -----*/

#container {
	margin: 0 auto;
	width: 900px; }
	
	#nav {
		height: 44px;
		background: url('../img/bg-nav.gif') 0 0 repeat-x; }

	#content {
		background: #2C1C0E url('../img/bg-content.jpg') 0 0 repeat-x; padding: 10px 30px;
		width: 840px; overflow: hidden; }
		
		.home #content { height: 480px; }
		
	#foot {
		height: 170px;
		background: #553716; }
		
		.vision { height: 146px; width: 410px; padding: 14px 20px 10px; float:left; background: #553716 url('../img/bg-vision.jpg') right 0 repeat-y; }
		.mission { height: 146px; width: 410px; padding: 14px 20px; float: right; background: #553716; }
		#foot p { color: #fff; line-height: 20px; }
			#foot .mission p { line-height: 22px; }
		#foot h3 { font-size: 13px; color: #ECD7C4; text-transform: uppercase; }

/*----- NAVIGATION -----*/

#nav ul { 
	list-style: none; list-style-position: outside; margin: 0 0 0 30px; padding: 0; }

	#nav ul li { float: left; margin: 10px 23px 0 0; font-size: 11px; }
	
	#nav ul li a { float: left; text-decoration: none; text-transform: uppercase; color: #55371C; font-weight: bold; }
	
	#nav ul li a:hover, #nav ul li a.on { color: #D85601; }

/*----- TYPOGRAPHY -----*/

p { 
	font-size: 1.2em; 
	margin: 0 0 1em; }

h1 { 
	font-size: 1.8em; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal;
	margin: 0 0 1em; }

h2 { 
	font-size: 1.6em; font-weight: normal; font-family: "Times New Roman", Times, serif; font-style: italic; 
	margin: 0 0 1em; }

h3, h4 {
	color: #FF9900; font-size: 1.6em; font-style: italic; 
	margin: 0 0 1em; }

h4 { font-size: 1.4em; font-style: normal; color: #FF9900; }

h5 { font-size: 1.2em; font-style: normal; font-weight: bold; }


/*----- FORM ELEMENTS -----*/


form label {
	 cursor: pointer;
	 font-size: 1.2em;
	 display: block; 
	 float: left;
	 width: 150px; }
 	
	form span { font-size: 1.2em; }
 		
form fieldset {
	border: none; clear: left; }
		
input, select, textarea {
 	font: 1.2em Arial, Helvetica, sans-serif;
	margin: 0 0 2px;
 	width: 150px; }
 
 	input.checkbox, input.radio { width: auto; margin-top: 5px; }

button { margin: 0 0 0 10px; }