@charset "utf-8";
/* CSS Document */

body{
font-family:"Arial", Helvetica, sans-serif;
font-size:80%;
color:#333333;
background-color:#999999;
}
#wrapper{
	margin:10px auto;
	width:750px;
	background-color:#FFFFFF;
}	
#header{
background-image:url(images/header.jpg);
background-repeat:no-repeat;
width:750px;
height:156px;
}
#navigation{
background-image:url(images/nav_background.jpg);
background-repeat:no-repeat;
width:750px;
height:123px;
}
#contentwrap{
width:750px;
height:600px;
}
#contentwrap2{
width:750px;
background-image:url(images/sidebar_tile.jpg);
background-repeat:repeat-y;
margin-top:1px;
}

#sidebar{
width:184px;
float:left;
height:100%;
background-image:url(images/sidebar_tile.jpg);
background-repeat:repeat-y;
margin-top:1px;
}
#sidebar2{
width:184px;
float:left;
height: 500px; /* for IE */
min-height: 500px; /* for not-IE */

}
html>body #sidebar2 {
height: auto; /* for not-IE */
}
#sidebar3{
width:184px;
float:left;
height: 650px; /* for IE */
min-height: 650px; /* for not-IE */

}
#sidebar3 img, #sidebar2 img{
	margin:10px 10px 0px 10px;
	padding:0;
}
html>body #sidebar3 {
height: auto; /* for not-IE */
}

#maincontent{
width:500px;
float:left;
height:100%;
margin-left:40px;
margin-top:1px;
overflow:visible;
}
#maincontent2{
width:500px;
float:left;
margin-left:40px;
margin-top:1px;
}

#footer{
background-image: url(images/footer.jpg);
background-repeat:no-repeat;
width:750px;
height:160px;
margin-top:1px;
float:left;
}
#footerlinks{
width:750px;
height:20px;
float:left;
background-color:#999999;
font-size:80%;

}

.holder{
float:left;
width:154px;
color:#FFFFFF;
margin-left:25px;
margin-top:-27px;
display:inline;
}
/* \*/
* html .holder {
margin-top:-20px;
}
/* */

#nav {
	list-style: none;
	padding:0px;
	margin: 0px 0px 0px 0px;
	padding-top:3px;
}
#nav li {
	float: left;
	padding:0px;
	margin-left: 22px;
	display:inline;
}
#triathlon a{
	display: block;
	background-image: url(images/trilink.jpg);
	height: 107px;
	width:160px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;	
}
#triathlon a:hover{
	display: block;
	background-image: url(images/trilink_hover.jpg);
	height: 107px;
	width:160px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;	
}
#duathlon a{
	display: block;
	background-image: url(images/duathlonlink.jpg);
	height: 107px;
	width:160px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;	
}
#duathlon a:hover{
	display: block;
	background-image: url(images/duathlonlink_hover.jpg);
	height: 107px;
	width:160px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;	
}
#running a{
	display: block;
	background-image: url(images/runninglink.jpg);
	height: 107px;
	width:160px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;	
}
#running a:hover{
	display: block;
	background-image: url(images/runninglink_hover.jpg);
	height: 107px;
	width:160px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;	
}
#swimming a{
	display: block;
	background-image: url(images/swimminglink.jpg);
	height: 107px;
	width:160px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;	
}
#swimming a:hover{
	display: block;
	background-image: url(images/swimminglink_hover.jpg);
	height: 107px;
	width:160px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;	
}
a.home {
	display: block;
	background-image: url(images/home_link.gif);
	background-color:#999999;
	background-repeat:no-repeat;
	background-position:center;
	height: 10px;
	width:138px;
	text-indent: -900em;
	text-decoration: none;
	border:#ce0c0c 2px solid;
	padding: 2px 20px 20px 2px;
	line-height: 100%;	
	margin:10px 0px 0px 10px;
}
a.home:hover{
	display: block;
	background-image: url(images/home_linkhover.gif);
	background-color:#cccccc;
	background-repeat:no-repeat;
	background-position:center;
	height: 10px;
	width:138px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;	
	padding: 2px 20px 20px 2px;
	margin:10px 0px 0px 10px;
		border:#ffffff 2px solid;

}

