body {
	background-color: #FFD700;
	color: Black;
	font-family: Verdana;
	font-size: 14px;
}
html, body, #container {
	min-height: 100%;
	width: 700px;
	\width: 704px;
	w\idth: 700px;
	height: 100%;
	margin-left: auto;
	margin-right : auto;
	text-align: center;
}
html>body, html>body #container {
	height: auto;
}
#container {
	padding: 0;
	margin: 0;
	background-color : #FFFFFF;
	border : none;
	text-align: left;
}
#header{
	margin-bottom: -3px;
}
#header img {
	border-top: 10px solid #800000;
	border-bottom: 10px solid #800000;
}
.logo{
	float: left;
	border: none;
	padding: 0;
}
#title {
	text-align : right;
	color: #FFD700;
	background-color : #800000;
	font-size: 1.2em;
	border-top: 10px solid #800000;
	padding: 2px 5px 2px 2px;
	margin: 0;
	font-weight : bold;
}
#content {
	margin: 0;
	padding: 0;
	border: none;
}
.clear{
	clear: both;
}
.container h1 {
    background-color : #3333CC;
	color : White;
	margin: -10px;
	margin-bottom: 0;
	padding: 5px;
	font-size : .9em;
}
.offer {
	line-height: 20px; 
	padding: 5px;
	font-style : italic;
}
#leftmargin{
	float: left;
	border: 1px solid #CCCCCC;
	border-top: none;
	border-left: none;
	padding: 2px;
	margin: 0;
}
.borderright img{
	float: right;
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin-top: 3px;
	margin-right: 3px;
	/*margin-bottom: 3px;*/
}
h2.contact, #committee h2{
	margin: 0;
	padding: 5px 0px 5px 0px;
	background-color: #FFD700;
	border-top: 1px solid #800000;
	border-bottom: 1px solid #800000;
}
p.contact{
	margin-left: 20px;
}
p.task{
	margin-left: 20px;
	padding-left: 10px;
	font-weight : bold;
}
.borderleft{
	border: 1px solid #000000;
	padding: 3px;
	float: left;
	width: 500px;
	margin-bottom: 10px;
	background-color : #FFFFFF;
}
.borderright{
	border: 1px solid #000000;
	padding: 3px;
	float: left;
	width: 500px;
	margin-bottom: 10px;
	background-color : #FFFFFF;
}
#main{
	float: right;
	border: 1px solid #000000;
	margin-left:10px;
}
#sub{
	float: left;
	border: 1px solid #000000;
	margin-right:10px;
}
#coname{
	width:250px;
	float:right;
	font-family: sans-serif;
	font-size : 50px;
}
.paragraph{
	padding-top: 15px;
	vertical-align : top;
}
.links{
	text-align : center;
}
.wch{
	font-size: 0.5em;
	text-transform : uppercase;
}
.imageLeft{
	float: left;
	border: none;
	margin: 3px;
}
.imageRight{
	float: right;
	border: 1px solid #000000;
	margin-left: 3px;
}
.topParagraph{
	padding-top : 10px;
}
.email_form{
	border: 1px solid #800000;
	text-align: left;
}
.caption{
	font-size : 0.9em;
	vertical-align : top;
}
td.input textarea{
	width: 98%;
}
#contents p img{
	border: 1px solid #000000;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 30px;
	z-index : 33;
}
h1{
	color: #800000;
	font-size: 1.2em;
	padding: 20px 10px 10px 10px;
	margin: 0;
	border-bottom: 1px  solid #800000;
}
a:link, a:visited, a:active, a:hover {
	color: #800000;
}
h2 {
	font-size: 1em;
    color: #800000;
	font-weight : bold;
	margin-left: 20px;
}
ul {
	color: #800000;
	margin-left: 20px;
	padding-left: 15px;
	height: 100%;
}
li {
	color: #000000;
	list-style : none;
	list-style-position: outside;
}
li.dummy{
	display : none;
}
li a{
	color: #006633;
	text-decoration: underline;
}
.statement {
	font-size: 1.1em;
	font-weight: bold;
}
#footer {
	font-size: 0.9em;
	color : #006633;
	border-top: 1px solid #006633;
	padding: 5px;
}
#spiderlinks{
	color: #CCCCCC;
	font-size: 0.8em;
	padding-bottom: 10px;
	text-align : center;
}
#spiderlinks li{
	border-left: 1px solid #CCCCCC;
	display: inline;
	margin : 0;
	padding : 0;
}
#spiderlinks ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#spiderlinks a:link, #spiderlinks a:visited{
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 0;
	color : Black;
	text-decoration : none;
}
#spiderlinks a:hover{
	color: Black;
	text-decoration: underline;
}
#spiderlinks li.first {
	border-left: none;
}
#contact{
	padding-top: 50px;
	text-align: right;
}
#contact p{
	padding: 0;
	margin: 0;
}
p.quote{
	font-style : oblique;
	padding-bottom: 10px;
}
.download{
	text-align: right;
	padding-right: 10px;
}
.download a{
	text-decoration: underline;
}
.download img{
	border: none;
	float: right;
	padding-top: 5px;
}
input{
	border: 1px solid #006633;
}
textarea{
	border: 1px solid #006633;
}
input.chk{
	border: none;
}
input.btn{
	background-color: #006633;
	height: 20px;
	margin-left: 3px;
	color: #FFFFFF;
	cursor : hand;
}
#advertisement{
	text-align: right;
	font-size: 10pt;
	padding-right: 5px;
}
.caption_required{
	text-decoration: underline;
	vertical-align : top;
}
.caption{
	vertical-align : top;
}
#newsItem{
	border: 1px solid #000000;
	border-top: 10px solid #3333CC;
	padding: 5px;
}
.newsItemContent{
	padding-bottom: 10px;
}
#breadcrumb{
	font-weight : bold;
}
#linkPanel{
	padding-bottom: 10px;
}
#record_nav{
	border: 1px solid #000000;
	border-top: none;
	color: #FFFFFF;
	background-color: #3333CC;
}
#record_nav .records{
	float: left;
}
#record_nav .pages{
	float: right;
}
#record_nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#record_nav li{
	display: inline;
	margin : 0;
	padding-right : 5px;
}
#record_nav a:link, #record_nav a:visited{
	padding: 5px;
	border: 0;
	color : #33FF00;
	text-decoration : none;
	font-weight : bold;
}
#record_nav a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
.bookDisplay{
	float: left;
	width: 125px;
}
.bookPanel{
	margin-left: 125px;
}
.bookItem{
	height: 245px;
}
.bookHeading{
	font-weight: bold;
}
.bookSummary{
	font-weight: normal;
}
.search{
	text-align: right;
	clear: right;
	font-weight : bold;
}
label{
	padding-right: 10px;
}
#logo{
	position: relative;
	top: 5px;
	left: 5px;
	z-index : 2;
}
#coming_soon{
	margin-top: 200px;
	margin-left: 50px;
	padding-right: 20px;
	font-size: 2em;
	font-weight : bold;
}
.emphasise{
	font-weight: bold;
	font-size: 1.2em;
}
#form{
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
}
#thankyou{
	margin-top: 200px;
	margin-left: 50px;
	padding-right: 20px;
	font-size: 1.5em;
	font-weight : bold;
}
#navleft, #navleft ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
		font-size: 10pt;
	}
	#navleft{
	margin-top: 10px;
	margin-left: 5px;
}
	#navleft li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.5em;
		/*margin-bottom : -1px;*/
		width: 11em;
	}
	#navleft li a {
		width: 11em;
		w\\\\\\\\idth : 10em;
		display : block;
		color : #000000;
		font-weight : normal;
		text-decoration : none;
		background-color : #FFFFFF;
		/*border : 1px solid #336699;*/
		border-bottom: 1px solid #CC6633;
		padding : 0 0.5em;
	}
	#navleft li a:hover {
		color : white;
		background-color : #006633;
	}
	#heading{
	position: absolute;
	top: 0;
	left: 200px;
	font-size : 1.6em;
	padding-top: 25px;
	text-align : right;
	width: 620px;
}
	/*========================= TOP OF THE MENU CASCADE =========================*/
  #menu {
  	position:relative;        /* establish a menu-relative positioning context */
  	float:left;                                     /* play nicely with others */
  	margin:0;
  	padding:0;
  	border:0;
  	height:23px;                                  /* the menu's overall height */
  	width:100%;         /* we always want our menu to fill the available space */
  	background:#800000;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  #menu img {
  	vertical-align: top;      /* prevent images from being pushed down by text */
  }
  #menu ul {
  	padding:0;
  	margin:0;
  	border:0;
  	list-style-type:none;          /* we don't want to view the list as a list */
  	line-height:1.5em;           /* globally set the menu's item spacing. note */
  }                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
  #menu li {
  	float:left;    /* this creates the side-by-side array of top-level buttons */
  	position:relative;    /* create local positioning contexts for each button */
  	margin:0;
    width: 99px;
  }
  #menu ul li table {
  	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
  	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
  	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
  }
  .drop {
  	display:block;
  	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
  	margin:0;
  	text-align:right;   /* this right alignment goes with the float:left below */
  	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
  	cursor:hand;           /* IE5 only knows about , so set it both ways */
  }
  .drop span {        /* this simultaneously left and right aligns the text and */
  	float:left;       /* the >> in the drop-down menus which link to sub-menus */
  }
  /*======================== TOP LEVEL MENU DEFINITIONS ========================*/
  #menu ul li ul {
  	display:none;                  /* initially hide the entire list hierarchy */
  	padding:1px;                               /* this is our box border width */
  }
  #menu ul li a,
  #menu ul li a:visited {                    /* unselected top-level menu items */
  	display:block;
  	float:left;
  	text-decoration:none;
  	height:20px;
  	color: #FFD700;
  	padding-left: 3px;
    width: 96px;
    border-bottom: 3px solid #800000;
  }
  #menu ul li:hover a,
  #menu ul li a:hover {                        /* selected top-level menu items */
    font-weight: bold;
	  border-bottom: 3px solid #FFD700;
  }
  #menu ul li.currentpage a{
  	font-weight : bold;
  	color: black;
  }
  /*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
  #menu ul li:hover ul,
  #menu ul li a:hover ul {                           /* 2nd level drop-down box */
  	display:block;
  	position:absolute;
  	margin:0;
  	top:20px;              /* place us just up underneath the top-level images */
  	left:-1px;       /* left-align our drop-down to the previous button border */
  	height:auto;      /* the drop-down height will be determiend by line count */
  	width:150px;
  	color:black;                        /* this sets the unselected-text color */
  	background: #800000;         /* this sets our menu color */
  }
  #menu ul li:hover ul.leftbutton,
  #menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
  	left:0px;
  }
  #menu ul li:hover ul.skinny,
  #menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
  	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
  }
  #menu ul.rightmenu li:hover ul,
  #menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
  	left:auto;
  	right:0;         /* nudge the right menu right to line up under the border */
  }
  * html #menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
  	right:-1px;
  }
  #menu ul li:hover ul li a,
  #menu ul li a:hover ul li a {                   /* 2nd level unselected items */
  	border:0;
  	margin:0;
  	padding:0;
  	height:auto;
  	color: #FFD700;               /* this sets the unselected drop-down text color */
  	border-bottom: 3px solid #800000;
    width:150px;
    font-weight: normal;
  }
  #menu ul li:hover ul li:hover a,
  #menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
  	font-weight: bold;
	  border-bottom: 3px solid #FFD700;
  }
  #menu ul li:hover ul.skinny li a,
  #menu ul li a:hover ul.skinny li a,
  #menu ul li:hover ul.skinny li a:hover,
  #menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
  	width:8.08333em;
  }
