@charset "utf-8";
/* CSS Document */
/* Style sheet for Site Map page */

/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  background-color:#D4D4D4;
}

h1 {
  font-size: 2.4em;
  font-weight: normal;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
}

p, li {
  font-size: 1.4em;
}

h1, h2, p {
  margin: .7em 0;
}

#branding h1 {
  margin: 0;
}

#branding {
  height: 190px;                                                  /* updated 26-08-2025 from 95px to 190px for new BRR logo */
  background: #FFF url(gifs/sitemap_background.gif) repeat-y;
  background-color:#fff;
  padding: 20px;
  padding-left: 0px;                                             /* added 26-08-2025 - to align new logo */
}

#left_sidemap_area, #homeoptions, #constitutionoptions, #membershipoptions {
  list-style: none;
}

#right_sidemap_area, #clubcompetitionsoptions, #clubraces, #racereportsoptions, #photolibraryoptions, #newsletteroptions, #clubarchiveoptions {
  list-style: none;
}

/* footer definitions */
#footer {
  background-color:#b0b0b0;
  clear: both; 
  position: relative;
  top: 20px;
  background: #ffffff url("../gifs/footer_bar.gif") repeat-x;
  padding: 1px 20px;
}

#footer h3 {
 position: relative;
 text-align: center;
 top: 5px; /* was -30 */
 color: #0066cc;
 font-size: 1.3em; /* was 1.6em */
}

#footer .footermenu {
  position: relative;
  text-align: center;
  top: 0px;
}

#footer p, #footer a {color:#0066cc; }
#footer a:hover {color:#F00; }

#footer a {
 position: relative;
 top: 0px; /* was 60 */
 font: bold .9em Verdana, Helvetica, sans-serif;
 margin: 1em 0 0 1em;
 color: #0066cc; /* #0066cc for Useful Links */
 text-size: 95%; /* added */
 text-decoration: none;
}

#footer a:hover {
/* font: bold 10px Verdana, Helvetica, sans-serif; */
margin: 1em 0 0 1em;
color: #ff0000;
text-decoration: none;
}


/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 760px;
}

#wrapper {
  /* width: 720px; */ 
  width: 75%; 
  margin: 0 auto; 
  text-align: left;
  background: #fff url(gifs/banner%20with%20display%20options.gif) no-repeat;
}

/* added 26-08-20235 - to control positioning of content within an inner wrapper */
#wrapper_content  {
  position: relative;
  margin-top: 5px;
}


#content { 
  width: 50%;
  float: right; 
}

#left_sidemap_area { 
  width: 50%; 
  float: left; 
} 

#footer { 
  clear: both; 
} 

/* Add some padding
================================== */

#left_sidemap_area {
  padding-top: 20px;
  padding-bottom: 20px;
}

#left_sidemap_area * {
  padding-left: 50px;
  padding-right: 20px;
}

#left_sidemap_area * * {
  padding-left: 0;
  padding-right: 0;
}


#right_sidemap_area {
  padding-top: 20px;
  padding-bottom: 20px;
}

#rightt_sidemap_area * {
  padding-left: 50px;
  padding-right: 20px;
}

#right_sidemap_area * * {
  padding-left: 0;
  padding-right: 0;
}



.a {  margin: 1em 0;}

.p1 a {
	color:#F00;
	text-decoration:none;}
.p1 a:hover {
	color: #00F;
	border-bottom:dashed 1px;}

.p2 a {
	color:#666;
	text-decoration:none;}
.p2 a:hover {
	color:#F00;
	border-bottom:dashed 1px;}


.p3  {
		padding-bottom: 20px;}
.p3 a, #clubraces .promo {
	color:#666;
	text-decoration:none;}
.p3 a:hover {
	color:#F00;
	border-bottom:dashed 1px;}


#content * {
  padding-right: 50px;
}

#content * * {
  padding-right: 0;
}

/* meta data definitions, including date */
#meta {
position: absolute; 
	top: 200px;                   /* amended 26-08-2025 from 140 to 200px */
	left: 225px;                  /* amended 26-08-2025 from 210 to 225px */
	z-index: 3;
	margin: -10px 15% 0 10px;     /* was ORIGINALLY 35px 50px 0 0 */
	font: .6em Georgia, serif; 
	color: #777; 
	padding: 3px; 
	border-top: 1px solid #D2D4CF; 
	border-bottom: 1px solid #D2D4CF; 
	text-transform: uppercase; 
	letter-spacing: 1px;
}

#meta p {
	display: block; 
	float: left; 
	padding-top: 0; 
	font-size: 1.2em
	font-family: Georgia, serif; 
	color: #777;
}

#meta span {
	display: block; 
	float: right; 
	margin-top: 5px;
	font: 1.3em Georgia, serif;
	line-height: 140%;
}

.external {
background: url(../gifs/externalLink.gif) no-repeat right top;
padding-right: 10px;
margin: 0 0 0 1px;
}

.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */