/* Specify blanket rules for all elements */
/* body of XHTML code
--------------------------------------------------------------------*/
body {
  font-size:75%;
  font-family:'Lucinda Grande',Verdana,san-serif;
  margin:10px;
  
  }

/* fixing links to sponsor logos
---------------------------------------------------------------------*/

img {  
	border-style: none;
}



/* Container for all page content 
----------------------------------------------------------------------*/
#container {
  
  width:1000px;
  margin-left:0px;
  padding:0px;
  border:0px solid #000;
  background-color:#ececec;
  }

/* Unordered lists - no bullets
----------------------------------------------------------------------*/
ul {
  list-style-type:none;
}

/* Callout boxes - class
----------------------------------------------------------------------*/
.callout_box {
	
}

/* Container for results pages 
----------------------------------------------------------------------*/
#results {
  width:700px;
  margin-left:50px;
  padding:0px;
  border:0px solid #000;
  background-color:white;
  }

/* Container for results pages 
----------------------------------------------------------------------*/
#entrants {
    padding:0px;
    border:0px solid #000;
    background-color:white;
    }

/* Styling for trail work form
----------------------------------------------------------------------*/
.trailwork_form {
	width:700px;
	background-color:#ececec;
	padding: 10px;	
}


/* Rules for headings 
-----------------------------------------------------------------------*/
h1 {
  font-size:150%;
  }
h2 {
  font-size:140%;
  }

h3 {
  padding-top:5px;
  font-size:110%;
  }

h4 {
  font-size:100%;
  }

p {
  font-size:100%;
  line-height:150%;
  }

/*Define image position
----------------------------------------------------------------------*/
img {
  position:static;
  left:400px;
  }

.news_box {
  float:left;
  margin:5px
  ;
  }
.image_float {
  float:right;
  margin:0 0 5px 5px;
  }

.spacer {
  clear:right;
  }

/* Page Layout Elemennts 
-----------------------------------------------------------------------
-----------------------------------------------------------------------*/
/* Masthead 
-----------------------------------------------------------------------*/
#masthead {
  height:80px;
  margin:0 0 0px 0;
  padding:10px;
  border:1px solid #acacac;
  background-image:url("javascript:rotateImage('rImage');");
  }

/* Title bar just below masthead
-----------------------------------------------------------------------*/
#header-title {
  clear:left;
  
  padding-left:15px;
  padding-right:15px;
  border:1px 1px 0px 1px solid #cccccc;
  font-family: Georgia Times, serif;
  text-transform:uppercase;
  letter-spacing:3px;
  font-size: 150%;
  background: #d7d7d7;
  text-align:center;
  }

/* Footer
----------------------------------------------------------------------*/
#footer {
  clear:all;
  text-align:center;
  padding:5px;
  border:1px solid #acacac;
  background-color:#d5dcef;
  font-size:80%;
  width:990px;
  
  }

#footerlist li {
  list-style-type:none;
  display:inline;
  margin:0px;
  }
/* Content 
---------------------------------------------------------------------*/
#content {
  margin-right:39.5%;
  margin-bottom:10px;
  padding:10px;
  border:1px solid #cccccc;
  background:#fff;
  }
/* Sidebar 
--------------------------------------------------------------------*/
#sidebar {
  float:right;
  width:36%;
  margin-bottom:10px;
  padding:10px;
  border:1px solid #cccccc;
  background:#fff;
  }
/* Newsbar inside the sidebar for 'latest update' news 
-------------------------------------------------------------------*/
#newsbar {
  float:center;
  text-align:center;
  margin:1px 1px 1px 1px;
  padding:5px 10px 5px 10px;
  border:1px #acacac;
  background:#bbdb88;
  }

/* Image used on Reports page
--------------------------------------------------------------------*/
#content img{
  margin:15px;
  
  }
  
/* Navlist and navigation types 
---------------------------------------------------------------------*/
/* NavBar */
#navbar {
  padding:1px;
  border:0;
  background-color:#d7d7d7;
  margin-bottom:5px;
  }
#navlist {
  padding: 0px 0;
  margin-left: 10px;
  border-bottom: 0px solid #778;
  font: bold 12px Verdana, sans-serif;
  text-align:center;
  }

#navlist li  {
  list-style: none;
  margin: 0;
  display: inline;
  }

#navlist li a {
  padding: 2px 0.5em;
  margin-left: 3px;
  border-right: 1px solid #778;
  border-bottom: 1px solid #778;
  background: #DDE;
  text-decoration: none;
  }

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
color: #000;
background: #AAE;
border-color: #227;
}

#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}

#sponsors {
  text-align:center;
 
  }

#logo {color: red;}

