/* 

	Style Sheet for The Pineland Striders Website 
	
	Jeff Richards
	
	Copyright 2005

*/

/* standard body */

html {
	height: 100%;
}

body { 
	color: #000000;
	background-color:#edefee;
	font-family: Arial, verdana, sans-serif; 
	height: 100%;
}

body.memberapp { 
	color: #000000;
	background-color:#FFFFFF;
	font-family: Arial, verdana, sans-serif; 
}	

/* backgrounds for various pages */

.mainbackground {
	background-repeat: no-repeat;
	background-attachment: fixed; 
	background-image:url('images/box04.jpg');
}

.resultsbackground {
	background-repeat: no-repeat;
	background-attachment: fixed; 
	background-image:url('images/results.jpg');
}

.trainbackground {
	background-repeat: no-repeat;
	background-attachment: fixed; 
	background-image:url('images/freedomparkmap.jpg');
}

.aboutusbackground {
	background-repeat: no-repeat; 
	background-image:url('images/2003dr.jpg');
}

.linksbackground {
	background-attachment: fixed; 
	background-image:url('images/chainlinks.jpg');
}

.newsbackground {
	background-repeat: no-repeat;
	background-attachment: fixed; 
	background-image:url('images/stridernews.jpg');
}

.eventsbackground {
	background-repeat: no-repeat;
	background-attachment: fixed; 
	background-image:url('images/events.jpg');
}

.noresultsbackground {
	background-repeat: no-repeat; 
	background-image:url('images/track.jpg');
}

.trackbackground {
	background-repeat: no-repeat;
	background-attachment: fixed; 
	background-image:url('images/track.jpg');
}

/* 

	standard page layout - this may change some day if (hopefully) I get rid of the tables
	before that happens, though, we need better css support from all the browsers
	
*/

/* the page layout */

table.template {
	width: 100%; 
}

/* table heading, first row usually */
	
.heading {
	height:150px;
	font-weight: bold; 
	font-size: 20px; 
	padding: 10px;
	border-bottom: solid;
	border-bottom-width: 2px;
	border-color: #000000;	
}

/* navigation bar, usually row 2, column 1 */

.navigation {
	vertical-align:top;
	background-color: #94CE94;					/* light strider green from logo */
	width :100px;
}

/* content of the page, usually row 2, column 2 */

.content {
	vertical-align:top;
	border-left:solid;
	border-left-width: 2px;
	border-color:#000000;
	text-align:left;
	padding: 5px;
}

/* table footer, usually row (or the last row) */
	
.footer {
	padding:10px; 
	font-size:10px; 
	line-height:100%; 
}

/* table footer, usually row (or the last row) */
	
.mainfooter {
	padding:10px; 
	font-size:10px; 
	line-height:100%; 
	height: 100px;
	background-repeat: no-repeat;
/*	background-attachment: fixed;  */
	background-image:url('images/pines1.jpg');	
}

/* for our navigation area */

.buttonscontainer {
	width: 100px; 
	vertical-align:top;
	text-align:left;
}

.buttons a {
	color: #000000;
	padding: 2px;
	font: 13px Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0px;
	width: 100px;
	text-align: left;
}

.buttons a:hover {
	background-color: #00A542;								/* dark strider green from logo */
	color: #000000; 
	text-decoration: none;
}

/* 

	**** membership online box ****
	
*/

.memberonlinebox {
  position:absolute;
  right:0px; 
  top:225px;
  font-weight:bold; 
  background-color:#FFFF99;   /* other colors e3e3e3 FAEBD7 7FFFD4 99FFFF CCFFFF */
  padding:1px; 
  width:300px;
  border-style: solid;
  border-width: 2px;
  border-color: #000000;
 }	
 
.memberonlineimage {
	text-align: center;
}

/* 

	**** stuff for main page, highlights, important stuff ****

*/

.speciallines {
	font-size: 14pt;
	font-weight: bold;
	font-family: Arial; 
	color: #009933;
	text-align: center;
}

