/* CSS compliant style sheet for gbrc child documents */
/* global styles */

html {background-color: #ddd;}

body	{
    border: solid black 1px;
	border-top: 2px;
	border-right:2px;
	margin:10px;
	padding:0;
	color:black;
	background-color:white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size:2; */
	font-size:0.75em;	 
	line-height:1.8em; 
	}
h1	{
	font-size:	26px;
	}
h2	{
	font-size:1.25em;
	}
h3	{
	font-size:	1.2em;
	font-weight:bold;
	margin-top:1em;
	}
h4	{
	font-size:1.1em;
	}
h5  {
    font-size:1.0em;
	}
	
p  {
   line-height:1.5em;
   }
ul {
   margin:0 0 0.5em 3.0em;
   }

/*************formatting for pages ***************/
/*  1. main page formatting   */
/**  some formatting is defined in the index.php page  ***/

/*  home page top title   */
#menupage td img#title {margin-top:5px;margin-left:5px;}

div#main h3 {
  font-weight:bold;
  font-style:italic;
  font-size:135%;
  margin:.4em 0 -.3em 0;
}

/*  box to display new events  */
div#comingevents {
  color:black;
  background:#fd9;
  border:solid maroon 1px;
  }
div#comingevents h3 {color:blue;}

/****  recently posted bullet list  */
div#newresults h3 {color:rgb(100%,60%,0%);
  border-bottom:solid rgb(100%,60%,0%) 3px;
  width:20em;
  }
/* newest posted items have an image  */
li.new {list-style-image: url(images/new.gif);}

/*  div where all home page paragraphs live */
div#whatsnew h3 {color:maroon;
  border-bottom:solid maroon 3px;
  width:10em;
  }

/* track info box is floated to the right */
#track {
  margin: 1em 0;
  border:solid 1px gray;
  width:16em;
  padding:0.3em;
  float:right;
  font-size:95%;
  line-height:1.7em;
  background:rgb(84%,87%,84%);
}

/* news articles */
.news .rightpic {
    margin-top:1.0em;
   }
.news li {line-height:1.3em;}

/*******  2.  main pages with left hand menu columns are called menupage */
body.menupage {
  width:800px;
 }

body.menupage div {
  margin:0 0.8em;
  font-size:12px;
}

/******   2.1  formatting for the menu side  */
#menupage div#menu {
  margin:0;
  padding:0.2em;
}

#menupage td {vertical-align:top;}

#menupage td.left {
  width:130px;
  background:transparent url(images/menu_background.jpg) top left no-repeat;

  /*background:rgb(84%,87%,84%); */ /* light green*/
}

#menupage div#menu a {
  display:block;
  font-size:11px;
  font-family:arial, sans-serif;
  font-weight:bolder;
  text-decoration:none;
  line-height:2.2em;
  border:solid black;
  border-color:black black gray black;
  border-width:2px 0 0px 0;
  }

 #menupage div#menu a.sub {
   font-size:11px;
   font-weight:normal;
   padding-left:0.7em;
   line-height:1.7em;   
   border-width:0;

 }

#menupage div#menu a:link{color:black;}  /*{color:rgb(0%,30%,10%);}*/ /* dark green*/
#menupage div#menu a:visited{color:black;}  /*{color:rgb(0%,30%,10%);}*/ /* dark green*/
#menupage div#menu a:hover{color:white;background:rgb(0%,39%,10%);}
#menupage div#menu a.sub:hover{color:blue;background:orange;}

img#logo {text-align:center;margin:1.0em 0 1.2em 8px;}

/*******  2.2  formatting for the content side  */



/******  3. lower level pages have a top menu only   */
/** they are: text, racepage, membership  *****/

body.text, body.racepage, body.membership {
  width:650px;
  margin-top:1.0em;
  margin-left:5.0em;
  padding: 0 20px;

}

/* list class pages need to be wider */
body.list {
  width:700px;
  margin-left: 1.0em;
  padding: 0 5px;
  }