/*==============================================================================*/	
img.right{
	float: right;
	border: 1px solid #000000;
	margin: 5px;
}
.news_date{
	color: #800000;
	font-size: 0.9em;
	padding-left: 10px;
}
.club_content{
	margin-left: 160px;
	padding-left: 10px;
}
img.left{
	float: left;
	margin: 5px;
}
.map{
	float: left;
	margin: 5px;
	border: 1px solid #006633;
}
.address_content{
	margin-left: 310px;
	padding-left: 10px;
}
.address_content p{
	margin: 0px;
}
.home_panel{
	border : 1px solid #800000;
	border-top: 0;
	width: 250px;
	float: left;
	padding: 5px;
	padding-top: 0;
	margin-left: 14px;
	margin-top: 15px;
}
.home_panel ul{
	list-style : none;
	margin: 0;
	padding: 0;
	list-style-image : none;
}
.home_panel li{
	list-style : none;
	color: #000000;
	list-style-image : none;
	margin: 0;
}
.home_panel h1{
	border-bottom: 1px solid #800000;
	border-top: 1px solid #800000;
	background-color: #006633;
	color: #FFFFFF;
	margin: 0px -5px 5px -5px;;
	text-align : center;
	font-size: 0.9em;
}
.photopanel{
	text-align : center;
}
.home_content{
	margin-left: 310px;
	padding-left: 10px;
	margin-right: 15px;
	margin-top: 15px;
}
.home_content p{
	margin: 0px;
}
.download{
	text-align : right;
}
.home_panel  img{
	float: left;
	border: 1px solid #000000;
	margin-right: 5px;
	margin-bottom: 5px;
}
img.large_left{
	float: left;
	border: 1px solid #000000;
	margin-right: 40px;
	margin-bottom: 10px;
}
p{
	padding-left: 5px;
}
h2.month{
	margin: 0;
	padding: 5px 0px 5px 0px;
	background-color: #FFD700;
	border-top: 1px solid #800000;
	border-bottom: 1px solid #800000;
}
.event_name{
	color: #800000;
	font-weight: bold;
	font-size: 1.1em;
}
.event_date{
	clear: left;
	float: left;
  height: 70px;
	width: 75px;
	background: url(../images/calendar.png);
	text-align: center;
}
.event_date h3{
  color: #800000;
  padding: 0;
  margin: 5px 0 0 0;
}
.event_date p{
  color: #000000;
  padding: 0;
  margin: 3px 0 0 0;
  font-size: 26px;
}
.event{
  float: left;
}
.event_details{
	padding-bottom: 5px;
width: 400px;
}
.event_left{
  float: left;
  width: 170px;
}
.event_left ul{
  background-color: #800000;
}
.event_left ul li{
  padding: 2px 0 2px 0;
}
.event_left ul li a{
  color: #FFD700;
}
.event_right{
float: left;
width: 520px;
}
.event_right ul li{
margin: 0 0 10px 0;
height: 1%;
}
img {
	border: none;
}
.contactname{
	display: block;
	width: 250px;
}
.classified, .showjumping{
        padding-left: 10px;
}
.classified h1{
	color: #800000;
	font-size: 1.2em;
	padding: 20px 10px 10px 0px;
	margin: 0;
        text-decoration: underline;
        border: none;
}
.showjumping h1{
	color: #800000;
	font-size: 1.2em;
	padding: 20px 10px 10px 0px;
	margin: 0;
        border: none;
}
.news{
	clear: left;
	padding: 0;
}
.news img, .news p{
	margin: 0 10px 0 20px;
}
#e2{
clear: left;
}
#gallery{
	width: 680px;
    text-align: center;
    margin-left: 25px;
}
div#gallery div{
	float: left;
	height: 200px;
    padding: 0;
    width: 155px;
}
div#gallery div img{
	border: 1px solid #000000;
}
fieldset {  
    float: left;  
    clear: left;  
    width: 99%;  
    margin: 0 0 1.5em 0;  
    padding: 0;
    border: none;
  }
  legend {
    margin-left: 1em;
    color: #000000;
    font-weight: bold;
  }
  fieldset ol {
    padding: 1em 1em 0 1em;
    list-style: none;
  }
  fieldset li {
    clear: left;
    padding-bottom: 1em;
  }
  fieldset.submit {  
    float: none;  
    width: auto;  
    border: 0 none #FFF;  
    padding-left: 15em;
  }
  label {
clear: left;
    float: left;  
    width: 10em;  
    margin-right: 1em;  
    text-align: right;
  }
  form
  {
  	margin-top: 1.5em;
  	padding-bottom: 35px;
  }
  input.text
  {
    width: 15em;
  }
  input.submit{
    cursor: pointer;
  }
form p.verification{
    margin-left: 11em;
  }