body		{	background-color: #000000;
				color: Black;
				font-family: Arial, Verdana, Sans-Serif;
				font-size: 1em;
}

h2          { font-family: Segoe Print, Bradley Hand ITC, Cursive;
              margin-left: 10px;
}

h3			{	margin-left: 10px;
                margin-right: 10px;
  			 
				
}
h4			{ text-align: center;
}
  			  
/* cellSpacing="0" cellPadding="5" width="507" border="1" style="border-collapse: collapse" bordercolor="#000080" */

table		{	border: none;
     			width: 75%;
     			height: 20px;
     			padding: 5px;
     			border-collapse: collapse;
     			margin-left: auto;
     			margin-right: auto;
}

th			{	text-align: left;
  				background-color: #FFCCFF;
  				font-size: 18px;
}

td			{	text-align: left;
  			 	font-size: 14px;
}
dt			{	font-weight: bold;
				list-style-type: none;  			   
}
dd			{ font-style: italic;
}

#wrapper	{	width: 900px;
                background-color: #FFFF99;
                margin-left: auto;
				margin-right: auto;
	            margin-bottom: auto;
}
#bio    	{	float: left;
     		 	width: 307;
     		    height: 230;
     		    margin-right: 10px;
     		    
}
#bike		{	float: right;
     		 	width: 149;
     		 	height: 179;
     		 	margin-left: 10px;
}
#distance	{	text-align: left;
         	 	background-color: #CCCCCC;
}


#finish		{	float: right;
       		 	width:183; 
       		 	height: 134;
       		 	margin-left: 10px;
       		 	margin-top: 10px;
}
#nutrition1	{	float: left;
     		 	width: 129;
     		 	height: 86;
     		 	margin-right: 10px;
}
#nutrition2 {	float: right;
     		 	width: 110px;
     		    height: 137px;
     		    margin-right: 10px;
     		    
}
#nutrition3 {	float: right;
     		 	width: 233px;
     		    height: 350px;
     		    border: solid;
     		    margin-left: 10px;
     		    margin-bottom:10px;
     		    margin-top: 5px;
     		    margin-right: 20px;
     		    
}

 
.titles		{	text-align: center;
       		 	font-weight: bold;
       		 	height: 20;
       		 	width: 200px;
       		 	
}
       		 	
.legend		{   font-size: 12px;
}
.event		
{               width: 600;
                margin-left: 10px;
                margin-right: 10px;
                text-align: center;
                
                
} 
.event2		
{               width: 600;
                margin-left: 10px;
                margin-right: 10px;
                text-align: left;
               
}
.event3
{               width: 500;  
                text-align: center;  
                font-size: 24px;
    
}

.event4		
{               font-size: 32px;
                width: 600;
                margin-left: 10px;
                margin-right: 10px;
                text-align: center;
} 
.event5
{               width: 600;
                margin-left: 10px;
                margin-right: 10px;
                text-align: left;
                font-weight: bold;
} 

.event3 td
{               padding:5px;
}
.footer		{	font-size: .75em;
				font-style: italic;
				text-align: center ;
}
.header 	{   font-size: 18px;
}
.companyEmphasis { font-style: italic;
}

.companytag	{	font-style: italic;
				font-family: Georgia, "Arial", serif;
				text-align: center;
}
.companyLogo {	width: 200px;
              	height: 180px;
}
.plans table	{   width: 100%;
}
.plans th		{ text-align: left;
}
.plans th.day	{ text-align: center;
}
.plans td		{ text-align: center;
}

.plans#distance	{	text-align: left;
         	 	background-color: #CCCCCC;
}

.photos         { width: 200px;
                  height: 200px;
}

.price {
	font-size: 24px;
	text-align: center;
}
      
a.nav		 {        
				font-family: Georgia, "Arial", Serif;       
				font-size: .75em;
				text-decoration: none;
				text-align: center;                   
}

a.nav:hover {	color: #FF0000;
				background-color: #999999;
}

#countdown {	 font-weight: bold;
          	 	 
}

/* Questionnaire Form Table CSS Details */

.cssform p{
width: 300px;
clear: left;
margin: 0;
margin-right: auto;
margin-left: auto;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

#required	{	font-size: x-small;
}
 
/* Javascript Menu CSS
.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: 90px; /*Width of top level menu link items*/
padding: 2px 8px;
border: 1px solid #202020;
border-left-width: 0;
text-decoration: none;
background: url(images/menubg2.gif) center center repeat-x;
color: black;
font: bold 13px Tahoma;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #202020;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}


/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 110px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
background: #FFFF99;
border-width: 0 1px 1px 1px;
}

.horizontalcssmenu ul li a:hover{
background: url(images/menubgover2.gif) center center repeat-x;
}

.horizontalcssmenu ul li ul li a:hover{
background: #CC0000;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: transparent url(images/menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */