/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

html, body {
	margin: 0;
	padding: 0;
	color: #000;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	behavior: url(csshover.htc);
	background-image: url(../images/body_bgd.jpg);
	background-repeat: repeat-x;	
}

h1 {
	color: #000;
	font-size: 130%;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

h2{
 	font-size: 120%;
	color: #000;
	margin: 0;
	padding: 0;
}

h3{
 	font-size: 100%;
 	color: #334d55;
 	margin: 0px;
 	padding: 0px;
}

h4{
  	font-size: 100%;
 	color: #333333;
 	margin: 0px;
 	padding: 5px;
}

h5{
 	font-size: 100%;
 	color: #334d55;
 	margin: 0px;
 	padding: 0px;
}

acronym{
	color:#3300FF;
}

/************* top navigation styles ***********/

#navbar{
	margin: 5px 0 0 0 ; 
	padding: 0 ;
	width:100%;
	line-height: 20px;
	border-bottom: 2px solid #F00;
	display:none;
}

#navbar ul{
	margin:0;
	padding:0;
}

#navbar ul li {
	list-style: none;
	display:inline;
	float: left;
	margin-left: 1px;
	padding-left: 10px;
	font-size: 100%;
	line-height: 20px;
	white-space: nowrap;
	background-color:#0000FF;
	background-image: url(../images/tabs2-big.gif);
	background-repeat: no-repeat;
}

#navbar a {
	display: block; 
	float: left; 
	padding: 0 10px 0 0;
  	text-decoration: none; 
	font-weight: bold;
  	background-color:#0000FF;
  	color: #ccc;
  	width: .1em;
	background-image: url(../images/tabs2-big.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

html>body #navbar a {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navbar a {float: none;}         /* End IE5-Mac hack */


#navbar a:hover {
	color: #FFFFCC;
}

#navbar ul li.current, #navbar ul li.current a {
	color: #FFF;
	background-color:#FF0000; 
	background-image: url(../images/tabs2-big-ct.gif);
}

/******************** Menu Styles ***************************/ 

div#menu {
	float: left;
	width: 13em;
	margin: -1px 0px 0px 0px;
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	z-index: 1;
	display:none;
}

div#menu a{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

div#menu a:link{
	color: #FFFFFF;
	text-decoration: none;
}

div#menu a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

div#menu a:hover{
	color:#CCCCCC;
	text-decoration: none;
}

div#menu ul {
	margin: 0; 
	padding: 0; 
	width: 13em; 
	background-color:#0000FF;
}

div#menu li {
	position: relative;
	list-style: none;
	margin: 0;
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
	border-bottom: 1px solid ;
	border-bottom-color: #eeeeee;
}

/* fix for browsers that don't need the hack */
#menu>li {
	border-bottom: none;
}

div#menu li:hover {
	background-color: #FF0000;
	text-decoration: none;
}

div#menu li.submenu:hover {
	background-color: #FF0000;
	text-decoration: none;
}

div#menu li a {
	display: block; 
	padding: 0.25em 0 0.25em 0.5em;
  	text-decoration: none;
	width: 12.5em;
}

div#menu>ul a {
	width: auto;
}

div#menu ul ul {
	position: absolute; 
	top: 0; 
	left: 12.9em;
  	display: none;
}

div#menu ul.level1 li.submenu:hover ul.level2, 
div#menu ul.level2 li.submenu:hover ul.level3, 
div#menu ul.level3 li.submenu:hover ul.level4 {
	display:block;
}

/******************   Layout Divs    *********************/


#shadow{
	width:550pt;
	padding:10px;
	margin: 0 auto 0 auto;
	/*filter:shadow(color:gray, strength:8, direction:135);*/
	
}

#wrapper{
	width: 550pt;	
	background-color: #FFFFFF;
	text-align:left;
	margin: 25px auto 0 auto;
	padding:0;
	border: 1px solid #000;
}

#banner{
	float:left;
	padding: 0;
	margin:0;
	width: 100%;
	height: 100px;
	background-image: url(../images/brit_pent.jpg);
	background-repeat: no-repeat;
	background-position: center;
	
}

#mastheadleft{
	margin:0;
	padding:0;
	width:200px;
	color:#FF0000;
	text-align:left;
	height:100px;
	float:left;
}

#mastheadright{
	margin:0;
	padding:0;
	width:200px;
	color:#FF0000;
	text-align:right;
	height:100px;
	float:right;
}

#pagename{
	text-align:left;
	padding:10px 0 20px 10px;
	width:735px;
}

#pagename h1{
	font-size:130%;
	color:#666;
}

#leftcolumn{
	padding:0;
	margin:0;
	float:left;
	width:auto;
	display:none;
}

