body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color: #8A0808; /*#164871;*/
	scrollbar-base-color: #8A0808;/*#632984; */
    scrollbar-arrow-color:#C2A2DA;
}
* {margin: 0px;padding: 0px;}
#container {
	margin: 10px auto;
	text-align: left;
	width: 1100px; /*800 */
	/*background-color: #8A0808;*/
}
#main {
	width: 1100px; /*800 */
	/*background-image:url(images/background2.gif);*/
	
}
/******************** header ********************/
#header {
	width:1006px;
	height:260px;
	margin-left:25px;
	/*background-image:url(images/ba_header.jpg);*/
	display:block;
}
/* div called nav set total width to 1000px, height to 22px, 
   top margin 2px, right margin 0px, bottom 2px, left margin 25px
   background colour white
   padding within each element:  3px top and bottom, 5px from right, 1px from left   */
#nav {
	width:1000px; /*744*/
	height:22px;
	margin: 2px 0px 2px 25px; /* 2px 0px 2px 25px;*/
	background-color:#FFFFFF; /*#F6CECE; #a5cae5;*/
	padding: 3px 5px 3px 1px; /*3px 5px 3px 1px;*/
}
#nav ul {
}
/* each line item within the div called nav to be displayed  horizontally (inline) in menu 
   background colour of each line item to be dark red
   width of each item 96px, height 22px
   float left starts each line item from the left of the containing item, and wraps the content around it, so subsequent line items appear adjacent to the previous item (to the right off) but on the left of the container
   margin-left: sets margin between each line item to be 4px
   text-align : center aligns text of the line item centrally
   */
#nav li {
	display:inline;
	background-color:#8A0808; /*#245882; /* #B40404; dark red*/
	width:96px; /* 120 */
	height:22px;
	float:left;
	margin-left:4px; /*4px */
	position:relative;
	/*margin-right:8px;*/
	text-align:center;
}
/* for each anchor tag (<a> </a> reference) set colour to be pink - ie the text within each anchor within the li .
a tag covers 92px width, 19px height
   */
#nav a {
	width:92px /*120px;*/
	height:19px;
	padding-top:3px;
	text-decoration:none;
	color:#F78181;/*#a5cae5;*/
	font-weight:800;
	display:block;
}
/* when cursor hovers over each anchor tag in the line item change colour of text to white   */
#nav a:hover {
	color:#FFFFFF;
	font-weight:800;
}
/******************** Content ********************/
p, h1, a, span{font-family: Arial, Helvetica, sans-serif;}
#content {
	width:1006px; /* was 750 : is 1000px same as nav plus padding 3px either side */
	margin-left:25px;
	background-color: #FFFFFF; /*#F6CECE; #a5cae5;*/
}
#iframe_content { /* set iframe to be 20px lower than containing div so it appears below the iframe allwebmenus menu */
 margin-top:20px;
}
#all {
	float:left;
	width:960px;
	height:750px;  /* 630px added in */
	display:inline;
	margin: 20px 0px 30px 20px; /* 20px 0px 30px 20px top right bottom left margin*/
	overflow:auto;  /* scrollbar enabled */
	border:3px solid #8A0808;
}
#all h1{
	font-size: 16px;
	color: #052d4e;
	display:inline;
	font-weight:900;
}
#left {
	float:left;
	width:460px;
	height:750px;  /* 630px added in */
	display:inline;
	margin: 20px 0px 30px 20px; /* 20px 0px 30px 20px top right bottom left margin*/
	overflow:auto;  /* scrollbar enabled */
	border:3px solid #8A0808;
}
#left p {
	font-size: 12px;
	color: #000000;
	padding: 2px 0px;	/*5px 0px;*/
}
#left a{
	color: #052d4e;
	font-weight:800;
}
#left a:hover{
	color: #0033FF;
}
#left h1{
	font-size: 16px;
	color: #052d4e;
	display:inline;
	font-weight:900;
}
#left span{
	font-size: 12px;
	color:  #007dda;
	font-weight: 900;
	display:inline;
	margin-left:8px;
}
#right {
	float:right;
	width:460px; /*260px */
	height:750px;
	display:inline;
	background-color: #8A0808;  /*#397eb7; #FBEFEF; */
	color:#FFFFFF;
	font-weight:400;
	font-size: 12px;
	padding: 0px 10px;
	margin: 20px 20px 20px 0px; /*30px 20px 20px 0px */

}
#right p{
	padding: 7px 0px;
	font-weight:300;
}
#right a{
	color:#FFFFFF;
	font-weight:900;
}
#right a:hover{
	color: #052d4e;
}
.post {
	margin-top:10px;
	margin-left:15px; /*10px*/
	margin-right:15px; /*0px*/
}
.post a{
}

