/* CSS Document   */
/* brr_master.css */

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

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

body {
  font: 63%/1.4 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; /* was 62.5%/1.4 */
  background-color:#ffffff; /* was #d4d4d4  & 62.5%/1.6 */
}

h1 {
  font-size: 1.4em; /* 1.6em */
  font-weight: strong;
  color: #0066cc;
}

h2 {
  font-size: 1.2em; /* was 1.4em */
  font-weight: normal;
}

p, li {
  font-size: 1.2em; /* was 1.2em */
}

h1, h2, p {
  margin: 1em 0;
}

.entry_closed {
  font-size: 1.4em; /* 1.6em */
  font-weight: strong;
  color: #ff0000;
}

#mainContent p {
color: #0066cc;
}

#mainNav {
  list-style: none;
}

#secondaryContent h2 {
  font-size: 1.4em; /* was 1.6em */
  margin: 0;
}

#secondaryContent p { /* was 1.2 em */
  font-size: 1.1em;
}

#footer {
  padding: 1px 5px;
}


/* the branding definitions --------------------------------------------------------*/
#branding {
position: relative;
background-color: #ffffff; /* url("../gifs/banner with display options.gif") no-repeat; /* background working colour #b0b0b0 */
padding: 0;
 /* z-index: 1; */
 /* margin-bottom: 10px; */
} 

#branding h1 {
  margin: 0;
  padding: 0;
  height: 95px;
  background: #ffffff url("../gifs/banner with display options.gif") no-repeat; /* background working colour #b0b0b0 */
  margin-bottom: 10px;
  text-indent: -9000px;
}

#branding ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#branding a {
position: absolute;
width: 90px;
height: 9px;
line-height: 9px;
text-indent: -9000px;
}

#branding .normal a {
  top: 60px; 
  left: 500px;
  border: 1px solid #ffffff;
  width: 90px;
}

#branding .more_contrast a {
  top: 71px; 
  left: 500px;
  border: 1px solid #fff;
  width: 90px;
}

#branding .monochrome a {
  top: 82px; 
  left: 500px;
  border: 1px solid #fff;
  width: 90px;
}

#branding .normal a:hover  {
  border: 1px solid #fff;
  padding: 0px;
  background: url(../gifs/standard_display_hover.gif);
}

#branding .monochrome a:hover  {
  border: 1px solid #fff;
  padding: 0px;
  background: url(../gifs/monochrome_display_hover.gif);
}

#branding .more_contrast a:hover  {
  border: 1px solid #fff;
  padding: 0px;
  background: url(../gifs/more_contrast_hover.gif);
}

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

body {
  text-align: center; 
  min-width: 780px; /* originally 760px */
}

#wrapper {
  width: 98%; /* originally 85% */
  margin: 0 auto;
  text-align: left;
  background: #fff  /* url(../gifs/nav-faux-col.gif) repeat-y 23% 0; /* nav-faux-col.gif  not used */
}

#wrapper2 {
  background: url(../gifs/secondary_data_panel.gif) repeat-y 78% 0;
}


#mainNav { 
  width: 22%; /* originally 23% */
  float: left;
}


#content { 
  width: 75%; /* originally 75% */
  float: right; 
}

#content a, #content a:visited {
color: #0066cc;
font-weight: bold;
}

#content a:hover {
color: #ff0000;
font-weight: bold;
}

#mainContent { 
  width: 66%; 
  margin: 0; 
  float: left; 
} 

#mainContent h3 {
color: #0066cc;
font-weight: strong;
font-size: 1.1em;
}

#secondaryContent { 
  width: 31%;
  min-width: 7em; /* was 10em */
  display: inline; /* :KLUDGE: Fixes IE double margin float bug */
  float: right;
} 

#message {  /* added for 800x600 only to prevent ticker-tape falling down to footer-bar*/
  padding-top: 5px; /*15px */
}
/* footer area definitions -------------------------------------------------------*/
#footer { 
  clear: both; 
  position: relative;
  background: #ffffff url("../gifs/footer_bar.gif") repeat-x;
  top: 20px;	 /* added */
/*  line-height: 3em; */
}

/* let screen-readers know the purpose of the footer area */
#footer h2 {
text-indent: -9000px;
}

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

#footer a {
 position: relative;
 top: -45px; /* 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;
}

#footer h4 {
 position: relative;
 color: #808080;
 font: .8em Verdana, Helvetica, sans-serif; /* was 0.8 */
 text-align: center;
 top: -40px;
} 

/* For the email name link-text, returned by JavaScript in site maintained_by Library item */
#footer h4 a {
 color:#090; /* green */
  position: relative;
   top: 0px;
   left: -5px;
   text-decoration: underline;
}

/* For Release Number contained in footer */
#footer h5 {
 position: relative;
 color: #808080;
 font: .8em Verdana, Helvetica, sans-serif;
 text-align: center;
 top: -35px;
}

/* used by old Library method - not used now */
#footer .maintainedbyemail {
 position: relative;
 top: 0; /* was 0 */
/* left: -2; /* added */
 color: #090; /*#c601ff; then #08a408 */
 font: 1em Verdana, Helvetica, sans-serif;
 text-decoration: underline;
}

/* add some padding to the contentse in the main nav and secondary content areas */

#mainNav {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 5px; /* was 60 */
}

#secondaryContent {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 40px; /* was cobined with #MainNav 60 */
  float: right;
}

/* secondaryContent spacer lines - cosmetic change being planned
.lines {
  background: url("../gifs/lines.gif") repeat-x;
  width: 75%;
  margin-left: 10px;
  height: 2px;
}

.ie.lines {
  background: url("../gifs/lines.gif") repeat-x;
  width: 85%;
  margin-left: 15px;
  height: 2px;
} */