#content{
	float:left;
	margin:0 0 10px 10px;
	padding:0px;
	font-size:100%;
    width:490px;	
}

#content h3{
	padding: 15px 0px 5px 0px;
	border-bottom: 1px solid #ddd;
	font-size:11px;    
}

#content img{
	float:right;
}

#contacts{
	float:left;
  	border: 1px solid #cccccc;
	margin: 0 ;
	padding: 0;
	width:100%;
}

#contacts h3 {
	margin:0 0 15px 0;
	background-color:#FF0000;
	font-size: 100%;
	padding: 5px;
	color:#FFFFFF;
}


#feature{
	float:left;
  	border: 1px solid #cccccc;
	margin: 0 ;
	padding: 0;
	width:100%;
}

#feature h3 {
	margin:0 0 15px 0;
	background-color:#FF0000;
	font-size: 100%;
	padding: 5px;
	color:#FFFFFF;
}

#feature table{
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse:collapse;
	margin: 0 5px 0 5px;
	width:95%;
}

#feature th {
	background-color:#009900;
	font-size: 100%;
	padding: 5px;
	color:#FFFFFF;
}

#feature td{
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding-left: 5px
}

#feature ol li{
	margin:0 0 15px 0;
	font-size: 100%;
	font-weight:bold;
}

#feature ul li{
	background: #FFFFFF url(../images/bullet.gif) no-repeat left top;
	line-height: 16px;
	margin:0;
	padding: 0 5px 0 15px;
	font-weight:normal;
}

#feature h5{
	font-size: 100%;
	color:	#000000	;
	margin: 0px;
	padding: 5px 5px 0 5px;
}

#feature h3 a{
	color:#FFFFFF;
}

#feature h6{
	font-size: 90%;
	color: #0000CC;
	margin: 0px;
	padding: 5px 5px 0 5px;
}

#feature p {
	margin: 5px 0 10px 0 ;
	font-size: 100%;
	padding: 0px 5px 0 5px;
	color:#000000;
	line-height: 12px;
	font-weight:normal;
}	

#feature img{
	margin:5px 0 0 0 ;
	padding: 0px 0 5px 5px;
}

#download{
	float:left;
  	border: 1px solid #cccccc;
	margin: 0 ;
	padding: 0;
	width:100%;
}

#download h3 {
	margin:0 0 15px 0;
	background-color:#FF0000;
	font-size: 100%;
	padding: 5px;
	color:#FFFFFF;
}

#download table{
	width:100%;
	margin:0;
	border:0; 
	cellspacing:0;
	cellpadding:0;
	margin: 0 5px 0 5px;
	width:95%;
}

#download th {
	background-color:#660099;
	font-size: 100%;
	padding: 5px;
	color:#FFF;
}

#download td{
	padding-left: 5px;
	
}

#download td.pps{
	background: #FFFFFF url(../images/bullet.gif) no-repeat 0 50%;
	line-height: 24px;
	padding:0 0 0 20px;
	margin:0;
}

#download ol li{
	margin:0 0 15px 0;
	font-size: 100%;
	font-weight:bold;
}

#download h5{
	font-size: 100%;
	color:	#000000	;
	margin: 0px;
	padding: 5px 5px 0 5px;
}

#download h6{
	font-size: 90%;
	color: #0000CC;
	margin: 0px;
	padding: 5px 5px 0 5px;
}

#download p {
	margin: 5px 0 10px 0 ;
	font-size: 100%;
	padding: 0px 5px 0 5px;
	color:#000000;
	line-height: 12px;
	font-weight:normal;
}	

#download img{
	padding: 0 0 5px 5px;
}

#rollofhonour{
	float:left;
  	border: 1px solid #cccccc;
	margin: 0 0 0 10px ;
	padding: 0;
	width:590px;
}

#rollofhonour h3 {
	margin:0 0 15px 0;
	background-color:#FF0000;
	font-size: 100%;
	padding: 5px;
	color:#FFFFFF;
}

#rollofhonour h5{
	font-size: 120%;
	color:	#000000	;
	margin: 0px;
	padding: 5px 5px 0 5px;
}

#rollofhonour h6{
	font-size: 90%;
	color: #0000CC;
	margin: 0px;
	padding: 5px 5px 10px 5px;
}

#rollofhonour table{
	width:100%;
	border:0;
	cellspacing:0;
	cellpadding:0;
	margin: 0 5px 0 5px;
	width:95%;
	vertical-align: top;
}

#rollofhonour th {
	background-color:#660099;
	font-size: 100%;
	padding: 5px;
	color:#FFF;
}

#rollofhonour td{
	padding-left: 5px;
	vertical-align: top;
	line-height:24px;
}

