/* Project Details - Outdoor Education - www.oedphotos.org.nz
------------------------------------------------------------------------------------------------
	@author -- Pitch (www.pitchmedia.co.nz)
	@update -- 11 August 2008	
	@version -- 0.1
------------------------------------------------------------------------------------------------*/

/* Reset All (Credit: Darren Wood -- www.dontcom.com) */
/*----------------------------------------------------------------------------------------------*/
html { margin: 0; padding: 0;}
body { font: 10px Calibri, "Myriad Pro", "Lucida Grande", "Lucida Sans", Verdana, sans-serif; line-height: 1.5; color: #333; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {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;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*----------------------------------------------------------------------------------------------*/

html {
	margin: 0;
	padding: 0;
	background:#f5f5f5 url(../img/html.jpg) top center repeat-x;
}

body {
	margin: 0px auto;
	background:  url(../img/flash.gif) top center no-repeat;
}

div#logo {
	width: 356px;
	height: 82px;
	margin: 0px auto;
	}

	div#logo h1 a {
		width: 356px;
		height: 80px;
		display: block;
		text-indent: -999em;
		background: url(../img/logo.png) top center no-repeat;
	}

div#navigation {
	width: 600px;
	height: 40px;
	margin: 0px auto;
	}

div#navigation ul {
	padding: 0;
	margin: 0px auto;
	background: #1a2302;
	width: 100%;
	overflow: hidden;
	}

div#navigation ul li {
	display: block;
	float: left;
	border-right: 1px solid #0a0d01;
	border-left: 1px solid #2d3d04;
	}
	
	div#navigation ul li.last {
		border-right: none;
	}

	div#navigation ul li a {
		color: #54750b;
		display: block;
		text-decoration: none;
		font-size: 1.4em;
		font-weight: bold;
		background: #1a2302;
		padding: 12px 18px 7px 18px;
		}
		
		div#navigation ul li:first-child {
			border-left: none;
			}
		
		div#navigation ul li a:hover, div#navigation ul li a.selected {
			color: #FFF;
			background: #54750b;
		}
		
div#banner {
	width: 600px;
	margin: 0px auto;
	margin-top: 14px;
	margin-bottom: 16px;
	height: 197px;
}

div#content {
	width: 570px;
	border: 1px solid #dbdbdb;
	background: #e8e8e8 url(../img/content.jpg) bottom right no-repeat;
	padding: 15px;
	margin: 0px auto;
}
	div#content h2 {
		font-size: 1.8em;
		font-weight: bold;
		color: #283304;
		padding: 0;
		margin: 0;
		border-bottom: 1px solid #bcbcbc;
		margin-bottom: 10px;
		}
		
	div#content h3 {
		color: #283304;
		font-size: 1.6em;
		border-bottom: 1px solid #bcbcbc;
		margin-bottom: 10px;
	}
	
	div#content h4 {
		color: #283304;
		font-size: 1.4em;
		margin-bottom: 5px;
		font-weight: bold;
	}
		
	div#content p {
		color: #333;
		font-size: 1.4em;
		line-height: 22px;
		margin-bottom: 15px;
		}
		
	div#content a {
		color: #54750b;
		text-decoration: none;
		border-bottom: 1px solid #415c06;
		}
		
		div#content a:hover {
			color: #415c06;
			border-bottom: 1px solid #54750b ;
		}
		
		
	ul.testimonials {
		
		}
		
		ul.testimonials li {
			overflow: hidden;
			_height: 1%; /* IE 6 Fix */
			border-top: 1px solid #fff;
			border-bottom: 1px solid #d0d0d0;
			}
		
		
		
	div.student {
		padding-top: 15px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #d0d0d0;
	}
	
	div.none {
		border-top: none !important;
	}
	
	div.thumb {
		width: 150px;
		height: 200px;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		border: 1px solid #bcbcbc;
	} 

	div.comment {
		width: 400px;
		float: left;
	}
	
div.clearing {
	clear: both;
}
		
div#footer {
	width: 100%;
	margin-top: 18px;
	font-size: 1.2em;
	text-align: center;
	background: #263204;
	padding-bottom: 60px;
}

	div#footer p {
		color: #54750b;
		padding: 8px 8px 15px 8px;
	}
	
	div#footer a {
		color: #76a50f;
	}
	
	div#content ul {
		font-size: 1.2em;
		margin-bottom: 20px;
	}

strong {
	font-size: 1.2em;
	font-weight: bold;
}
	

table {
	border-collapse: collapse;
	border-left: hidden;
	font-size: 10px;
	font-size: 1.3em;
	width: 100%;
	}
	
th {
	padding: 3px 0px 3px 10px;
	background-color: #263204;
	border: 1px solid #c5c5c5;
	border-left: none;
	border-right: none;
	font-size: 1.3em;
	color: #FFF;
	}
	
td {
	padding: 3px 0px 3px 10px;
	border-top: 1px solid #c5c5c5;
	border-left: 1px solid #c5c5c5;
	}