<!--
	.subhead { font-family: arial; font-size: 20; font-style: bold; color: #0066ff }
	.heading { font-family: arial; font-size: 25; font-style: bold; color: #ff0033 text-align:center;}

	body { margin: 0 auto;
			} 
			
		p 	{
			background: "" url() fixed center;
			word spacing: 1px;
			text-align:center;
		    }

	Table	{
			background: url(images/bg_content.jpg) repeat fixed center;  
			text-align:center; 
	        }

	A:link	{ color: #ff0000;				
			}		

	a:link {
	text-decoration: none;
	color: #999966;
	}
	a:visited {
	text-decoration: none;
	color: #999966;
	}
	a:hover {
	text-decoration: none;
	color: #FF9900;
	}
	a:active {
	text-decoration: none;
	color: #999966;
	}

	h1 {
			font: bold  1.1em Arial, Geneva, Helvetica, sans-serif;						
			text-align:center;
		}
	h2 {
			font: bold 1.1em Arial, Geneva, Helvetica, sans-serif;
			text-align:left;
		}

	h3 {
			font: bold 0.85em Arial, Geneva, Helvetica, sans-serif;
			text-align:left;
			color:#000000;
		}	
	h4 {
			font: 11px Arial, Geneva, Helvetica, sans-serif;
			text-align:left;
		}

	h5 {
			font:  0.70em Arial, Geneva, Helvetica, sans-serif;
			text-align:left;
			color:#000000;
		}

	h6 {
			font: bold 0.65em Arial, Geneva, Helvetica, sans-serif;
			color:#999999;
			text-align:center;
			}
	#canvas-wrapper {

        margin:0 auto;
        width:900px;
    }
    
    #canvas {
        /* text-align is inherited; reset it */
		margin:0 auto;
        width:660px;
        position: relative;
  
    }	
    
	.brewskilogo{
			text-decoration: none;
			left: 34px;
			top: 54px;
			width: 122px;
			height: 175px;
			position: absolute;
			z-index: 7;
			}
	.brewskilogo_reg{
			text-decoration: none;
			left: 34px;
			top: 54px;
			width: 122px;
			height: 175px;
			position: absolute;
			z-index: 7;
			}
	.brewskilogo_pic{
			text-decoration: none;
			left: 27px;
			top: 54px;
			width: 122px;
			height: 175px;
			position: absolute;
			z-index: 7;
			}
	.dropcap {
			font: 300%/100% serif;
			color: #cccc99;
			margin-right: -3px;
			}			
	

	.about	{
			font: bold 0.8em Arial, geneva, helvetica, sans-serif;
			text-align:center;
			background-image: url(images/content_bg.gif);
			background-repeat: repeat-y;
			background-position: top left;
			}

	.philos{
			font: bold 1.0em Arial, geneva, helvetica, sans-serif;
			text-align:center;
			}	

	.news
			{
			font: bold 0.8em Arial, geneva, helvetica, sans-serif;
			text-align:left;
			}					

	.home	{
			font: bold 1.0em Myriad, Tahoma,Arial,sans-serif;
			color: #ff0033;
			text-align:center;
			word spacing: 1px;
			scrollbar-base-color: #ff6633; 
			scrollbar-arrow-color:#0000cc;
			scrollbar-DarkShadow-Color: #cc6633;
			}
   
   .program {
			font: small-caps bold 0.5em Myriad, Tahoma,Arial,sans-serif;	
			background-image: url(images/content_bg.gif);
			background-repeat: no-repeat;
			background-position: top left;
			text-align:center;
			word spacing: 1px;
			}

	.test { 	
			font: small-caps bold 0.5em Myriad, Tahoma,Arial,sans-serif;	
			color:#ffffcc;
			text-align:center;
			word spacing: 1px;
			}
			
	.topbg {
			text-decoration: none;
			left: 0px;
			top: 0px;
			width: 700px;
			height: 60px;
			position: relative;
			z-index: 4;
			}
			
	.btnbg {
			text-decoration: none;
			background: #333300;
			left: 100px;
			top: 140px;
			width: 660px;
			height: 30px;
			position: absolute;
			z-index: 6;
			}
			
	.btmbtn_bar {
			text-decoration: none;
			background: #FFFFFF;
			left: 100px;
			top: 135px;
			width: 660px;
			height: 2px; important;
			position: absolute;
			z-index: 5;
			}

	#bg		{
			font-family: Trebuchet, Arial, Helvetica, sans-serif;
			background: #607866;
			left: 100px;
			top: 0px;
			width: 660px;
			height: 140px;
			position: absolute;
			z-index: 4;
			}
	#mapbg		{
			font-family: Trebuchet, Arial, Helvetica, sans-serif;
			background: #607866;
			text-align: left;
			left: 0px;
			top: 0px;
			width: 460px;
			height: 140px;
			position: absolute;
			z-index: 4;
			}