.brieflines {
	font-size: 12pt;
	font-weight: bold;
	font-family: Arial;
}

.speciallinks:visited  { color: #009933 }
.speciallinks:link { color: #009933 }

.eventlinks:visited  { color: #009933 }
.eventlinks:link { color: #009933 }

.indyspeciallines {
	font-size: 14pt;
	font-weight: bold;
	font-family: Arial; 
	color: #0000FF;	
	text-align: center;
}

.indyspeciallinks:visited  { color: #0000FF}
.indyspeciallinks:link { color: #0000FF}
/*

	**** links ****
	
*/

.linkslist {
	font-size: 11pt;
	font-weight: bold;
	margin-top: -15px;
}

div#imagelinkbox {
	position: relative;
	top: 20px;
}

div#imagelink {
	margin-top: 15px;
}

div#imagetag {
	position: relative;
	left: 125px;
	top: -18px;
	font-size: 11pt;
	font-weight: bold;
	margin-top: -20px; 
}

/*

    **** training opportunities ****
    
*/

.groupheader { 
	color: #0000FF; 
	font-style: italic;
}

.grouprunfirstlist {
	font-size: 11pt;
	font-weight: bold;
	margin-top: -5px;
}

.grouprunnextlist {
	font-size: 11pt;
	font-weight: bold;
	margin-top: -15px;
}

.grouprundetail {
	font-size: 11pt;
/*	font-weight: bold; */
}


/*

	**** race results ****
	
*/

/* table for race results monthly calendar */

table.calendar {
	 width: 100%;;
	 padding: 10px;
	 border-style: solid;
	 border-width: 2px;
	 border-color: #A2ADBC;
	 font: bold 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	 color: #616B76;
	 text-align: center;
}

/* cell for race results montly calendar */

td.calendar {
	 border:2px solid #A2ADBC; width: 105px;
	 text-align: center;
	 background-image:url('images/calback.jpg');
}

/* for the year portion of the monthly calendar */

td.calendaryear {
	 border-right: 2px solid #A2ADBC;
	 border-bottom: 2px solid #A2ADBC;
	 border-left: 2px solid #A2ADBC;
	 border-top: 2px solid #A2ADBC;
	 font:bold 16px "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	 text-align: center;
}

/* the month header for race lists */

.racemonth {
	 border-right: 2px solid #A2ADBC;
	 border-bottom: 2px solid #A2ADBC;
	 border-left: 2px solid #A2ADBC;
	 border-top: 2px solid #A2ADBC;
	 font:bold italic 14px "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	 text-align: center;
}

/* the race list */

.racelist {
	font: bold 12px Arial, helvetica;
}

/* for the header of the actual specific race page */

.racemainheader {
	font: bold 18px Arial, helvetica;
	color: #0000FF;
	text-align: center;
}
	
div#racebox {
	margin-left: 15%;
	margin-right: 15%;
	width: 70%;
}

.raceheader {
	font: bold 16px Arial, helvetica;
	color: #000000;
	text-align: center;
}

.racesubheader {
	font: bold 12px Arial, helvetica;
	font-style: italic;
	text-align: center;
}

table.racetable {
	 width: 500px;
	 padding: 5px;
	 border-style: solid;
	 border-width: 2px;
	 border-color: #00A542;
	 font: bold 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	 color: #616B76;
	 text-align: center;
	 empty-cells: show;
	 border-collapse: collapse;
	 margin-left: auto;
	 margin-right: auto;	 
}

th.racerowheader {
	border-style: solid;
	border-width: 2px;
	border-color: #00A542;
	font: bold 12px Helvetica;
	background-color: #00A542;
	text-align: center;
	color: #000000;
}

tr.racerow {
}

td.racecell {
	border-style: solid;
	border-width: 2px;
	border-color: #00A542;
	font: bold 12px Arial;
	background-color: #94CE94;
 	text-align: center;
	color: #000000;
	empty-cells: show;
}

td.racecellaward {
	border-style: solid;
	border-width: 2px;
	border-color: #00A542;
	font: bold 12px Arial;
	background-color: #FFFF33;
	text-align: center;
	color: #000000;
	empty-cells: show;	
}

.noresultsmessage {
	font-weight: bold; 
}








/*

	**** library ****
	
*/

table.library {
	 width: 100%;;
	 padding: 10px;
	 border-style: solid;
	 border-width: 2px;
	 border-color: #A2ADBC;
	 font: bold 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	 color: #616B76;
	 text-align: center;
}

/* cell for race results montly calendar */

td.libraryrow {
	 border:2px solid #A2ADBC; width: 105px;
	 text-align: center;
}

/**** misc styles ****/
	
body.white {
	background-color:#FFFFFF;
}

h1 {
	font-size: 18pt;
	text-align: center;
}

h2 {
	color: #3333FF; 
	font-style: italic;
}

h2.centered {
	color: #3333FF; 
	font-style: italic;
	text-align: center;
}

h3 { 
	color: #0000FF; 
	font-style: italic;
}

h3.centered {
	color: #0000FF; 
	font-style: italic;
	text-align: center;
}

p {
	font-size: 12pt;
}

p.bold {
	font-weight: bold;
}

p.italic {
    font-style: italic;
}
    
p.italic-bold {
	color: #0000FF;
	font-style: italic;
	font-weight: bold;
}

img.centerimg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/*

	For Two Boxed Content On Main Page
	(hope this doesn't break in older browsers)
	
	ACTUALLY THIS LAYOUT CSS STUFF ISN'T WORKING AT THE MOMENT
	I REALLY DON'T KNOW WHY AND I REALLY WANT IT TO WORK
	SO I'M LEAVING IT HERE, AND NOT WORRYING ABOUT IT RIGHT NOW
	
*/

div#pagewrapper {
	position: absolute;
	top: 175px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding-top: 10px;
	text-align: left;
	overflow: hidden;
/*	background-image: url("images/greenbar.jpg");
	background-repeat: repeat-y;	*/
}

div#navbox {      /*** No side padding or borders, to avoid the IE5.x box model problem ***/
	position: absolute;
/*	top: 175px;  */
/*	left: 10px;  */
	width: 100px;
	padding-top: 10px;
	vertical-align:top;
	text-align:left;
	height: 100%;
	min-height: 100%;
	background-color: #94CE94;	
/* 	background-image: url("images/navbar.jpg");
	background-repeat: no-repeat; */
	padding-bottom: 15000px;
	margin-bottom: -15000px; 
}

