
BODY {
	margin: 0px; 
	color: #000000; 
}

.rounded-box {}

#pageBody{
	positive:	relative;
	font-size: 	100.01%;
	padding: 	0px;  
	margin: 	0px; 
	text-align:	center;
	background: 	url(../images/mainGradient.png) 0% 0% repeat-x;
}

#main{
        position:       	relative;
        width:			940px;
        top:            	0px;
        text-align:		left;
        background-color: 	#ffffff;
        margin:			0px auto;
	border-left-style: 	solid; 
	border-left-color: 	#cccccc; 
	border-left-width: 	1px;
	border-right-style:	solid; 
	border-right-color: 	#cccccc; 
	border-right-width: 	1px;  
	background: url(../images/paper_bg1.gif) fixed;
	
}


.pageSize {
  	min-height:860px;
  	height:auto !important;
  	height:860px;
}

#pageContent {
	padding-left: 	10px;
	padding-right: 	10px;
	text-align:	left;
	width:			920px;
}


							/* common */

#canvas {
	width: 940px;
	min-height:	1000px;
	background: url(../images/paper_bg1.gif) fixed; 
}

.page {
font-size: 	12pt;
position:       relative;
left:           20px;
width:		870px;
font-weight: 	bold;
}

H1 {color:#060A78; font-size:29pt; font-weight: bold; font-family:"Geneva";  text-align: center; clear: both; padding-top: 10px}
H2 {color:#7A1B85; font-size:19pt; font-weight: bold; font-family:"comic sans ms"; text-align: left; clear: both}
H3 {color:black; font-size:16pt; font-weight: bold; font-family:"comic sans ms"; text-align: center}
H4 {color:black; font-size:13pt; font-weight: bold; font-family:"comic sans ms"; text-align: center}
H5 {color:#7A1B85; font-size:16pt; font-weight: bold; font-family:"comic sans ms"; text-align: left}
P  {color:black; font-family:"Arial"; font-size:13pt;}
TD {color:black; }
UL {color:black; }

#subH1 {font-size:20pt}

.l {color:red}

.title_caption {font-size:21pt; font-style: italic}

.boldText {font-weight:	bold}

.indent {margin-left: 40px}

.center {
	text-align:	center;
}

.vCenterContainer {
	display: table; 
	#position: relative; 
	overflow: hidden;
}

.vCenter { 
	#position: absolute; 
	#top: 50%;
	display: table-cell; 
	vertical-align: middle;
}

.vCenterIE {
	#position: relative; 
	#top: -50%;
}

.imageLeft {
	padding-right:	15px;
}

.imageRight {
	padding-left:	10px;
}

ol {
	font-weight: bold;
}

							/* banner */

#banDigit1 {
position:       absolute;
top:            135px;
left:           375px;
}

#banDigit1s {
position:       absolute;
top:            136px;
left:           376px;
}

#banDigit2 {
position:       absolute;
top:            115px;
left:           425px;
}

#banDigit2s {
position:       absolute;
top:            116px;
left:           426px;
}

#banDigit3 {
position:       absolute;
top:            95px;
left:           475px;
}

#banDigit3s {
position:       absolute;
top:            96px;
left:           476px;
}

#banDigit4 {
position:       absolute;
top:            75px;
left:           525px;
}

#banDigit4s {
position:       absolute;
top:            76px;
left:           526px;
}

.banDigits  {font-size: 55pt; font-weight: bold; font-family:"helvetica, georgia, verdana"; color:red }
.banDigitsShaddow  {font-size: 55pt; font-weight: bold; font-family:"helvetica, georgia, verdana"; color:yellow }

							/* footer */

#footer {
	clear:		both;
}

#w3cStamp {
	float:		right;
	border: 	0px none;
}

#emailAddr {
	float:		left;
}


							/* index page */


ul.tabs {   
    margin:0px; padding:0px;   
}   
ul.tabs li {   
    list-style:none;   
    display:inline;   
}  

