html, body {
				background-color: #C2DBEF;
				font-family: verdana, arial, helvetica, sans-serif;
				font-size: 90%;
			}
			
			
			h1 {
				margin: 10px 20px;				
				font-size: 45px;
				padding-top: 155px;
				position: relative;
			}

			h1 a {
				color: #14344F;
			}

			h1 a:hover {
				color: #C2DBEF;
			}

			
			h2 {
				color: #4F3C0A;
				font-size: 1.3em;
			}
			
					
			#pagecontainer {
				width: 730px;
				background-color: #EFEBE0;
				margin: 25px auto;
				padding: 0;
			}
			
			#header {
				background: url("../img/header.jpg") top left no-repeat;
				height: 257px;

			}
			
			#container {
				padding: 0;
				margin: 0;
				display: block;
				position: relative;
				overflow: visible;
			}
			
			ul#nav {
				width: 200px;
				list-style: none;
				padding: 0;
				margin: 0;
				left: 0;
			}
			
			#maincontent {
				width: 500px;
				padding: .5em;
				line-height: 1.6em;
				margin-left: 200px;
			}
			
			#maincontent a {
				color: #cc9900;
				text-decoration: underline;
			}
			
			.aligncenter {
				display: block;
				margin: 5px auto;
			}
			
			#maincontent p, 
			#maincontent ul,
			#maincontent h2,
			#maincontent dl
			{
				margin-left: 1em;
				margin-bottom: 1em;
			}
			
			#maincontent strong {
				font-weight: bold;
				color: #cc9900;
			}
			
			#maincontent h2 {
				line-height: 1.6em;
				color: #57077F;
			}
	
			#maincontent img {
				border: 2px solid #57077F;
			}
			/* dl/dd/dt is used for indented copy */
			#maincontent dt {
				margin-top: 20px;
			}

			#maincontent dt.indent {
				margin-left: 45px;
			}
			
			
			#maincontent dd {
				margin-left: 60px;
			}
			
			#maincontent dd strong,
			#maincontent dl p strong
			{
				color: #57077F;
			}
			
			
			ul#nav li {
				background-color: #9FB36E;
				padding: 0;
				border-bottom: 1px solid #EFEBE0;
				border-right: 1px solid #EFEBE0;
				margin: 0;
			}

			ul#nav li a {
				line-height: 25px; 
				display: block;
				width: 100%;
				color: #4F3C0A;
				padding: 0 0 0 .5em;
				margin: 0;
				text-decoration: none;
			}



			/*active page tab */
			body#home li#hometab,
			body#area li#areatab,
			body#race li#racetab,
			body#racedetails li#racetab,
			body#racerules li#racetab,
			body#raceawards li#racetab,
			body#course li#coursetab,
			body#course50k li#coursetab,
			body#course12mile li#coursetab,
			body#course7mile li#coursetab,			
			body#register li#registertab,
			body#rideshare li#ridesharetab,	
			body#volunteer li#volunteertab,
			body#results li#resultstab,
			body#entrants li#entrantstab,	
			body#tour li#tourtab,
			body#auction li#auctiontab,
			body#sponsor li#sponsortab,
			body#contact li#contacttab,
			body#charity li#charitytab {
				background-color: #57077F;

			}

				/*active page tab */
			body#home li#hometab a,
			body#area li#areatab a,
			body#race li#racetab a,
			body#racedetails li#racetab a,
			body#racerules li#racetab a,
			body#raceawards li#racetab a,
			body#course li#coursetab a,
			body#course50k li#coursetab a,
			body#course12mile li#coursetab a,
			body#course7mile li#coursetab a,
			body#register li#registertab a,
			body#rideshare li#ridesharetab a,			
			body#volunteer li#volunteertab a,
			body#results li#resultstab a,
			body#entrants li#entrantstab a,
			body#tour li#tourtab a,
			body#auction li#auctiontab a,
			body#sponsor li#sponsortab a,
			body#contact li#contacttab a,
			body#charity li#charitytab a {
				color: #fff;
			}

			/*active page tab */
			body#home li#hometab a:hover,
			body#area li#areatab a:hover,
			body#race li#racetab a:hover,
			body#racedetails li#racetab a:hover,
			body#racerules li#racetab a:hover,
			body#raceawards li#racetab a:hover,
			body#course li#coursetab a:hover,
			body#course50k li#coursetab a:hover,
			body#course12mile li#coursetab a:hover,
			body#course7mile li#coursetab a:hover,
			body#register li#registertab a:hover,
			body#rideshare li#ridesharetab a:hover,	
			body#volunteer li#volunteertab a:hover,	
			body#results li#resultstab a:hover,
			body#entrants li#entrantstab a:hover,
			body#tour li#tourtab a:hover,
			body#auction li#auctiontab a:hover,
			body#sponsor li#sponsortab a:hover,
			body#contact li#contacttab a:hover,
			body#charity li#charitytab a:hover {
				background-color: #EFEBE0;
				color: #4F3C0A;
			}


			ul#nav li a:hover {
				background-color: #EFEBE0;
				color: #4F3C0A;
			}

			/* specific to photos page */
			#tour #maincontent li {
				float: left;
				margin: 0 15px 15px 0;
			}
			
			#course a img {
				float: right;
				margin-left: 5px;
				clear: right;
			}
			
			#course #TB_window  a img {
				margin-left: 15px;
				float: none;
			}
			
			
			a.totoplink {
				font-size: 90%;
				margin-top: 25px;
			}
			
			
			
			
			
			div#footer {
				clear: both;
				border-top: 3px solid #9FB36E;
				margin-top: .6em;
				
			}
			div#footer ul {
				margin-left: .5em;
			}
			div#footer li {
				padding-right: 3px;				
				float: left;
				border-right: 1px solid #9FB36E;
				font-size: 11px;
				margin: .5em .3em .5em 0;
			}
			div#footer li.last {
				border-right: none;
			}
			div#footer li  a:link,
			div#footer li  a:visited
			{
				color: #57077F;
				text-decoration: underline;
			}
			div#footer li  a:hover,			
			div#footer li  a:active {
				color: #333;
			}
			
			div#footer img {
				clear: both;
				display: block;
			}
			#message { margin: 10px auto; height: auto; background:#FFFFCC; border:2px solid #990000;	width:500px; height: auto;  }
                        .messageContent { color:#000000; font: bold 12px Geneva, Arial, Helvetica, sans-serif; padding:10px; }
                        .r { color:#da0000; }