/* some pages can be narrower */
body.narrow {
  width:500px;
  margin-left: 1.0em;
  padding: 0 5px;
  }




/*** top menu formatting  *********/

/* gbrc title */
/* td#pghdtitle, h3#pghdtitle  */
#pghdtitle  {
  font-family:Tahoma, sans-serif;
  font-size:20px;
  font-weight:normal;
  text-align:left;
  padding:0.5em 1.0em;
  color:#666;   /* 60% grey */
}
h1#pghdtitle {
  border:solid gray;
  border-width:0 0 2px 0;
  margin-top:0.7em;
  }

/*  top menu  */
tr#pghdmenu td, tr#c50khdmenu td {
  padding: 0.4em 0;
  height:22px;
  width: 20%;
  text-align:center;
  font-size:11px;
  font-weight:bolder;
  background:transparent url(images/top_menu_bar_30.gif) top left;
}

/* dynamic top menu without header */


#topmenu td {
  padding: 0.3em 0;
  text-align:center;
  font-size:11px;
  font-weight:bolder;
  background:transparent url(images/top_menu_bar_30.gif) top left;
}
#topmenu td a{text-decoration:none;}
#topmenu td a:link{color:white;}
#topmenu td a:visited{color:white;}
#topmenu td a:hover{color:red;}

/* current menu item */
#topmenu td#cur {
  background:transparent url(images/top_menu_bar_blue_30.gif) top left;
}



/*** top menu hyperlink formatting */   
tr#pghdmenu td a, tr#c50khdmenu td a {text-decoration:none;margin-left:2px;}
tr#pghdmenu td a:link{color:#ddd;}
tr#pghdmenu td a:visited{color:#ddd;}
tr#pghdmenu td a:hover{color:red;}

tr#c50khdmenu td a:link{color:white;}
tr#c50khdmenu td a:visited{color:white;}
tr#c50khdmenu td a:hover{color:red;}

/*  end of page header  */

/* breadcrumbs */
p.crumbs {font-size:11px;}


/********  PHOTO page is very loose...  ***/

body#photopage {width:100%;}

body.photo {margin-left:1.0em;}





/*chuckanut 50k */
h3#c50k {background:transparent url(images/chuckanut50kheader.jpg) top left;
  height:100px;
  width:600px;}





/* some paragraphs have small text */
.smalltext {
	font-size:11px;
	line-height:20px;
	font-family: verdana, arial, helvetica, sans-serif;
	}

/*  colored box with border for special text */
.specialinfo {
  border:black solid 1px;
  width: 40em;
  padding:1em;
  background-color:#eee;
  font-size:11px;
  line-height:20px;
  font-family: verdana, arial, helvetica, sans-serif;
}


/* don't space out race results */
pre {
    line-height:18px;
	font-size:12px;
	}


/***********  tables  ***************/
table {width:100%;
  font-size:12px;
}

/* some embedded tables are smaller */
table.smallsize, table.list {width:auto;
   font-size:11px;
   line-height:22px;
   border-style:solid;
   border-width:1px;
   margin-left:5px;
}

.list {
}

/* skinny table for drop down filters */
table.menu {
 border:solid rgb(0%,30%,10%) 1px;
 border-right: 3px;
 border-bottom: 3px;
 background:rgb(84%,87%,84%)
 }
table.sched {
 border:solid rgb(0%,30%,10%) 1px;
 border-right: 3px;
 border-bottom: 3px;
}
table.sched th { background:rgb(84%,87%,84%);}


/* table where the header has left justification. */
  table.headerleft th {text-align:left;}

/*table for contacts*/
table#contacts th {
  text-align:left;}  
.contacts h4 {
  margin-top:0;
}     
  
/* make alternating row-color tables..smaller */
.sched td, table#reportsTOC  {
	font-size:11px;
	line-height:20px;
	font-family: verdana, arial, helvetica, sans-serif;
 }