a.fivekmap:link {
	text-decoration: none;
	font-style: bold;
	color: #993300;
	}
a.fivekmap:visited {
	text-decoration: none;
	font-style: bold;
	color: #993300;
	}
a.fivekmap:hover {
	text-decoration: none;
	font-style: bold;
	color: #FF3300;
	}
a.fivekmap:active {
	text-decoration: none;
	font-style: bold;
	color: #993300;
	}	
	#mainbg { 	
			background: #FFFFFF;
			position: absolute;
			left: 100px;
			top: 50px;
			width: 660px;
			height: 970px;
			z-index: 2;
			} 

	#mainbg_reg { 	
			text-align:center;
			background: #FFFFFF;
			position: absolute;
			left: 100px;
			top: 140px;
			width: 660px;
			height: 900px;
			z-index: 2;
			} 
	#signup_info { 	
			font: bold 10px; 
			font-family: Arial, Tahoma, Myriad, sans-serif;
			text-align:left;
			position: absolute;
			left: 180px;
			top: 800px;
			width: 600px;
			height: 450px;
			z-index: 5;
			} 
	#mainbg_detail{ 	
			text-align:left;
			background: #CCCC99;
			position: absolute;
			left: 100px;
			top: 160px;
			width: 660px;
			height: 880px;
			z-index: 2;
			}	
	.maintext{ 	
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-size: 14px;
			font-weight: 600;
			text-decoration: none;
			left: 80px;
			top: 250px;
			width: 450px;
			height: 250px;
			position: absolute;
			z-index: 5;
			} 
							
	.newtime1{ 	
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			background: #FF9900;
			font-size: 16px;
			font-weight: 600;
			color: #FFFFFF;
			text-decoration: none;
			top: 125px;
			left:96px;
			width: 180px;
			height: 80px;
			padding:20px;
			position: absolute;
			z-index: 12;
			} 
	#mainbg_cont{ 	
			text-align:left;
			background: #999966;
			position: absolute;
			left: 100px;
			top: 160px;
			width: 660px;
			height: 600px;
			z-index: 2;
			} 		
	.maintext1{ 	
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-size: 14px;
			font-weight: 600;
			text-decoration: none;
			left: 100px;
			top: 260px;
			width: 450px;
			height: 280px;
			position: absolute;
			z-index: 5;
			} 
			
	.maintext_reg{ 	
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-size: 13px;
			font-weight: 600;
			text-decoration: none;
			text-align:left;
			left: 100px;
			top: 100px;
			width: 450px;
			height: 250px;
			position: absolute;
			z-index: 5;
			} 
	.GIBtitle{ 	
			font-family: Arial, Helvetica, sans-serif;  
			font-size: 18px;
			font-weight: 600;
			color:#FFCC33;
			text-decoration: none;
			left: 90px;
			top:8px;
			width: 240px;
			height: 40px;
			position: absolute;
			z-index: 5;
			} 
	.GIBlogo{ 	
			text-decoration: none;
			left: 450px;
			top:8px;
			width: 220px;
			height: 40px;
			position: absolute;
			z-index: 5;
			} 
	.brewskititle{ 	
			font-family: Arial, Helvetica, sans-serif;  
			font-size: 28px;
			font-weight: 800;
			color:#FFCC33;
			text-decoration: none;
			left: 90px;
			top:28px;
			width: 150px;
			height: 40px;
			position: absolute;
			z-index: 5;
			} 
	.rundisttitle{ 	
			font-family: Arial, Helvetica, sans-serif;  
			font-size: 16px;
			font-weight: 500;
			color:#FFFFFF;
			text-align: left;
			text-decoration: none;
			left: 90px;
			top: 92px;
			width: 350px;
			height: 80px;
			position: absolute;
			z-index: 5;
			} 
	
	.dateinfo{ 	
			font-family: Arial, Helvetica, sans-serif;  
			font-size: 18px;
			font-weight: 500;
			color:#FFFFFF;
			text-align: left;
			text-decoration: none;
			left: 480px;
			top: 8px;
			width: 350px;
			height: 120px;
			position: absolute;
			z-index: 5;
			} 		
	
	#homebtn{
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-size: 11px;
			font-weight: 600;
			text-decoration: none;
			left: 80px;
			top: 9px;
			width: 40px;
			height: 14px;
			position: absolute;
			z-index: 5;
			}
	#regbtn{
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-size: 11px;
			font-weight: 600;
			text-decoration: none;
			left: 150px;
			top: 9px;
			width: 25px;
			height: 12px;
			position: absolute;
			z-index: 5;
			}
	#fotobtn{
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-size: 11px;
			font-weight: 600;
			text-decoration: none;
			left: 350px;
			top: 9px;
			width: 40px;
			height: 14px;
			position: absolute;
			z-index: 5;
			}
	#rundetbtn{
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-size: 11px;
			font-weight: 600;
			text-decoration: none;
			left: 240px;
			top: 9px;
			width: 105px;
			height: 12px;
			position: absolute;
			z-index: 5;
			}
	#charitybtn{
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-size: 11px;
			font-weight: 600;
			text-decoration: none;
			left: 425px;
			top: 9px;
			width: 25px;
			height: 12px;
			position: absolute;
			z-index: 5;
			}
	#sponsorbtn{
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-size: 11px;
			font-weight: 600;
			text-decoration: none;
			left: 500px;
			top: 9px;
			width: 25px;
			height: 12px;
			position: absolute;
			z-index: 5;
			}	
	#contactbtn{
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-size: 11px;
			font-weight: 600;
			text-decoration: none;
			left: 590px;
			top: 9px;
			width: 25px;
			height: 12px;
			position: absolute;
			z-index: 5;
			}	
	.race_info{
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-weight: 600;
			left: 75px;
			top: 75px;
			width: 600px;
			height: 250px;
			position: absolute;
			z-index: 5;
			}	
	.reg_divs{
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-size: 13px;
			font-weight: 600;
			text-align:left;
			left: 120px;
			top: 375px;
			width: 600px;
			height: 500px;
			position: absolute;
			z-index: 5;
			}	
	.charity_info{
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-weight: 600;
			left: 130px;
			top: 300px;
			width: 600px;
			height: 500px;
			position: absolute;
			z-index: 5;
			}
	.GIB_sponsor{
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-weight: 500;
			left: 290px;
			top: 180px;
			width: 660px;
			height: 200px;
			position: absolute;
			z-index: 5;
			}
	.hotelspon{
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-weight: 500;
			left: 200px;
			top: 420px;
			width: 240px;
			height: 120px;
			position: absolute;
			z-index: 6;
			}
	.radiospon{
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-weight: 500;
			left: 420px;
			top: 420px;
			width: 300px;
			height: 120px;
			position: absolute;
			z-index: 6;
			}
	.sponsor_info{
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-weight: 600;
			left: 140px;
			top: 640px;
			width: 660px;
			height: 380px;
			position: absolute;
			z-index: 5;
			}
	.char_info{
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-weight: 600;
			left: 130px;
			top: 270px;
			width: 600px;
			height: 15px;
			position: absolute;
			z-index: 5;
			}			
	.contact{
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-size: 16px;
			font-weight: 600;
			color:#FFFFFF;
			text-decoration: none;
			left: 90px;
			top: 80px;
			width:500px;
			height: 12px;
			position:absolute;
			z-index: 5;
			}
	.signup_indx{
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-size: 12px;
			font-weight: 500;
			text-decoration: none;
			left: 25px;
			top: 90px;
			width:500px;
			height:200px;
			position: absolute;
			z-index: 5;
			}
	.pack_pu{
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-size: 12px;
			font-weight: 500;
			text-decoration: none;
			left: 25px;
			top: 480px;
			width:500px;
			height:440px;
			position: absolute;
			z-index: 5;
			}
	.rarlogo{
			text-decoration: none;
			left:100px;
			top: 170px;
			width: 605px;
			height: 110px;
			position: absolute;
			z-index: 5;
			}
	.gutter{ 	
			background-image: url(images/tri_1_logo_sml.gif);
			background-repeat:  repeat;
			background-position: top left
			}
	.train{ 	
			text-align:left;
			word spacing: 1px;			
			}
	.style2{ 	
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-size: 10px;
			font-weight: 500;
			top: -150px;
			width:68#9060px;
			text-align:center;
			position: relative;
			z-index: 5;
			} 
	.style3{ 	
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-size: 9px;
			font-weight: 500;
			left: -50px;
			top: 700px;
			width:600px;
			text-align:center;
			position: relative;
			z-index: 5;
			} 
	.copyr1{ 	
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-size: 9px;
			font-weight: 500;
			top: 940px;
			width:650px;
			text-align:center;
			position: absolute;
			z-index: 5;
			} 
	.copyr_reg{ 	
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-size: 9px;
			font-weight: 500;
			top: 1300px;
			width:650px;
			left: 125px;
			text-align:center;
			position: absolute;
			z-index: 5;
			}
	.copyr_spons{ 	
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-size: 9px;
			font-weight: 500;
			top: 500px;
			width:660px;
			left: 0px;
			text-align:center;
			position: absolute;
			z-index: 5;
			}
	.copyr_char{ 	
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-size: 9px;
			font-weight: 500;
			left: 0px;
			top: 480px;
			width:650px;
			text-align:center;
			position: absolute;
			z-index: 5;
			}
	.copyr_cont{ 	
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-size: 9px;
			font-weight: 500;
			left: 0px;
			top: 570px;
			width:650px;
			text-align:center;
			position: absolute;
			z-index: 5;
			}	
	.signupbg{
		background:#FFCC00;
		top: 180px;
		left: 500px;
		width: 190px;
		height: 160px;
		position: absolute;
		z-index: 5;
		}
		
	#signup1{
		color:#CC0033;
		font-family: Arial, Helvetica, Geneva, sans-serif;
		font-size: 18px;
		font-weight: 600;
		text-decoration: none;
		top: 25px;
		left: 10px;
		width: 185px;
		height: 85px;
		position: relative;
		z-index: 5;
		}
		
	#signup2{
		color:#FFCC00;
		font-family: Arial, Helvetica, Geneva, sans-serif;
		font-size: 18px;
		font-weight: 600;
		text-decoration: none;
		top:20px;
		left: 10px;
		width: 185px;
		height: 85px;
		position: relative;
		z-index:7;
		}
	#countdownbg{		
		background: #FF9900;
		text-decoration: none;
		top: 125px;
		left: 420px;
		width: 310px;
		height:120px;
		position: absolute;
		z-index: 6;
		}
	#countdown{
		font-family: Arial, Helvetica, Geneva, sans-serif; important;
		font-size: 18px;
		font-weight: 600;
		background: #000000;
		text-decoration: none;
		top: 60px;
		left: 38px;
		width: 235px;
		height: 30px;
		position: absolute;
		z-index: 7;
		}
		
	#countd-text{
		font-family: Arial, Helvetica, Geneva, sans-serif; important;
		font-size: 14px;
		font-weight: 600;
		color: #FFFFFF;
		text-align: center;
		margin: 0 auto;
		text-decoration: none;
		top: 140px;
		left: 330px;
		width: 300px;
		height: 120px;
		position: absolute;
		z-index: 7;
		}
		
	.sponsor_boxgray{
		background:#FFFFFF;
		text-decoration: none;
		top: 330px;
		left: 80px;
		width: 102px;
		height:500px;
		position: absolute;
		z-index: 3;
		}	
	.sponsor_boxwhite{
		background:#FFFFFF;
		text-decoration: none;
		top: 0px;
		left: -95px;
		width: 80px;
		height:176px;
		position: absolute;
		z-index: 6;
		}	
		
	#sponsors{
		text-decoration: none;
		top: 170px; important;
		left: 0px;
		width: 80px;
		position: absolute;
		z-index: 7;		
		}
	.imgspon{
		text-decoration: none;
		text-align: center;
		margin: 0 auto;
		width: 80px;
		position: absolute;
		z-index: 6;		
		}
	.brewbubbles{
			text-decoration: none;
			left: 410px;
			top: 360px;
			width:250px;
			height: 195px;
			position:absolute;
			z-index: 3;
			}
	.brewbubbles_reg{
			text-decoration: none;
			left: 310px;
			top: 270px;
			width:250px;
			height: 195px;
			position:absolute;
			z-index: 4;
			}
	
	.brewbubblesmed{
			text-decoration: none;
			left: 40px;
			top: 130px;
			width:250px;
			height: 195px;
			position:absolute;
			z-index: 4;
			}
	.brewski_stuff{
			text-decoration: none;
			left: 40px;
			top: 615px;
			width:580px;
			height: 295px;
			position:absolute;
			z-index: 6;
			}
	.brewski_titles{
			color:#000000;
			font-family: Arial, Helvetica, Geneva, sans-serif;
			font-size: 14px;
			font-weight: 600;
			text-decoration: none;
			left: 120px;
			top: 910px;
			width:550px;
			height: 30px;
			position:absolute;
			z-index: 6;
			}
	.brewbubblesmed_reg{
			text-decoration: none;
			left: 160px;
			top: 120px;
			width:250px;
			height: 195px;
			position:absolute;
			z-index: 3;
			}
			
	.style4 { 	
			text-align:center;
			font-family: Verdana, Arial, Helvetica, sans-serif;  
			font-size: 10px;
			font-weight: 500;
			top: 210px;
			width:680px;
			
			position: relative;
			z-index: 5;
			} 
		
	.one{
        vertical-align: top; 
        height: 0%;
        width: 100%;
        background-color: #FFFFFF;
        position: relative;
        
		}
	.middletab{
        width: 15%;
        height: auto;
        position: relative;
        margin-right: auto;
		margin-left: auto;
        
		}
	.btmtab{
        vertical-align: top; 
        height: auto;
        background-color: #FFFFFF;
        width: 100%;
        position: relative;
		}			
			
	a.contact_btn:link {
	text-decoration: none;
	color: #000000;
	}
	a.contact_btn:visited {
	text-decoration: none;
	color: #000000;
	}
	a.contact_btn:hover {
	text-decoration: none;
	color: #FF9900;
	}
	a.contact_btn:active {
	text-decoration: none;
	color: #000000;
	}
	.cool2 { 	
			background: "#FFFFFF";
			}

	.cool3{ 	
			align:top left;
			}
	.blue { 	
			font: bold 1.0em Arial, Geneva, helvetica, sans-serif;
			color:#3366FF;
			}
	.orang { 	
			font: bold 1.0em Arial, Geneva, helvetica, sans-serif;
			color:#FF9933;
			}
	.green { 	
			font: bold 1.0em Arial, Geneva, helvetica, sans-serif;
			color:#33CC66;
			}	
		   
		-->