/* 

	Style Sheet for The Pineland Striders Website 
	
	Jeff Richards
	
	Copyright 2005

*/

/* standard body */

html {
	text-align: center;
	margin:0px;
	padding:0px;
	height: 100%
}

body { 
	color: #000000;
/* 	background-color:#edefee; */
	font-family: Arial, verdana, sans-serif; 
	height: 100%;
	font: 76% arial,sans-serif;
	text-align:center;
	margin:0;
	padding:0;
	background-image:url('images/NewBack1.jpg');
	background-repeat:repeat-y;
}

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

p {
	margin:0 10px 10px
}

/*
a {
	display:block;
/* 	color: #981793; */
	padding:10px
}
 */
 
.racecalendar {
	display:block;
	float:right;
	padding:10px
}

div#header{
	height:125px;
	margin:0;
	padding-left:10px;
	color:#79B30B;
}

div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;color: #79B30B;float:right} 
     
div#container {
	text-align:left;
	width:900px;
	margin:0 auto
}

div#content {
	float: left;
	width: 590px;
	background-color: white;
}

div#mausatfcontent p{line-height:1.4}

div#mausatfcontent {
	float: left;
	width: 900px;
	background-color: white;
}

div#mausatfcontent p{line-height:1.4}

div#navigation1 {
	background:#94CE94; 
	height:25px;
	width:900px;
}

div#navigation2 {
	background:#94CE94; 
	height:25px;
	padding-right:20px;
	width:880px
}

div#races {
	border-left: thin #79B30B dotted;
	float: right;
	clear: right;
	width: 300px;
}

div#footer {
	clear:both;
	width:100%;
	height:100px;
	color: #FFF
}

div#footer p {
	margin:0;
	padding:5px 10px
}

/* for our navigation area */

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

.buttons a:hover {
	background-color: #00A542;							/* dark strider green from logo */
	color: #000000; 
	text-decoration: none;
	height:4px;
/*	background-image:url('images/HoverButton.jpg')  */
}

.buttons ul{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%; /*width of menu*/
	height:4px;
	border-width: 1px 0;
}

.buttons ul li{
	display: inline; text-align:center;width:100px;height:25px
}

.buttons ul li a{
	float:right;
	color: black; /*text color*/
	/* padding: 5px 11px;*/
	font: 12px Arial;
	text-decoration: none;
	height:4px;
}


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;
	padding:10px
}

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

h3.raceannounce {

	color: black; 
	font-style: italic;
	text-align: center;
	padding: 1px;
	
}

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

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

.brieflines {
	font-size: 12pt;
	font-weight: bold;
	font-family: Arial;
	color: #0000FF;
}

.brieflinks:visited  { 
	color: #0000FF 
}
.brieflinks:link { 
	color: #0000FF 
}


.navlinks {
	display:block;
/* 	color: #981793; */
	padding:10px
}

.raceheader {
	font-size: 10pt;
	font-family: Arial;
	font-style:italic;
	font-weight:bold;
	color: #009933;
	text-align:center;
}

.racelines {
	font-size: 8pt;
	font-family: Arial;
	color: #0000FF;
}

.racelinks {
	display:block;
/* 	color: #981793; */
	padding:10px
}

.racelinks:visited  { 
	color: #0000FF 
}

.racelinks:link { 
	color: #0000FF 
}

.tinyfootnotes {
	font-size:10px;
	color:blue;
	text-align:left
}
/* backgrounds for various pages */

.mainbackground {
/*	background-repeat: no-repeat;
	background-attachment: fixed; */
 	background-image:url('images/header_bg.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');
}

/*

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

/* for MA-USATF information */

table.mausatftable {
    border-width: 1px 0px 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
    border-style: solid;
    border-color: black;
}

tr.mausatfrow {
	border-collapse: collapse;
	border: 1px black solid;
}

th.mausatfcell {
    margin: 0;
    padding: 4px;
    border-width: 0 1px 1px 0;
	border-color: black;
	border-style: solid;
	
}


td.mausatfcell {
    margin: 0;
    padding: 4px;
    border-width: 0 1px 1px 0;
	border-color: black;
	border-style: solid;
	
}

td.mausatftop {
	font-weight: bold;
    margin: 0;
    padding: 4px;
    border-width: 0 1px 1px 0;
	border-color: black;
	border-style: solid;
	
}

.noresultsmessage {
	font-weight: bold; 
}

/* for batona */

p.batonabold {
	font-weight: bold;
}

p.batonaital {
	font-style: italic;
}

p.belogo {

	margin: 35px 0 35px 10px;
	font-style: italic;
	font-weight: bold	

}

img.batona {

   padding: 4px;
   
   border-top:1px solid #021a40;
   border-left:1px solid #021a40;
   border-right: 4px solid #021a40;
   border-bottom: 4px solid #021a40;
   border-color: #dddddd #aaaaaa #aaaaaa #dddddd;   

   background-color:white;
   
   margin: 10px 10px 0 0;

}

ol.batonaoutline1 {
	list-style-type:decimal;
}

ol.batonaoutline2 {
	list-style-type:lower-alpha;
}

img.belogo {

	padding: 4px;
   
   	background-color:white;
 
   	margin: 10px 10px 0 0;
}

/* for race announce */

p.raceannounce {
	font-weight: bold;
	font-style:italic;
}

span.regular {
	
	font-weight: normal;
	font-style: normal;	
}

/*

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

/* 

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