body {			/*  Sets up the page in the browser  */
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;				
	background-color:#ffffff;					
}
	
#head {				/*  Places the title graphic  */
	position:absolute;    
	width:100%;
	height:100%; 
	background-image:url(../graphics/title5.jpg);  /*  link to the title graphic  */
	background-position:top center;
	background-repeat:no-repeat;
	}
	
#valid {
	position:absolute;
	width:100%;
	height:45px;
	text-align:right;

}

#valid p {
	border:none;
	background:none;
	}
	
#hatties {					/*	Places the name graphic	*/
	position:absolute;
	left:5%;
	top:2%;
	width:300px;
	height:80px;
	background-image:url(../graphics/hatties.png);  /*  link to the name graphic  */
	background-position:top;
	background-repeat:no-repeat;
	z-index:200;
}
#foot {           /*  Places the bottom right graphic  */
	position:absolute; 
	bottom:0px;
	right:10px;
	width:110px;  
	height:215px; 
	background:url(../graphics/logo.png);  /* link to the bottom right graphic  */
	background-repeat:no-repeat;
	z-index:3;
	font-family: trebuchet MS, tahoma, verdana, arial, sans-serif;
	font-weight:bold;
	}

	
#content {				/*  Places the main content  */
	position:absolute;
	top:170px;
	bottom:45px;
	left:10%;
	right:20%;
	max-width:750px;			/*  stops large resolutions showing one long line of content  */   
	overflow:auto;
	background:none;
	}


#blinnercontent {			/* Layout 'b' left content	*/
	position:absolute;
	width:170px;
	top:3px;
	bottom:3px;
	left:3px;
	padding:5px;
	background:none;
	overflow:visible;
	z-index:50;
}


#brinnercontent {		/*	Layout 'b' right content	*/
	position:absolute;
	left:180px;
	top:3px;
	bottom:3px;
	right:20px;
	padding:5px;
	background:none;
	overflow:visible;
	z-index:50;
}

#alinnercontent {		/*	Layout 'a' left content	*/
	position:absolute;
	top:3px;
	bottom:3px;
	left:3px;
	right:210px;
	padding:5px;
	background:none;
	overflow:visible;
	z-index:50;
}


#arinnercontent {		/*	Layout 'a' left content	*/
	position:absolute;
	top:3px;
	bottom:3px;
	right:20px;
	width:170px;
	padding:5px;
	background:none;
	overflow:visible;
	z-index:50;
}

	
 img {			/*  Puts a border and background behind the images  */
	padding:2px;
	margin:2px;
	border:1px solid #000000;
	background:#99cc33;
}

#valid img {			/*  Puts a border and background behind the images  */
	padding:0px;
	margin:0px;
	border:none;
	background:none;
}

.noborder {		/* 	Removes border from page items	*/
	border:none;
	}

 div.c1 {text-align: center}
 
#counter{		/*	Places the visitor counter at the bottom left 	*/
		position:absolute;
		bottom:10px;
		left:5px;
		height:16px;
		width:53px;
		border:none;
		}
		
		
		
		
		
		
		
	
	
	

	/*		Font settings		*/
	
	
	
	
	
 h1 {
	font-family: trebuchet MS, tahoma, verdana, arial, sans-serif;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	background:#99cc33;
	padding:3px;
	border:1px solid black;
	}
	
	
 h2 {
	font-family: trebuchet MS, tahoma, verdana, arial, sans-serif;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	color:#ffffff;
	background:#99cc33;
	padding:3px;
	border:1px solid black;
	}	
	
 h3 {
	font-family: trebuchet MS, tahoma, verdana, arial, sans-serif;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	color:#000000;
	background:#ffffff;
	padding:3px;
	border:1px solid black;
	}
	
	
h5 {
	font-family: trebuchet MS, tahoma, verdana, arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	color:#000000;
	background:none;
	padding:3px;
	}
	
h6{
	font-family: trebuchet MS, tahoma, verdana, arial, sans-serif;
	font-size:3px;
	font-weight:normal;
	text-align:center;
	color:#000000;
	background:none;
	padding:3px;
	}
	
p {	
	font-family: trebuchet MS, tahoma, verdana, arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	color:#000000;
	background:#ffffff;
	border:1px solid black;
	padding:3px;
	}

dl {	
	font-family: trebuchet MS, tahoma, verdana, arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	color:#000000;
	background:#ffffff;
	border:1px solid black;
	padding:3px;
	}


 dd {
	position:relative;
	top:-12px;
	text-align:right;
	line-height:0.5em;
	}
	

#blinnercontent p{
	text-align:left;
	}
	
	
	
	
#menucontainer {			/*Positions the menu on the page*/
	position:absolute;
	top:120px;
	left:10%;
	z-index:10000;
	cursor:pointer;
}

#menu {
	width: 100%;
	float: left;
	text-align:center;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 2px;
	width:6em;		/*width of all menu items em allows IE resize*/
	float: left;
	z-index:1200;
}

#menu a {
	font: bold 11px/16px trebuchet MS, helvetica, arial, sans-serif;
	display: block;
	margin: 0;
	padding: 2px 3px;
	color: #ffffff;
	text-decoration: none;
	background:#99cc33;
	border:1px solid #000000;
}

#menu a:hover {
	color: #000000;
	background:#ffffff;
	border:1px solid #000000;
}
	
	
#menu a.active
{
   color:#000000;
   background:#ffffff;
   border:1px solid #000000;
}	


form {
	
	width: 100%;
	border:1px solid black;
	
}

#title{
	font-family: trebuchet MS, tahoma, verdana, arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	color:#ffffff;
	background:#99cc33;
	padding:3px;
	} 	

.col1 {
	text-align:right;
	width:30%;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
	background:#ffffff;
		font:bold 14px trebuchet MS, tahoma, verdana, arial, sans-serif;
}

.col2 {
	width:60%;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
	background:none;
		font:bold 14px trebuchet MS, tahoma, verdana, arial, sans-serif;
}

.col2comment {
	width: 30%;
	height: 98px;
	margin: 0;
	display: block;
	float: left;
	background: none;
		font:bold 14px trebuchet MS, tahoma, verdana, arial, sans-serif;
}

.col1comment {
	text-align:right;
	width:30%;
	height: 98px;
	float: left;
	display: block;
	margin-right: 2px;
	background: none;
		font:bold 14px trebuchet MS, tahoma, verdana, arial, sans-serif;
}

div.row {
	clear: both;
	width: 100%;
}

.submit {
	height: 29px;
	width: 100%;
	background: none;
	padding-top: 5px;
	clear: both;
	
} 

.input {
	background: none;
	font: 11px/14px trebuchet MS, tahoma, verdana, arial, sans-serif;
	color: #000000;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #99cc33;
}

.textarea {
	border: 1px solid #99cc33;
	background:none;
	font: 11px/14px trebuchet MS, tahoma, verdana, arial, sans-serif;
	color: #000000;
	margin: 4px 0 5px 8px;
}	
	
.clear	 {
clear:both;
}