/* General Stuff */
/* ============= */

body{
margin:0;
padding:0;
font-size: 71% ;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #996633;
}

.clear {
	margin:0;
	clear:both;
	height:1px;
	 /* the next two because ie6 won't set height to less than the fontsize */
	font-size:0 ;
	overflow:hidden;
	}
	
/* Links */
a {
	color:#666;
	font-weight:bold;
	text-decoration:none;
	}
a:hover {
	color:#0000FF;
	}

 
/* Layout */
/* ====== */

/* Everything */
div#centre1000 {
	margin:10px auto 10px auto ;
	width: 1000px ;
	background-color:#FFD;
	}

/* Header and Search */
div#header {
	position: relative ;
	display:block ;
	float:left ;
	width: 800px ;
	height: 100px ;
	overflow:hidden;
	background-image:url(../images/Logo.jpg) ;
	}
div#logo {
	position: absolute ;
	z-index: -1 ;
	}
div#topmenu {
	display:block ;
	width: 90% ;
	float:right ;
	}
#topmenu li {
	margin: 0 10px ;
	float:right ;
	list-style: none ;
	}
#topmenu a {
	color: #FFF ;
	}
#topmenu a:hover {
	color: #00F ;
	}
div#search {
	float:right ;
	margin: 0 1px ;
	border: 1px solid #666 ;
	padding: 5px ;
	width: 186px ;
	height: 88px ;
	}
div#search {
	text-align:center;
	}
div#search table {
	margin: 5px auto ;
	}		

/* Three main areas */
/* ================ */
#content-left {
	float:left ;
	width:156px ;
	border: 1px solid #666 ;
	padding: 10px 20px;
	}
#content-middle {
	float:left ;
	padding: 0 10px ;
	width: 580px ;
	}
#content-right {
	float:left ;
	width: 200px ;
	}

/* Main Menu */
#content-left .moduletable tbody tr th {
	padding: 20px 0 10px 0 ;
	color:#666;
	font-size:18px;
	font-weight:normal;
	letter-spacing:0.1em;
	}
div#content-left a.mainlevel {
	display:block ;
	margin-top: 5px ;
	}
div#content-left a#active_menu {
	color: #000 ;
	}

/* The Banner */
div#banner {
	width:580px ;
	text-align:center;
	margin: 10px 0;
	}

/* User 4 & 5 at the top of the Home Page (latest articles and important ) */
table.user45 {
	width: 580px;
	}
table.user45 td.left div {
	margin:0 20px 0 0;
	float:left;
	}
table.user45 td.right > div {
	margin:0 0;
	padding: 10px ;
	float:left;
	background-color:#FFF;
	border: 1px solid #BBB ;
	}	
td.user45 {
	width: 50% ;
	margin:0 5px ;
	vertical-align:top;
	valign: top ;
	}
table.user45 .contentheading,
table.user45 .h3 {
	padding-top: 10px  !important;
	color: #666  !important;
	font-size: 14px  !important;
	font-weight: bold  !important;
	}

/* Middle Chunk */
#content-middle {
	position:relative ;
	z-index: 1 ;
	}
#content-middle table.moduletable {
	width: 580px ;
	}
#content-middle h1 ,
#content-middle .componentheading {
	color:#666;
	font-size:22px;
	font-weight:normal;
	letter-spacing:0.1em;
	}
#content-middle h2 ,
#content-middle .contentheading {
	padding-top: 25px ;
	color:#666;
	font-size:18px;
	font-weight:normal;
	letter-spacing:0.1em;
	}
#content-middle h3 {
	color:#666;
	font-size:14px;
	font-weight:bold;
	}
#content-middle p {
	text-align:justify;
	}
#content-middle .contentpaneopen img {
	margin: 10px ;
	}
#content-middle iframe#blockrandom {
	display:inline-block;
	width:95%;
	}
/* Fixes for jEvents */
#content-middle .contentpaneopen {
	/* to make calendar full width in FF */
	width: 100% ;
	}
table.ev_table {
	/* So text colour isn't the very pale yellow on the category background */
	color:#000;
	}	
/* The follwoing is for the create content form	*/
/* but  i'm not sure what else it will break!   */
#content-middle table.adminform {
	font-size:10px;
	width: 600px ;
	}

/* Village info */
table.villages {
	border-top: 1px solid #333 ;
	margin:0 auto ;
	border:0;
	width:400px
	}
table.villages td {
	text-align:center;
	}
/* Contact Pages */
/* (note the use of a Joomla style suffix (CONTACT) */
/* Just make the columns as wide as possible and the browsers squash up as necessary */
td.sectiontableheaderCONTACT {width: 50% ; }
	
/* Right Column */
.shopping {
	width: 160px ;
	margin: 10px auto ;
	padding: 5px 0 ;
	background-color:#FFF ;
	text-align:center ;
	}
.shopping p {margin: 30px 0 ; }

#content-right .google {
	width:160px ;
	margin: 20px auto ;
	position:relative ;
	}

/* Footer */
#footer p {
	text-align: center;
	font-size: 10px;
	font-style: italic;
	}
a.secret {
	color:#963 ;
	font-weight:normal ;
	text-decoration: none ;
	}