ul.tabs li a {   
	outline: 	none;
	position:	relative;
	float:		left;
	height:		51px;
	line-height:	51px;
	width:		200px;
	text-align:	center;
	font-family:	"comic sans ms";
	font-size:	22pt;
	color:		#dddddd;
	background-image:	url('../images/tabinactive.gif');
}

#content_2, #content_3, #content_4 { display:none; } 

ul.tabs {   
    margin:0px; padding:0px;   
    margin-top:5px;   
    margin-bottom:6px;   
} 

.tab {
	position:	relative;
	float:		left;
	height:		51px;
	line-height:	51px;
	width:		200px;
	text-align:	center;
	font-family:	"comic sans ms";
	font-size:	22pt;
	color:		#dddddd;
}

.tabContent {
	font-size:	0.9em;
	font-weight:	bold;
	color:		#000000;
	padding-top:	10px;
	padding-bottom:	19px;
	clear:		both;
} 
 
ul.tabs li a.active {   
    color:	#ffffff;
    background-image:	url('../images/tabactive.gif');
}

.smallprint {font-size:	10pt;}

#announcementHolder {
	position:	absolute;
	top:		280px;
	left:		714px;	
	width:		200px;
	background-color:	#33bb33;
	padding:0px;
	margin: 10px 0px 0px 10px;
}

#riseHolder {
	position:	absolute;
	top:		280px;
	left:		6px;
	width:		200px;
	background-color:	#FA7077;
	padding:0px;
	margin: 10px 0px 0px 10px;
}

.announcementText {
	padding:0px 0px 0px 10px;
	font-family:	"Arial";
	font-weight:	bold;
	font-size:	12pt;
	text-align:	center;
}

#incList { 
	list-style-image: url("../images/footBullet.gif");
	color:		black; 
	font-family:	"Helvetica"; 
	font-size:	13pt;
	font-weight: 	normal;
	list-style-position:outside;
	line-height:	2em;
} 

#scheduleHolder {
	position:	relative;
	width:		835px;
}

#schedule {
	margin-left:	35px;
}


#tabHolder {
	position:	relative;
	height:		51px;
}

.tabImage {
	position:	absolute;
	top:		5px;
	left:		5px;
}

#scheduleDetailsHolder {
	position:	relative;
	height:		300px;
	width:		800px;
	background-image:	url('../images/scheduleGradient.png');
	background-repeat:	repeat-x;		
}


#scheduleText{
	position:	relative;
	font-family:	"helvetica, georgia, verdana";
	font-size:	2em;
        height:		280px;
        width:		780px;
        top:		10px;
        left:		10px;
        
        background: url(../images/paper_bg1.gif);
        border:		1px solid #646464;
}

#content {
	width:		780px;
	text-align:	center;
}

							/* registration */
     
#lhs {width: 470px; 
      float: left}     
     
#rhs {width: 335px; 
      float: right}
      
#smiley {padding-left: 40px}      

p.smile:first-letter {font-size: 200%; color: green}
p.nosmile:first-letter {font-size: 200%; color: red}

.regTableRow {
	width:		470px; 
	height:		25px;
	line-height:	25px;
}

.regTableAddressRow {
	width:		435px; 
	height:		42px;
	line-height:	42px;
}

.regTableError { 
  	color:		#FF0000; 
}

.regTableOK {
  	color:		#000000;
}

.regTableLabel {
	width:		115px;
	display:	inline;
  	font-weight: 	bold;
  	font:		arial;
  	text-align: 	left;
  	float:		left;
  	clear:		left;
}

.standardField {
	float:		left;
	display:	inline;
}

.rhsColLabel {
	display:	inline;
	text-align:	right;
	width:		50px;
	padding-right:	5px;
	font-weight:	bold;
	float:		left;
}

.lhsColLabel {
	display:	inline;
	text-align:	left;
	width:		25px;
	padding-right:	5px;
	font-weight:	bold;
	float:		left;
}

.halfWidthField {	width:	170px}

.scroll {
  	height: 	100px;
  	width:		355px;
  	overflow: 	auto;
  	border: 	1px;
  	padding-top: 	8px;
  	float:		right;
}

							/* make payment */

