/*-------------------------------------------------------

	doc title: stylesheet
	filename: primary.css
	author: JBMoss Ltd - http://www.jbmoss.com
	developer: JBMoss Ltd - DPETRIE
	date: 09/02/2010
	
	-----------------------
	
	1. master reset
	2. typography
	3. listography
	4. base structure
	5. navigation
	6. page specific structure
	7. images
	8. tables
	9. forms
	
	
-------------------------------------------------------*/

#logout{
	position:absolute;
	left:0px;
	margin-top:200px;
	z-index:30000;
}


										/* ---------- 1. master reset ---------- */ 

* {
	padding			: 0;
	margin			: 0;
	border			: 0px solid red;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address, table {
	margin			: 0.6em 4%;
}
li, dd {
	margin-left		: 5%;
}
fieldset {
	padding			: .5em;
}

a {
	text-decoration	: none;
	outline			: none;
	
}

.clr {
	clear:both;
	height:0;
	width:0;
	padding:0;
	margin:0;
}

* { behavior: url(iepngfix.htc) }

										/* ---------- 2. typography ---------- */ 

#div-content p {
	color:#016839;
}
	p a {
	color:#016839;
	text-decoration:underline;
}
	p a:hover {}
	
h1 {
	color:#016839;}
	h1 a {}
	h1 a:hover {}
	
h2 {
	color:#016839;}
	h2 a {}
	h2 a:hover {}
	
h3 {
	color:#016839;}
	h3 a {}
	h3 a:hover {}
	
h4 {
	color:#016839;
	font-size:1.2em;
	font-weight:700;
}
	h4 a {}
	h4 a:hover {}

h5 {}
	h5 a {}
	h5 a:hover {}
	

										/* ---------- 3. listography ---------- */ 
										
										
										/* ---------- 4. base structure ---------- */ 

html {
}
body {
	font-size		: 80%;
	font-family		: Arial, Helvetica, sans-serif;
	background		: #009344;
}


#div-wrap {
	position		: relative;
	margin			: 30px auto 0 auto;
	width			: 978px;
	background		: #fff;
}
#div-top {
	position:relative;
	width:978px;
}
	#div-logo {
	position:absolute;
	left:-36px;
	top:-6px;
	}
	#div-banner {
		position:relative;
		margin-left:310px;
		
	}
		#div-banner img {
			margin-top:25px;
			margin-bottom:40px;
		}
	
#div-main {
	position:relative;
	width:978px;
}
	#div-nav {	
		position:relative;
		float:left;
		width:240px;
		padding-bottom:10px;
	}
	#div-content {
		position:relative;
		float:left;
		width:520px;
	}
		
	#div-aside {
	position:relative;
	float:right;
	width:200px;
	margin-right:12px;
	padding-bottom:250px;
	}
	
	
	
	
#div-goat-muncher {
	position:absolute;
	bottom:0;
	right:0;
}	
	
	
	
	
#div-footer {
	position:relative;
	width:978px;
	color:#fff;
	font-size:0.85em;
	margin:0 auto;
}
#div-footer a {
	color:#fff;
}
	#div-ftr-left {
		position:relative;
		float:left;
		width:260px;
		padding-top:5px;
	}
		#div-ftr-left a {
			text-decoration:underline;
		}
	#div-ftr-mid {
		position:relative;
		width:250px;
		float:left;
		padding-top:5px;
		text-align:left;
		margin-left:0px;
	}
	#div-ftr-right {
		position:relative;
		float:left;
		width:175px;
		padding-top:5px;
		text-align:right;
	}
	#div-goatfeet {
		position:absolute;
		right:90px;
		top:0;
	}
	#div-ftr-credit {
		position:absolute;
		right:0px;
		top:0px;
		padding-top:5px;
		font-size:0.85em;
	}
		#div-ftr-credit a {
			color:#8CC63F;
		}



										/* ---------- 5. navigation ---------- */
										
#div-nav ul {
	margin:0 0 0 25px;
	padding:0;
}
#div-nav ul li {
	margin:0;
	padding:0;
	list-style:none;
}
#div-nav ul li a {
	text-indent:-9000px;
	display:block;
	height:50px;
	width:202px;
}

.nav1 a {
	background:url(../images/nav_1.jpg) 0 0 no-repeat;
}
.nav1 a:hover {
	background:url(../images/nav_1.jpg) -202px 0 no-repeat;
}

.nav2 a {
	background:url(../images/nav_1.jpg) 0 -51px no-repeat;
}
.nav2 a:hover {
	background:url(../images/nav_1.jpg) -202px -51px no-repeat;
}

