/* zero everything */
h1, h2, h3, h4, p, ul, div, img, body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	color: #444;
}

h1, h2 {
	font-size: small;
}

a.email {
	text-decoration: underline;
	color: #555;
}

div#letssee {
	background-color: red;
	height: 50px;
	float: left;
	clear: both;
	width: 400px;
}

ul {
	list-style-type: none;
}

a {
	color: inherit;
	text-decoration: none;
}

a img {
	border: none;
}

body {
	font-size: small;
}

body {
	width: 802px;
	margin: 0 auto;
}

div#wrapper {
	background: url(../images/blackblurright.185.png) top left repeat-y;
/*	border: yellow 2px solid; */
	float: left; 
	width: 802px;
}

div#leftcolumn {
	float: left;
	width: 188px;
/*	height: 600px; */
/*	background: url(../images/blackblurright.png) top right repeat-y; */
}

div#pageheader img {
	margin: 20px 0 0 15px;
}

div#browsemenu {
	color: #ee3b34;
	margin: 50px 10px 0 15px;
}

div#browsemenu h2 {
	color: #ee3b34;
	font-size: small;
}

div#browsemenu ul {
	margin: 5px 10px 20px 15px;
}

div#browsemenu li {
	margin: 2px 0;
}

div#browsemenu a {
	color: #e2e2e2; /* #bdbdbd; */
	text-decoration: none;
}

div#browsemenu a:hover {
	color: white;
	text-decoration: underline;
}

div#contactdetails {
	position: relative;
	border: 2px white solid;
	border-bottom: 2px gray solid;
	border-right: 2px gray solid;
	margin: 150px 25px 10px 15px;
	padding: 5px 10px 5px 10px;
}

img#star {
	position: absolute;
	top: -15px;
	right: -15px;
}
div#contactdetails h2 {
	color: #ee3b34;
	font-size: small;
	margin-bottom: 5px;
}

div#contactdetails p {
	color: white;
	margin-top: 5px;
}

span.phone {
	font-style: italic;
}

span.email {
	font-style: italic;
}

span.batemantext {
	color: #900;
	font-weight: bold;
}
div#mainpart {
	float: right;
	width: 612px;				/* increase to 610 when development border no longer reqd */
/*	height: 600px; */
	background: #fff;
/*	border: dashed red 1px;	  temporary for development */
	padding: 0;
	margin: 0;
}

 div#banner {
	text-align: right;
/*	height: 150px; */
	background: url(../images/hurdlegrassW50.png ) bottom left repeat-x; 
/*	border: dotted red 1px;	 temporary for development */
	padding: 1px;
	padding-bottom: 30px;  
/*	float: right; */
}

/*
span#bannertext1 {
	font-size: large;
}
*/
div#banner p {
	color: #666;
	float: right;
	clear: right;
	width: 95%;		/* otherwise IE bunches it up to the right */
}

div#banner h1 {
	font-size: small;	/* override general setting just for banner */
	color: #666;
	float: right;
	clear: right;
	width: 95%;		/* otherwise IE bunches it up to the right */
}

img#bannertext {
	float: right;
	margin: 0;
/*	border: 1px blue solid; */
	display: block;
}

div#divtopmenu {
/*	float: right; */
}

div#divtopmenu ul {
	margin: 4px 0;
	background: white url(../images/toolbarback.png) top left repeat-x;	
	padding: 2px 0 2px 50px;
/*	border: dashed green 1px; */ 
}

div#divtopmenu li {
	float: left;
	padding: 1px 0;
/*	border: dashed black 1px; */
	margin: 0 1px;
	font-size: small;
}

div#divtopmenu li:hover {
/*	background-color: #af0000; */
/*	color: white; */
}

div#divtopmenu a {
	display: block; 
	text-decoration: none;
	width: 80px;
	height: 20px; 
	text-align: center;
	color: white;		 /* required because IE doesn't recognise 'inherit' */
	background: url(../images/buttonglow.80.off.png) top left no-repeat;
	padding: 1px 0;
}

div#divtopmenu a:hover {
/*	color: white; */ 
	background: url(../images/buttonglow.80.on.png) top left no-repeat;
}

/*
div#divtopmenu p {
	display: block;
	width: 75px;
	height: 20px;
	text-align: center;
	padding: 2px 10px; 
} */

/* div#divtopmenu p:hover {
	color: white; 
} */

div#content {
/*	float: right; */
/*	border: gray 1px solid; */
}
div#mainboard {
/*	float: right; */
	width: 612px;
	margin: 0;
	padding: 0;
}

div#features {
/*	float: left; */
/*	border: orange 1px solid; */
	border: 1px gray solid;
}

div#features a {
	margin: 0;
	padding: 0;
	border: none;
}

div#features img {
	border: none;			/* otherwise anchor causes a border */
	padding: 1px 1px 1px 1px;	/* to make space for border on hover */
	margin: 1px 2px 1px 0;
}

div#features img#lastfeature {
	margin-right: 0;
}

div#features img:hover {
	padding: 0;
	border: solid #ee3b34 1px; 
}

div#rubric {
	padding: 5px 7px;
	background: #eee;
	text-align: justify;
	border: 1px solid gray;
}

div#bottommenuback {
	margin: 5px 0;
	padding: 3px 0;
	background: gray;
	width: 610px;
}

ul#bottommenu {
/*	background: pink; */
	margin: 0 auto;
	width: 400px;
/*	border: green 1px solid; */
}

ul#bottommenu li {
	display: inline;
/*	float: left; */
/*	padding: 2px 20px; */
/*	width: 75px; */
	padding: 0 5px;
	color: white;
}

ul#bottommenu li:hover {
/*	background: #ee3b34; */
	text-decoration: underline;
}

ul#bottommenu a {
	color: white;			/* because IE doesn't recognise 'inherit' */
/*	display: block; */
/*	width: 75px;
	height: 20px; */
/*	text-align: center; */
}

ul#bottommenu a:hover {
	text-decoration: underline;
/*	color: white; */
}

div#concertinapanel {
	background: #bdbdbd;
	border: 1px solid gray;
	margin: 0 0 5px;
}

div#concertina {
	margin: 0 auto;
	width: 505px;
	height: 280px;
	background: white;
	padding: 3px;
}

div#featureditem {
	margin: 30px 0 0 12px ;
}

div#featureditem img {
	border: 1px solid #eee;
	padding: 2px;
}
.panelwrappers {
	overflow: hidden;
}

a.concertina img {
	border: none;
}

div#precache {
	display: none;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.clear {
	min-height: 1px;
}

* html * .clear {
	height: 1px;
}