#mainNav { 
 padding-left: 0px;
 padding-right: 0px;
}

#secondaryContent * { 
 padding-left: 15px; /* was 20 */
 padding-right: 15px; /* was 20 */
}

#mainNav * *, #secondaryContent * * { 
 padding-left: 0;
 padding-right: 0;
}

#mainNav {
border: 2px solid #9A9A9A;
list-style: none;
display: block;
background: #0066cc;
}

#mainNav ul {
list-style: none;
margin: 0;
padding: 0;
display: block;
border: none;
}

/* ie version */
.ie #mainNav li a {
background:  url(../gifs/shoe.gif) no-repeat bottom left;
color: #ffffff;
font-size: 95%; /* was 105% */
font-weight: strong;
padding: 15px 10px 17px 65px;
margin-bottom: -25px; /* stops inter-item gaps from being too big, but collapses in Firefox */
text-decoration: none;
display: block;
border-bottom: 2px solid #ff0000;
}


#mainNav li a {
background: url(../gifs/shoe.gif) no-repeat bottom left;
color: #ffffff;
font-size: 95%; /* was 105% */
font-weight: strong;
padding: 12px 10px 10px 65px; /* was 17 10 17 65 */
margin-bottom: 1px;
text-decoration: none;
display: block;
border-bottom: 2px solid #ff0000;
}

/* ---- keep menu text same colour following a visit -------- */
#mainNav li a:visited { /* , #menu li a:active */
color: #ffffff;
}

/* change menu appearance on hover */
#mainNav li a:hover {
background: url(../gifs/shoe_hover.gif) no-repeat bottom left;
color: #ffff00;
font-weight: strong;
}

.ie #mainNav .first {
padding-top: 10px; /* std is 20 */
}

#mainNav .first {
padding-top: 20px; 
}



/* text format of mainNav for the current page. */
body.home #mainNav a#home, 
body.clubcomps #mainNav a#clubcomps,
body.ten_k_results #mainNav a#ten_k_results,
body.hilly_half #mainNav a#hilly_half, 
body.membership #mainNav a#membership,
body.members_library #mainNav a#members_library,
body.otherraces #mainNav a#otherraces {
 color: #ffff00;
 text-weight: strong;
}

/* Constitution Page Formatting ----------------*/
ol {	list-style: decimal;
		margin-left: 30px;
		padding: 0;
		color: #0066cc;
		font-size: 1em;}

ol ol {	list-style: lower-alpha;
		margin-left: 25px;
		font-size: 1.2em;
		font-weight: normal; }

ol ol ol {	list-style: lower-roman;
			margin-left: 30px;
			font-weight: normal; }

li.level1 {	padding-left: 2px;
		font-weight: normal; 
		margin-bottom: 20px; 
		font-size: 1em;}

li li.level2 {	padding-left: 2px;
		margin-bottom: 5px;
		font-size: 1em;
		font-weight: normal; }

li li li.level3 {	padding-left: 0;
			margin-bottom: 0;
			font-weight: normal;
			font-size: 0.8em;}

ul.const {	list-style: none;
			margin-left: -2px;
			padding: 0;
			font-size: 1em;
			font-weight: normal; }

.title {	font-weight: bold;
			font-size: 1.2em;}


li.coverage {	color:#000;
				margin-left: -5px;
				font-size: 1em;}


/*-------------------------------------------------*/

/* Club Trip Page Formatting ----------------------*/

ul.club-trip, ul.other-races { 	color: #0066cc; list-style-type: none; margin-bottom: 25px;}

li.club-trip, li.other-races {	color: #0066cc; }

/* ------------------------------------------------*/


/* misc. items ------------------------------------*/
.clear {
clear:both;
}
.highslide-gallery {
color: #0066cc;
}


.smallimage	{
	border:2px solid #0066CC;
}

.hilly100girls {
text-align: center;
}

#mainContent .mapcaptions  {
color: #0066cc;
font-size: 0.8em;
font-weight: bold;
text-align: center;
}

.stephcentredpicture, .stevecentredpicture {
text-align: center;
}

#mainContent .picturecaption {
text-align: center;
font-size: 95%;
margin-top: -10px;
}

.derando_clip  {
text-align: center;
}

.xc_league_table  {
color: #0066cc;
font-size: 0.9em;
}

.highlight {
font-weight: bold;	
}

.closed {
color: #F00;
font-weight: bold;
}

.picture_10k	{
text-align:center;
margin-top: -3px;
}

.picR { float: right; margin: 0 5px 15px 8px; padding: 0px; border: 1px dashed #999; clear:right;}
.currenttopics {float: left; width:90%; font-size: 0.9em;}

a:hover .picR { border: 1px dashed #e75201;}

/* bits for blogs ---------------------------*/
.scroll  {
width: 60%;
height: 200px;
padding-left: 0px;
padding-right: 5px;
text-indent: 1px;
list-style-position: inside;
overflow: auto;
border-color: #6699cc;
border-width: 3px;
border-style: solid;
background-color: #0066cc;
color: ffffff;
}

#chairmans-voice ul  { list-style-image: url(../jpegs/shoe_sm_lightblue.jpg); list-style-type: square; }
li.chair { padding-left: 3px; margin: 5px 0px 10px 5px; }
.opera li.chair { padding-left: 3px; margin: 5px 0px 10px 5px; text-indent: 53px;}
.right { float:right; margin: 4px; }


ul.stroud  {list-style-type: none; color: #0066cc; text-indent: 15px;}