/*=table#results unique id for formatting results page
----------------------------------------------------------------------*/
  table {
    font: normal 100% 'Lucinda Grande', 'Verdana', san-serif;
    border-color: black;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    padding-left: 10px;
    background:d7d7d7;
    }

   td, tr {
    border:1px solid #333;
    border-style: solid;
    text-align: center;
    width: 138px;
    background: white;
    border-color: #ccc #666 #000 #ccc;
    }

  table.trailwork {
    background:#4c7d7e;
    width: 500px;	
  }

  table.trailwork td {
    width: 200px;
    text-align: left;
    background:white;	
  }

  th {
    
    font: 90% bolder 'Lucinda Grande',Verdana,san-serif;
    border: 2px solid #333;
    border-style: groove;
    text-align: center;
    background: #bbdb88;
    border-color: #ccc #666 #000 #ccc;   
    }

  table.results {
    font: normal 100% 'Lucinda Grande', 'Verdana', san-serif;
    border-color: black;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    padding-left: 10px;
    background:d7d7d7;
    }

   td, tr.results {
    border:1px solid #333;
    border-style: solid;
    text-align: center;
    width: 138px;
    background: white;
    border-color: #ccc #666 #000 #ccc;
    }

  th.results{

    font: 90% bolder 'Lucinda Grande',Verdana,san-serif;
    border: 2px solid #333;
    border-style: groove;
    text-align: center;
    background: #89ca9d;
    border-color: #ccc #666 #000 #ccc;   
    }

	.even {
		background-color: #E7F7FF;
	}
	
	tr.alt td {
		background: #ecf6fc;
	}
	
	tr.over td {
		background: #bcd4ec;
	}


table.entrants {
    font: normal 100% 'Lucinda Grande', 'Verdana', san-serif;
    border-color: black;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    padding-left: 10px;
    background:d7d7d7;
    }

   td.entrants, tr.entrants {
    border:1px solid #333;
    border-style: solid;
    text-align: center;
    width: 138px;
    background: white;
    border-color: #ccc #666 #000 #ccc;
    }

  th.entrants {
    
    font: 90% bolder 'Lucinda Grande',Verdana,san-serif;
    border: 2px solid #333;
    border-style: groove;
    text-align: center;
    background: #89ca9d;
    border-color: #ccc #666 #000 #ccc;   
    }


	    
/*UL List - No bullets no indent list 
--------------------------------------------------------------------------------*/
ul.NoBulletNoIndent {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px
}

/*UL Travel
--------------------------------------------------------------------------------*/
ul.travel {
  list-style-type: circle;
  margin-left: 5px;
  padding-left: 15px
}

/* ENTRY FORM STYLING
-------------------------------------------------------------------------------*/
#form {
  /* margin-right:39.5%; */
  margin-bottom:10px;
  padding:10px;
  border:1px solid #cccccc;
  background:#red;
  }


fieldset{
	margin-bottom: 1em;
	margin-left: 3em;
	width: 50em;
	padding-top: 1.5em;
	background: white;
	}
	
input, textarea {
	margin: 5px 0 5px 0;
	background: white;
	}
	
select {
	margin: 5px 0 5px 0;
	}	
	
label {
	margin: 0 20px 0 5px;
	font-size: 1.0em;
	}
	
label.gender {
	margin: 0 6px 0 5px;
	font-size: 1.0em;
	}
	
textarea {
	font: 1.0em "Trebuchet MS", Verdana, sans-serif;
	width: 40em;
	padding: .2em;
	}
	
#name {
	background: #gray;
	border: outset #gray;
	}
	
# name label {
	position: absolute;
	font-size: 90%;
	padding-top: .2em;
	left: 20px;
	}

#address {
	background: #silver;
	border: outset #silver;
	}


#running {
	background: #gray;
	border: outset #gray;
	}


#optional {
	background: #silver;
	border: outset #silver;
	}


p.legend {
	background: #a4d4b0;
	color: black;
	border: 2px outset #DED983;
	padding: .2em .3em;
	position: relative;
	margin: 2em 0em -1em 4em;
	width: 20em;
	font-family: Georgia Times, serif;
	text-transform:uppercase;
	letter-spacing:3px;
	font-size: 100%;
	text-align: center;
	}
	
p.buttons {
	margin: 0em 0em 0em 4em;
}
	
p.comment {
	font-size: 80%;
	font-style: italic bold;
	}
	
p.formtitle {
  clear:left;

  padding-left:15px;
  border:1px 1px 0px 1px solid #cccccc;
  font-family: Georgia Times, serif;
  text-transform:uppercase;
  letter-spacing:3px;
  font-size: 150%;
  background: #d7d7d7;
  text-align:center;
  }