.calendar {color:black; font-size:21pt; font-weight: bold; font:"comic sans ms"; text-align: center}.calendar {color:black; font-size:21pt; font-weight: bold; font:"comic sans ms"; text-align: center}

#calendar {
         position:  relative}
         
#calnum {
position:  absolute;
color: #A60B09; 
font-size: 50pt;
font-weight: bold;
font-family: helvetica,Verdana;
top: 70px;
left: 75px}

.celltitle {color: #010586; background-color: #DDDDDD; font-size: 14pt}

.colcenter {
position:       absolute;
width:          320;
left:           200px;
background-color: #EEEEEE;
}

.col1 {
position:       absolute;
width:          320;
left:           10px;
background-color: #EEEEEE;
}

.col2 {
position:       absolute;
left:           325px;
background-color: #EEEEEE;
}

.col3 {
position:       absolute;
left:           600px;
background-color: #EEEEEE;
}

.address {
position:       relative;
height:         70px;
}

.banktransfer {
position:       relative;
height:         130px;
}

.regpricesApr10 {
position:       relative;
height:         105px;
}

.regprices {
position:       relative;
height:         65px;
}

#paypalHolder {
	width: 	650px; 
	height:	80px;
}

#paypalButton {
	float:	right;
}

#paypalOptionList {
	height:	25px;
}

#hashNameEntry {
	width:	300px;
}
							/* whos coming */

#whotable {border: 0; width: 510px}

#themeLogo {
	padding-bottom:	15px;
	padding-left:	7px;
	padding-right:	10px;
}

#barChart {
	width:		800px;
	height:		500px;
	background-color: white;
	border-left:	2px solid black;
	border-bottom:	2px solid black;
	margin-left: 	auto;
	margin-right: 	auto;
}

.bar {
        position: relative;
	width:	100px;
}

.barStats {
	position:	relative;
	font-weight:	bold;
	text-align:	center;
}

.bar1 {background-color: red}
.bar2 {background-color: blue}
.bar3 {background-color: green}
.bar4 {background-color: yellow}
.bar5 {background-color: pink}
.bar6 {background-color: orange}

.yAxisMarker {
	position:	relative;
	float:		left;
	line-height:	20px;
	width:		25px;
	height:		20px;
	text-align:	right;	
	padding-right:	5px;
}

#statsMenu {
	margin-left: 	auto;
	margin-right: 	auto;
	height:		25px;
	margin-bottom:	20px;
	line-height:	25px;
	font-weight:	bold;
	font-size:	16px;
	width:		620px;

}

.statsOption {
	float:		left;
	width:		100px;
	height:		25px;
	background: 	url(../images/greenButton.png) 0% 0% repeat-x;
	border-bottom:	2px solid #999;
	border-left:	2px solid #999;
	text-align:	center;
}

#statsLink {
	position: 	absolute; 
	top:		260px;
	left:		10px;
	width:		100px;
	text-align:	center;
}

.iconLink {
	border: 	0px none;
	padding: 	0px none;
	vertical-align:	text-bottom;
}

.iconLink a:link    {text-decoration:  none} 
.iconLink a:visited {text-decoration:  none} 
.iconLink a:hover   {text-decoration:  none} 
.iconLink a:active  {text-decoration:  none} 

a:link    {text-decoration:  underline} 
a:visited {text-decoration:  underline} 
a:hover   {text-decoration:  underline} 
a:active  {text-decoration:  underline} 

#loginForm {
	width:		300px;
	margin-left: 	auto;
	margin-right: 	auto;
	text-align:	center;
}

#venueMap {
	width:		550px; 
	height:		300px;
	
}

#venueMapHolder {
	width:		550px;
	height:		350px;
	margin-left: 	360px;

}

#venuAddress {
	float:		left;
	width:		200px;
	text-align:	center;
	display:	inline;
	font-weight:	bold;
	border-color:	#7A1B85;
	border-width:   1px; 
	border-style:	solid;
}