#rollofhonour td.pps{
	background: #FFFFFF url(../images/bullet.gif) no-repeat 0 50%;
	line-height: 24px;
	padding:0 0 0 20px;
	margin:0;
}

#rollofhonour ol li{
	margin:0 0 15px 0;
	font-size: 100%;
	font-weight:bold;
}

.gold{
	background-color:#FFFF99;
	font-weight:bold;
}

.silver{
	background-color:#E6E6E8;
}

.bronze{
	background-color:#E9B672
	;
}
		

#contacts{
	float:left;
  	border: 1px solid #cccccc;
	background-color: #FFFFFF;
	margin: 0 ;
	padding: 0;
}

#contacts h3 {
	margin:0 0 15px 0;
	background-color:#FF0000;
	font-size: 100%;
	padding: 5px;
	color:#FFFFFF;
}

#contacts h5{
 	font-size: 100%;
 	color: #334d55;
 	margin: 0px;
 	padding: 5px 5px 0 5px;
}

#contacts p {
	margin: 5px 0 10px 0 ;
	font-size: 120%;
	padding: 0px 5px 0 5px;
	color:#000000;
	line-height: 12px;
}	

#contacts td {
	margin: 5px 0 10px 0 ;
	font-size: 120%;
	padding: 0px 5px 0 5px;
	color:#000000;
	line-height: 14px;
}

#contacts img{
	padding: 0 0 5px 5px;
}

.role{
	margin: 5px 0 10px 5px ;
	font-size: 120%;
	padding: 0px 5px 0 5px;
	color:#000000;
	line-height: 14px;
	font-weight:bold;
}

#clubs{
	float:left;
  	border: 1px solid #cccccc;
	background-color: #E0E0E0;
	margin: 0 ;
	padding: 0;
}

#clubs h3 {
	margin:0 0 15px 0;
	background-color:#669900;
	font-size: 120%;
	padding: 5px;
	color:#FFFFFF;
}

#clubs h5{
 	font-size: 100%;
 	color: #334d55;
 	margin: 0px;
 	padding: 5px 5px 0 5px;
}

#clubs p {
	margin: 5px 0 10px 0 ;
	font-size: 120%;
	padding: 0px 5px 0 5px;
	color:#000000;
	line-height: 12px;
}	

#clubs td {
	margin: 5px 0 10px 0 ;
	font-size: 120%;
	padding: 0px 5px 0 5px;
	color:#000000;
	line-height: 14px;
}

#clubs img{
	padding: 0 0 5px 5px;
}

.club{
	margin: 5px 0 10px 5px ;
	font-size: 120%;
	padding: 0px 5px 0 5px;
	color:#000000;
	line-height: 14px;
	font-weight:bold;
	width: 200px;
}

#rightcolumn{
	float:right;
	background-color:#FFF;
	width:100px;
}

#sponsors{
	float:right;
	background-color:#FFF;
	width:100px;	
	display:none;
}

#sponsors img{
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#midleft{
	margin:0 0 0 5px;
	padding:0;
	float:left;
	width: 230px;
}

#midright{
	margin:0 5px 0 10px;
	padding:0;
	float:left;
	width: 230px;
}

#topstory{
	border: 1px solid #cccccc;
	margin: 0 5px 0 5px;
	padding: 0;	
}

#topstory h3 {
	background-color:#FF0000;
	font-size: 100%;
	padding: 5px;
	color:#FFFFFF;
}

#topstory p {
	font-size: 100%;
	padding: 0px 5px;
	color:#000000;
	line-height: 10px;
}			

#faq{
	border: 1px solid #cccccc;
	margin: 0 5px 0 5px;
	padding: 0;
}

#faq h3 {
	background-color:#FF0000;
	font-size: 100%;
	padding: 5px;
	color:#FFFFFF;
}

#faq h5 {
	font-size: 120%;
	padding: 5px;
	font-weight:bold;
}

#faq p {
	font-size: 120%;
	padding: 0px 5px;
	color:#000000;
}	

#faq ul li{
	background: #FFFFFF url(../images/bullet.gif) no-repeat left top;
	font-size: 120%;
	line-height: 16px;
	margin:0;
	padding: 0 5px 0 15px;
	
}
		

#headlines {
  	border: 1px solid #cccccc;
	background-color: #FFF;
	margin: 0 0 10px 0 ;
	padding: 0;
}

#headlines h3 {
	background-color:#006600;
	font-size: 100%;
	padding: 5px;
	color:#FFFFFF;
}

#headlines p {
	font-size: 90%;
	margin:0;
	padding: 0 0 0 5px;
	color:#000000;
	line-height: 10px;
}
			
.dates{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #FF0000;
	padding-left: 5px;
}

.venue{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color:	#0000CC;
}