.post a:hover{
}

.post p{
 padding: 2px 0px; /* JS NEW Will this increase line spacing for history page*/
}

.calendar {
	margin-top:10px;
	margin-left:5px; /*10px*/
	margin-right:5px; /*0px*/
}


/******************** Footer ********************/
#footer {
	width:1100px; /*800*/
	text-align:center;
	color:#FFFFFF;
	margin: 10px 0px;
}
#footer ul {
}
#footer li {
	display:inline;
	float:none;
	text-align:center;
}
#footer a {
	color:#FFFFFF;
	font-weight:900;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer span {
	display:block;
	clear:both;
	color:#FFFFFF;
	margin: 10px 0px;
}
.clear{
	clear:both;
}
/************** Buttons for Gallery ******************/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/* events page -  cells of class event are of width 200px and have white background */
.event {
 width: 200px;
 background-color:#FFFFFF;
}

.eventdate {
 width: 160px;
 background-color:#FFFFFF;
}

.eventlocation {
 width: 160px;
 background-color:#FFFFFF;
}

.appform {
 width: 200px;
 background-color:#FFFFFF;
}

.result {
 width: 200px;
 background-color:#FFFFFF;
}

.eventTable {
/*padding: 1px;
border-spacing: 4px;*/
/*text-align:center;*/
background-color:#8A0808;
}

/* padding within each table cell - top and bottom*/
.eventTable td {
padding:7px 7px;
padding-left:25px;
}

.eventTable th {
padding:10px 10px;
padding-left:25px;
background-color:#F59898;
}

.archerylinkTable {
/*padding: 1px;*/
/*border-width: 1px;*/
/*border-spacing: 4px;*/
/*text-align:center;*/
background-color:#8A0808;
}

.archerylinkTable td {
padding:4px;
}

.archerylinkTable th {
padding:4px;
}

.classificationTable {
margin-left:0px;
background-color:#8A0808;
}

.classificationTable td{
padding:4px;
}

.classificationTable th{
padding:4px;
}

.classificationName {
 width: 150px;
 background-color:#FFFFFF;
}
.linkTable {
/*padding: 1px;*/
/*border-width: 1px;*/
/*border-spacing: 4px;*/
/*text-align:center;*/
margin-left:200px;
background-color:#8A0808;
}
/* padding within each table cell - top and bottom*/
.linkTable td {
padding:4px;
}

.linkName {
 width: 250px;
 background-color:#FFFFFF;
}

.linkpdf {
 text-align:center;
 width: 110px;
 background-color:#FFFFFF;
}

.linkdoc {
 text-align:center;
 width: 110px;
 background-color:#FFFFFF;
}

.linkURL {
 width: 370px;
 background-color:#FFFFFF;
}
.linkComment {
 width: 370px;
 background-color:#FFFFFF;
}

.divleft {
margin-top: 3px; 
 width:210px;
 height:90px;
 display:block;
 float: left;
}

.divright {
 margin-top: 3px; 
 width:210px;
 height:90px;
 display:block;
 float: right;
}

.fees {
 width: 80px;
 background-color:#FFFFFF;
}

.feesearly{
color:#FF0000;
background-color:#FFFFFF;
}

.feesTable {
/*padding: 1px;
border-spacing: 4px;*/
/*text-align:center;*/
background-color:#8A0808;
}

/* padding within each table cell - top and bottom*/
.feesTable td {
padding:7px 7px;
padding-left:25px;
}

.feesTable th {
padding:10px 10px;
padding-left:25px;
background-color:#F59898;
}