.nav3 a {
	background:url(../images/nav_1.jpg) 0 -101px no-repeat;
}
.nav3 a:hover {
	background:url(../images/nav_1.jpg) -202px -101px no-repeat;
}

.nav4 a {
	background:url(../images/nav_1.jpg) 0 -152px no-repeat;
}
.nav4 a:hover {
	background:url(../images/nav_1.jpg) -202px -152px no-repeat;
}

.nav5 a {

	background:url(../images/nav_1.jpg) 0 -203px no-repeat;
}
.nav5 a:hover {
	background:url(../images/nav_1.jpg) -202px -203px no-repeat;
}

.nav6 a {
	background:url(../images/nav_1.jpg) 0 -253px no-repeat;
}
.nav6 a:hover {
	background:url(../images/nav_1.jpg) -202px -253px no-repeat;
}

.nav7 a {
	background:url(../images/nav_1.jpg) 0 -303px no-repeat;
}
.nav7 a:hover {
	background:url(../images/nav_1.jpg) -202px -303px no-repeat;
}

.nav8 a {
	background:url(../images/nav_1.jpg) 0 -353px no-repeat;
}
.nav8 a:hover {
	background:url(../images/nav_1.jpg) -202px -353px no-repeat;
}

.nav9 a {
	background:url(../images/nav_1.jpg) 0 -403px no-repeat;
}
.nav9 a:hover {
	background:url(../images/nav_1.jpg) -202px -403px no-repeat;
}

.nav10 a {
	background:url(../images/nav_1.jpg) 0 -455px no-repeat;
}
.nav10 a:hover {
	background:url(../images/nav_1.jpg) -202px -455px no-repeat;
}

.nav11 a {
	background:url(../images/nav_1.jpg) 0 -507px no-repeat;
}
.nav11 a:hover {
	background:url(../images/nav_1.jpg) -202px -507px no-repeat;
}

.nav12 a {
	background:url(../images/nav_1.jpg) 0 -711px no-repeat;
}
.nav12 a:hover {
	background:url(../images/nav_1.jpg) -202px -711px no-repeat;
}

.nav13 a {
	background:url(../images/nav_1.jpg) 0 -963px no-repeat;
}
.nav13 a:hover {
	background:url(../images/nav_1.jpg) -202px -963px no-repeat;
}
										

										/* ---------- 6. page specific structure ---------- */ 
										
										
/* Homepage */

#div-frevents {
	position:relative;
	width:470px;
	border:1px solid #016839;
	background:#F2F0C1;
	padding:3px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 40;
	margin-left: auto;
}
	#div-frevents p {
		color:#000;
		font-size:85%;
	}
		#div-frevents p a {
			color:#016839;
			text-decoration:underline;
		}
	#div-fre-img {
		position:relative;
		float:left;
		width:131px;
	}
	#div-fre-txt {
		position:relative;
		float:left;		
		width:333px;
	}
		#div-fre-txt p {
			color:#000;
			font-size:0.9em;
			margin			: 0.6em 2%;
		}
		
#div-whatson {
	position:relative;
	width:200px;
	border:1px solid #016839;
	background:#F2F0C1;
}	
	#div-whatson p {
		font-size:0.8em;
	}
	.wh-ti {
		color:#016839;
		font-size:1.4em;
		font-weight:bold;
	}
	.wh-sml {
		font-weight:normal;
		font-size:0.9em;
		color:#016839;
	}



#div-openings {
	position:relative;
	width:200px;
	background-color:#016839;
	text-align:center;
	padding:7px 0;
	border: 1px solid #016839;
}
	#div-openings h3 {
		color:#F99D3E;
		font-size:1.6em;
	}
	#div-openings h4 {
		color:#F99D3E;
		font-size:1em;
	}
		#div-openings h4 a {
			color:#fff;
		}
	#div-openings p {
		color:#fff;
		font-size:0.9em;
	}

										

										/* ---------- 7. images ---------- */ 
										
										
.img-waffle {
	margin-left:32px;
	padding:20px 0 10px;
}
										

										/* ---------- 8. tables ---------- */ 
										
table {
	color:#016839;
	font-size:1em;
}
			
			
#c_f tr td {
	padding:4px 4px 4px 0; 
}				
#c_f .inp {
	width:200px;
	border:1px solid #ccc;
	padding:2px 1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}			

#c_f .cb {
	margin:0px 3px;
}

#c_f .sub {
	color:#016839;
	background:#fff;
	border:1px solid #016839;
	font-size:0.8em;
	padding:1px 3px;
}								
										/* ---------- 9. forms ---------- */