/* CSS Document */

/* Colours
	Grey: 		#6F6F6F;
	Green:		#CFE090;
*/

body {
	background: #6F6F6F;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	}

#container {
	width: 800px;
	height: 750px;	
	margin: 0px auto;
	overflow: visible;
	}
	
#content {
	width: 800px;
	height: 730px;
	background: #CFE090 url(../images/web_logo.gif) 220px 40px no-repeat;
	float: left;
	}
	
#pagetop {
	width: 800px;
	height: 220px;
	text-align: right;
	}
	
#pagetop ul {
	margin: 0px 50px 0px 0px;
	padding: 20px 0 0 0;
	}

#pagetop li {
	display: inline;
	height: 50px;
	line-height: 50px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}
	
#photostrip {
	width: 690px;
	height: 160px;
	margin: 10px auto;
	}
	
#photostrip .image {
	width: 160px;
	height: 160px;
	border: solid 1px #FFFFFF;
	margin: 0px 4px;
	}
	
#flashcontent {
	width: 680px;
	height: 50px;
	margin: 5px auto;
	}		
	
#main_content {
	width: 800px;
	height: 230px;
	}
	
#column1 {
	width: 200px;
	float: left;
	clear: none;
	}		

#column2 {
	width: 370px;
	float: left;
	clear: none;
	}	
	
#column3 {
	width: 200px;
	float: left;
	clear: none;
	}
	
.textbox {
	font-size: 11px;
	line-height: 150%;
	color: #454545;	
	padding: 10px;
	}
	
.rightcol {
	font-size: 11px;
	line-height: 150%;
	color: #454545;	
	padding: 9px;
	border-left: solid 1px #FFFFFF;
	}	
	
.largebold {
	font-size: 11px;
	font-weight: bold;
	}	
	
.largewhite {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	}	
	
#text_img {
	float: left;
	clear: right;
	margin: 10px 11px 60px 0px;	
	}
	
#local {
	margin: 0px;
	padding: 0px;
	}	
	
#local li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}	
	
.link {
	font-weight: bold;
	text-decoration: none;
	color: #899C7A;
	}	
	
.link:hover {
	color: #FFFFFF;
	}
	
#form {
	width: 333px;
	height: 160px;
	float: left;
	clear: none;
	margin: 0px 5px;
	}
	
#name, #email, #password, #username, menu, upload {
	width: 180px;
	font-size: 11px;
	color: #616161;
	background: #FFFFFF;
	border: none;
	margin: 2px;
	padding: 2px 0px 3px 5px;
	}
	
form p {
	clear: left;
	margin: 1px;
	padding: 1px;
	}		
	
form p label {
	font-size: 11px;
	color: #454545;
	float: left;
	width: 40%;
	}
	
form p .box {
	width: 175px;
	background: #FFFFFF;	
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #616161;
	border: none;
	margin: 2px;
	padding: 5px;
	}		
	
form p .button {
	height: 24px;
	background: #899C7A;	
	font-size: 10px;
	font-weight: bold;	
	color: #FFFFFF;
	line-height: 24px;
	border: 1px solid #FFFFFF;
	margin: 10px 2px;
	cursor: pointer;
	}
	
#success {
	width: 291px;
	height: 118px;
	float: left;
	clear: none;
	border: solid 1px #616161;
	padding: 20px;
	margin: 0px 5px;
	}
	
#map {
	width: 333px;
	height: 160px;
	float: left;
	clear: none;
	border: solid 1px #6F6F6F;
	margin: 0px 5px;	
	}	
	
#food {
	margin: 0px;
	padding: 0px;
	}	
	
#food li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#food li a {
	height: 20px;
	background: url(../images/icons/menu_icon.gif) 0px 0px no-repeat;
	line-height: 25px;
	padding-bottom: 3px;
	padding-left: 18px;
	}							
	
#address {
	width: 800px;
	height: 25px;
	background: #CFE090;
	color: #484848;
	font-size: 10px;
	line-height: 25px;
	letter-spacing: 1px;
	text-align: center;	
	clear: both;
	}
	
#credits {
	height: 12px;
	width: 800px;
	background-color: #6F6F6F;
	font-family: Verdana,sans-serif;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;	
	color: #ffffff;
	text-align: center;	
	padding: 9px 0px;
	clear: both;
	}				

/* NAVIGATION  */

#navigation {
	width: 750px;
	margin: 0px auto;
	text-align: center;
	}

#navigation ul {
	margin: 15px 0px 10px 0px;
	padding: 0px;
	}

#navigation li {
	display: inline;
	height: 50px;
	line-height: 50px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}
	
#navigation li a {
	text-decoration: none;
	}
	
#navigation li a:hover {
	text-decoration: none;
	}
	
#navigation .pagelink {
	color: #454545;
	text-decoration:none;
	}

#navigation .pagelink:hover {
	color: #FFFFFF;
	text-decoration:none;
	} 
	
/* End CSS */