div#contentbox {
/*	background-image: url("images/box04.jpg");
	background-repeat: no-repeat; */
/*	margin: 0 34% 0 100px; */
	margin-left: 100px;
/*	position: absolute; */
	position: relative;
/*	top: 175px;  */
/*	border-left: 3px solid #000; */
	width: 100%;
	height: 100%;
	/* border-right: 3px solid #000; */
	/* padding: 5px; */
	vertical-align:top;
	border-left:solid;
	border-left-width: 2px;
	border-color:#000000;
	text-align:left;			
	padding-bottom: 15000px;
	margin-bottom: -15000px; 
}

div#rightbox {    		/*** No side padding or borders, to avoid the IE5.x box model problem ***/
	position: absolute;
	right: 25px;     	/***	IE5/mac will show a horizontal scrollbar 
								if this is less than 16px, or other units are used
								http://www.l-c-n.com/IE5tests/right_pos/index.shtml ***/           
	width: 30%;
	color: #820;
	padding-top: 10px;
}

.maintestbackground {
	background-repeat: no-repeat; 
	background-attachment: fixed;
	background-color :#ffffff; 
	background-image:url('images/box04.jpg');
}

.testheader {
	font-size: 30px;
	margin: 0;
	height: 175px;
	border-bottom: solid;
	border-bottom-width: 2px;
	border-color: #000000;
/*	background-color: #FFFFFF; */
}

div#bottombox {
	padding:10px; 
	font-size:10px; 
	line-height:100%; 
}