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

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

@import url(../junior_members/css/juniors_s.css);

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

body {
  font: 62.5%/1.4 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  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: 1em; /* regular version is 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;
}

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

#mainNav {
  list-style: none;
}

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

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

#footer {
  padding: 1px 5px;
}


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

#branding {
  position: relative;
  background-color: #ffffff; /* url("../gifs/banner with display options.gif") no-repeat; /* background working colour #b0b0b0 */
}

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

}

#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;
}


.ie #mainNav { 
  width: 18%; /* originally 23% */
}

#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; 
} 
#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-bottom: 15px;
}
/* footer area definitions -------------------------------------------------------*/
#footer { 
  clear: both; 
  position: relative;
  background: #ffffff url(../gifs/footer_bar.gif) repeat-x;
/*  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: -40px; /* was 50 */
 color: #0066cc;
 font-size: 1.3em; /* was 1.6em */
}

#footer a {
 position: relative;
 top: -50px; /* was 60 */
 font: bold .9em Verdana, Helvetica, sans-serif;
 margin: 1em 0 0 1em;
 color: #0066cc;
 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;
  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;
 color: #08a408; /*#c601ff; */
 font: 1em Verdana, Helvetica, sans-serif;
 text-decoration: underline;
}

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

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

#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 */
}


#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: 12px 10px 10px 65px; /* was 17 10 17 65 */
margin-bottom: 1px;
text-decoration: none;
display: block;
border-bottom: 2px solid #ff0000;
}

.ie9 #mainNav li a,
.ie8 #mainNav li a, 
.ie7 #mainNav li a,
.ie6 #mainNav li a {
background: url(../gifs/shoe.gif) no-repeat bottom left;
color: #ffffff;
font-size: 95%; /* was 105% */
font-weight: strong;
padding: 17px 10px 17px 65px; /* was 20 10 17 65 : top right bottom left */
margin-bottom: 1px; /* stops inter-item gaps from being too big -25px */
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;
}

#mainNav .first {
padding-top: 5px; /* was 20 */
}

/* 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
/* body.junior_section #mainNav a#juniors */ {
 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.1em;
		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.1em;}


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


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

/* Club Trip and Other Races 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; }

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

/* Members Lirary Page Un-ordered List Formatting ----------------------*/

ul.reports { 	color: #0066cc; list-style-type: none; margin-bottom: 25px;}

li.reports {	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: -12px;  /*--- was -10px ---*/
}

.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;
}

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

/* h2.juniors  { font-size: 1.4em; font-weight: strong; color: #0066cc; margin-bottom: -5px; } */
/* p.junior-italic-p { font-style:italic; } */

ul.venue {
			list-style: none;
			color: #0066cc;
			padding: 0;
			font-size: 1em;
			font-weight: normal; }

/* County Results text and link appearance */			
.county {color: #ff3366;}
#secondaryContent a.county:link {color: #ffcc00; }
#secondaryContent a.county:visited {color: #ffcc00; }
#secondaryContent a.county:hover {color: #ff3366;}

/* 6 from 10 table  ----------*/

.heading {
	background-color:#FF9;
	padding: none;
}

th {
	background-color: #ffff99;
	font-size: .7em;
	font-weight: bold;
	color:#000;
	text-align: left;
	height: 2em;

}

tr {height: 1.3em;}
tr:hover {background-color: #FFC;}  /* #CCC */

.oddselections {
	background-color:#f5f5f5; /* 97f5bd */
	font-size: .7em;
	color: #0066cc;
}
.oddselections a {font-size: .8em;}
.oddselections a:hover {text-decoration: none; border-bottom: 1px #F00 dashed; }

.evenselections {
	font-size: .7em;
	color: #0066cc;
}
.evenselections a {font-size: .8em;}
.evenselections a:hover {text-decoration: none; border-bottom: 1px #F00 dashed; }


.notselected {
	background-color: #dcd4d4;
	font-size: .7em;

}