#addressSpacer {
	float:		left;
	display:	inline;
	width:		10px;
	height:		105px;
}

#tubeDirections {
	float:		left;
	display:	inline;
	width:		350px;
	font-weight:	normal;
}

#notforIE7 {
	width:		0px;
	height:		0px;
	position:	absolute;
	top:		0px;
	left:		0px;
	z-index:	-1;
}

							/* slideshow */
							
#slideShowIndexHolder {
	width:		400px;
	height:		auto;
	margin-left: 	auto;
	margin-right: 	auto;
	text-align:	center;	
}

.slideShowIndexItem {
	width:		100px;
	min-height: 	220px;
	text-align:	center;	
	display:	inline;
	float:		left;
	padding-right:	10px;
	padding-bottom:	0px;
}

.slideshowIconCaption {
	position:	relative;
	top:		-10px;
}

.photoHare {
	position:	relative;
	top:		17px;
	left:		-5px;
	z-index:	1;
	width:		0px;
	height:		0px;
}

							/* 2000trailFR */
							
#pubsHolder {
	width:		700px;
	height:		auto;
	margin-left: 	auto;
	margin-right: 	auto;
	margin-top:	30px;
}

.pubHolder {
	height:		200px;
	clear:		both;
}

.pubImageLeft {
	display:	inline;
	padding-right:	10px;
	float:		left;
	width:		300px;
}

.pubTextLeft {
	display:	inline;
	float:		left;
	width:		380px;
}

.pubImageRight {
	display:	inline;
	padding-left:	10px;
	float:		right;
	width:		300px;
	text-align:	right;
	align:		right;
}

.pubTextRight {
	display:	inline;
	float:		right;
	width:		380px;
	text-align:	right;
	align:		right;	
}

.pubTitle {
	margin-top:	0px;
}

/* trails */

#trailDetailsHolder {
	position:	relative;
	height:		450px;
	width:		800px;
	overflow:	hidden;
	background-image:	url('../images/trailTabGradient.jpg');
	background-repeat:	repeat-x;		
}

#trailText{
	position:	relative;
	font-family:	"helvetica, georgia, verdana";
	font-size:	2em;
        height:		428px;
        width:		780px;
        overflow:	auto;
        top:		10px;
        left:		10px;
        background: 	url(../images/paper_bg1.gif);
        border:		1px solid #646464;
}

#trailTabContent {
	width:		763px;
	text-align:	left;
}

.trailTabContent {
	font-size:	0.55em;
	font-weight:	normal;
	color:		#000000;
	padding:	10px;
	clear:		both;
} 

.trailDetailsHolder {
	padding-top:	10px;
	padding-bottom:	10px;
}

.trailTabRow {
	width:		500px;
}

.trailTabLabel {
	display:	inline;
	float:		left;
	width:		105px;
	font-weight:	bold;
}

.trailTabItem {
	display:	inline;
	width:		360px;
	float:		left;
}

.trailTabImage {
	padding:	10px;
}

/* Sunday Trail */

#suMontageHolder {
	width:		900px;
	height:		600px;
	padding:	10px;
	overflow:	hidden;
}

#mont1 {
	position:	relative;
	top:		-60px;
	left:		0px;
	z-index:	3;
}

#mont2 {
	position:	relative;
	top:		-70px;
	left:		-50px;
	z-index:	2;
}

#mont3 {
	position:	relative;
	top:		-470px;
	left:		650px;
	z-index:	1;
}


#mont4 {
	position:	relative;
	top:		-220px;
	left:		-150px;
	z-index:	4;
}

#mont5 {
	position:	relative;
	top:		-570px;
	left:		520px;
	z-index:	5;

}

/* Saturday Long Run */

#longTrailMap {
	width:		900px; 
	height:		600px;
	clear:		both;
	margin-top:	10px;
}

#longTrailMapHolder {
	width:		900px;
	height:		600px;
	margin-left: 	auto;
	margin-right: 	auto;
	margin-top:	10px;
}