a.results {
	display: block;
	background-image: url(images/resultslink.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#999999;
	height: 10px;
	width:138px;
	text-indent: -900em;
	text-decoration: none;
	border:#ce0c0c 2px solid;
	line-height: 100%;	
	margin:10px 0px 0px 10px;
		padding: 2px 20px 20px 2px;

}
a.results:hover{
	display: block;
	background-image: url(images/resultslink_hover.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#cccccc;
	height: 10px;
	width:138px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;	
		border:#ffffff 2px solid;
	margin:10px 0px 0px 10px;
		padding: 2px 20px 20px 2px;
}
a.heron {
	display: block;
	background-image: url(images/heronlink.gif);
	background-color:#999999;
	background-repeat:no-repeat;
	background-position:center;
	height: 38px;
	width:138px;
		border:#ce0c0c 2px solid;
		padding: 2px 20px 20px 2px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;	
	margin:10px 0px 0px 10px;
}
a.heron:hover{
	display: block;
	background-image: url(images/heronlink_hover.gif);
	background-color:#cccccc;
	background-repeat:no-repeat;
	background-position:center;
	height: 38px;
	width:138px;
	text-indent: -900em;
	text-decoration: none;
	border:#ffffff 2px solid;
	padding: 2px 20px 20px 2px;
	line-height: 100%;	
}
a.sponsor {
	display: block;
	background-image: url(images/sponsorslink.gif);
	height: 28px;
	width:135px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;	
	margin:468px 0px 0px 10px;
}
a.sponsor:hover{
	display: block;
	background-image: url(images/sponsorslink_hover.gif);
	height: 28px;
	width:131px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;
}
a.sponsor2 {
	display: block;
	background-image: url(images/sponsorslink.gif);
	height: 28px;
	width:131px;
	text-indent: -900em;
	text-decoration: none;
	line-height: 100%;	
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* for Internet Explorer */
a
{
outline: none;
}
.left{float:left;}
.right{float:right;}
img{
padding:0px;
margin:0px;
}
a:link{color:#000000;text-decoration:underline;}
a:active{color:#000000;text-decoration:underline;}
a:visited{color:#000000;text-decoration:underline;}
a:hover{color:#ed2024;text-decoration:underline;}


a.whitelink:link{color:#ffffff;text-decoration:underline;font-weight: normal; font-size:85%;}
a.whitelink:active{color:#ffffff;text-decoration:underline;font-weight: normal; font-size:85%;}
a.whitelink:visited{color:#ffffff;text-decoration:underline;font-weight: normal; font-size:85%;}
a.whitelink:hover{color:#ffffff;text-decoration:underline;font-weight: normal; font-size:85%;}
a.resultslink:link{color:#000000;text-decoration:underline;font-weight: normal; font-size:120%;}
a.resultslink:active{color:#000000;text-decoration:underline;font-weight: normal; font-size:120%;}
a.resultslink:visited{color:#000000;text-decoration:underline;font-weight: normal; font-size:120%;}
a.resultslink:hover{color:#000000;text-decoration:underline;font-weight: normal; font-size:120%;}
a img{
border: none;
}	

.ap-test {
position: relative; 
top: -40px; 
font-size: .6em; 
width: 159px; 
height: 30px; 
color: yellow;
margin-left:25px;
padding:0px;
}

/* \*/
* html .ap-test {
top: -30px; 
t\op: -31px; 
}
/* */

.ap-left {left: 0;}

.ap-right {right: 0;}
td{
padding:5px 0px 5px 0px;
}
.nopad{
padding:0px 0px 0px 0px;
}
.newstitle {
        FONT-SIZE: 12px; COLOR: #ed2024; FONT-FAMILY:  verdana ; FONT-WEIGHT: bold;
        /* background: #ff8800 ; */
}
.bold12 {FONT-SIZE: 12px; COLOR: #000000; FONT-WEIGHT: bold; FONT-FAMILY: arial ;}
#resultstable td{
padding:5px 0px 5px 5px;
}
#linkstable{
padding:0px 0px 0px 0px;
}

#form2 div {
	clear: left;
	margin-top: 10px;
	margin-left:10px;
	color:#FFFFFF;
}

.text2 {
	padding: 0.2em;
	width: 110px;
	border: 1px solid  #ff0000;
	background:#999999;
	
}
label {
	float: left;
	width: 45px;
}
.feedback{
	float: left;
	width: 140px;
}

.text3 {
	padding: 0.2em;
	width: 155px;
	border: 1px solid  #ff0000;
	background:#999999;
}

.btn2 {
	color: #666666;
	background-color: #FFFFFF;
	padding: 0.1em;
	border: 1px solid #ff0000;
}
.btn2:hover {
	color: #666666;
	background-color: #CCCCCC;
	padding: 0.1em;
	border: 1px solid #ff0000;
}
.error {
	font-weight: bold;
	color: #ffffff;
}
.small{
font-size:70%;
}
.redtitle{
font-weight:bold;
color:#ed2024;
}