.gray td, .rowcolor1 td, .rowcolor11 td {background-color:#ccc;}
.rowcolor0 td, .rowcolor01 td {background-color:#eee;}

.rowcolor10 td {background-color:#bbdaff;}
.rowcolor00 td {background-color:#ecf4ff;}

tr td.center, .center {text-align:center;}



/*****************************************/
/* formatting for images */
/*****************************************/
/* standard inline pictures..left align */
img.left {
	border:black solid 1px;
	margin-top:4px;
	margin-bottom:4px;
	margin-right:4px;
	float:left;
	}

/* standard inline pictures..right align */
img.right {
	border:black solid 1px;
	margin-top:4px;
	margin-bottom:4px;
	margin-left:4px;
	float:right;
	}
img#text_logo {
	border-style:none;
	margin:1px;
	}

img {border-style:none;}

img.title {margin-left:5px;
	margin-top:5px;
	}

/* pictures with captions-  */
.leftpic p, .rightpic p {
  font-size:95%;
  font-family: verdana, arial, helvetica, sans-serif;
  }

.leftpic img, .rightpic img 
  {
    display:block;
	border:black solid 1px;
	margin:0;
  }

.leftpic {
  float:left;
  text-align:left;
  margin:0 0.3em 0 0;
}

.rightpic {
  float:right;
  text-align:left;
  margin:0 0 0 0.3em;
}


/* picture of the month is a variation of leftpic/rightpic */
.pom h5 {text-align:center;margin-bottom:0.1em;}
.pom {
  background:#efeefe;
  padding:0 1.0em;
  border: purple solid 1px;
  }


/**************************************************/
/******  footer  **********************************/

div#pgfoot {text-align:center;
       font-weight:normal;
	   text-decoration:none;
	   font-size:11px;
	   }	
div#pgfoot a {text-decoration:none;}	      
div#pgfoot img {border:none;}

/******  generic elements, alignment, color.. ******/
.error, .red {color:red;}
.blue   {color:blue;}
.clear {clear:both;}

/****************************************************/



 ul#trailList {
   margin-left:1em;
   width:40em;
   line-height:2.5;

}
ul#trailList li {margin-left: 2.0em;}



/* forms */
td textarea {
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:21px;
	text-align:left;
	vertical-align:top;
	height:6.0em;
	width:35em;

}

td textarea.tall {
  height:20em;
  font-family: courier, monospace;
}

.fullwidth { width:100%;}

/* membership forms section */
.membership div {
   margin: 1.0em;
 }

div.memberform {
   border:solid orange 1px;
   margin:1.0em;
   padding:0 1.0em 0.2em 1.0em;
  }
.memberform h5 {margin-top: 0;}
/* this is for spacing inline elements */
.gap a {padding-right: 5em}
.gapsmall a {padding-right:3.5em;}


/*******  h5 buttons ***************/
h5.button a {
  text-decoration:none;
/*  font-family:arial; */
  color:#800000;
  font-size:1.0em;
  font-weight:normal;
  padding: 0.2em 0.5em;
  color:black;
  background: rgb(80%,80%,80%);
  border:2px solid gray;
  border-color:rgb(80%,80%,80%) rgb(50%,50%,50%) rgb(50%,50%,50%) rgb(80%,80%,80%);
  
}
h5.button a:link {color:black;}
h5.button a:visited {color:black;}
h5.button a:hover {text-decoration:underline;}


/* list of runners comments, race updates */

 .comments {
  border:solid red 1px; 
  background:silver;
  }
.comments h4 {
   margin:0 0 0 0.3em;
 }

.comments td, .comments p {
  font-size:0.95em;
  }
.comments p{
  padding:0 1em;
  line-height:1.2em;
  margin:0.6em 0;
 }
.comments td#tag {padding-left:3em;}

/*
p {border:dotted blue 1px;}
ul {border:dotted green 1px;}
*/