#closingdates{
  	border: 1px solid #cccccc;
	background-color: #FFF;
	margin: 10px 0 0 0 ;
	padding: 0;
}

#closingdates h3 {
	background-color:#FF9900;
	font-size: 100%;
	padding: 5px;
	color:#FFFFFF;
}

#closingdates p {
	font-size: 90%;
	margin:0;
	padding: 0 0 0 5px;
	color:#000000;
	line-height: 10px;
}				

#siteupdates{
  	background-color: #E0E0E0;
	margin: 10px 0 10px 0;
	padding: 0;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

#siteupdates h3 {
	background-color:#999999;
	font-size: 80%;
	padding: 5px;
	color:#FFFFFF;
}

#siteupdates p {
	font-size: 90%;
	margin:0;
	padding: 0px 5px;
	color:#000000;
	line-height: 10px;
}

#siteupdates a{
	color:#000066;
	font-weight: bold;
	text-decoration: none;
}

#siteupdates a:link{
	color:#000066;
	text-decoration: none;
}

#siteupdates a:visited{
	color:#000066;
	text-decoration: none;
}

#siteupdates a:hover{
	color:#0000FF;
	text-decoration: none;
}

#events{
  	border: 1px solid #cccccc;
	background-color: #E0E0E0;
	padding: 0;
	margin: 10px 0 0 0;
}

#events h3 {
	background-color:#6633FF;
	font-size: 100%;
	padding: 5px;
	color:#FFFFFF;
}

#events p {
	font-size: 90%;
	padding: 0px 5px;
	color:#000000;
	line-height: 10px;
}

#eventstable{
  	border: 1px solid #cccccc;
	background-color: #E0E0E0;
	padding: 0;
	margin: 0 0 0 0;
}

#eventstable th {
	background-color:#6633FF;
	font-size: 100%;
	padding: 5px;
	color:#FFFFFF;
}

#eventstable td {
	font-size: 90%;
	padding: 5px;
	color:#000;
}

#gallery{
  	border: 1px solid #cccccc;
	background-color: #FFF;
	margin: 10px 5px 0 5px;
	padding: 0;
	
}

#gallery h3 {
	background-color:#660099;
	font-size: 100%;
	padding: 5px;
	color:#FFF;
}

#gallery p {
	font-size: 90%;
	padding: 0px 5px;
	color:#000000;
	line-height: 10px;
}

#searchform{
	margin: 0;
	padding: 0px 5px;
	width: 13.25em;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#searchform p{
	display: block;
	margin: 0;
	padding: 0;
	font-size: 120%;
}

.button{font-size:90%;
}

/************* #footer styles ***************/

#footer{
	clear: both;
	background-color:#0000FF;
	border: 1px solid #cccccc;
	font-size: 100%;
	color:#999;
	padding: 10px 10px 10px 10px;
}

#footer img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

#footer a{
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.contacts {
	padding: 10px 0px 10px 0px;
	list-style-type: none;
	font-size: 100%;
}

#results{
	float:left;
	margin:0 0 10px 10px;
	padding:0px;
	font-size:100%;
    width:550px;
}

#results h3{
	padding: 15px 0px 5px 0px;
	border-bottom: 1px solid #ddd;
	font-size:11px;    
}

#results table{
	width:100%;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse:collapse;
}

#results th{
	font-weight:bold;
	background-color:#FF0000;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

#results td{
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

#results_search{
	font-size:60%;
}

#calendar{
	float:left;
	margin:0 0 10px 10px;
	padding:0px;
	font-size:100%;
    width:550px;
}

#calendar h3{
	padding: 15px 0px 5px 0px;
	border-bottom: 1px solid #ddd;
	font-size:11px;    
}

#calendar table{
	width:100%;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse:collapse;
}

#calendar th{
	font-weight:bold;
	background-color: #6633FF;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}

#calendar td{
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	vertical-align: top;
	padding: 5px;
}

#calendar_form{
	float:left;
	margin:0 0 10px 10px;
	padding:0px;
	font-size:100%;
    width:500px;
}

ul {
	list-style-type: none;	
	padding-left:0;
}

li.pps{
	background: #FFFFFF url(../images/bullet.gif) no-repeat 0 50%;
	line-height: 24px;
	padding:0 0 0 20px;
	margin:0;
}

li.pps2{
	background: #FFFFFF url(../images/bullet.gif) no-repeat 10px top;
	line-height: 16px;
	margin:0;
}

hr{
	 align: center;
	 width:100%;
	 size: 1px; 
	 noshade: noshade;
}

.link{
	font-size: 90%;
	color: #0000FF;
	padding-left: 5px;
}
.bottomborder {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.calendar_label {
	font-weight: bold;
}

.paddedtext {
	padding-right: 5px;
	padding-left: 5px;
	display: block;
}