body {
background-color: #CCCC99;
font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
color: black;
font-size: 0.9em;
margin: auto;
width: 900px; /*changed from 705px*/
}

a img {border: none; }
 	
.header {
width: 900px; /*changed from 705px*/
text-align: center;
background-color: #999966;
margin: auto;
}


.header-bottom {
font-size: 0.9em;
padding: 0 0 5px 0;
}

.nav-links a {
color: #336600;
font-weight: 700;
font-size: 0.9em;
padding: 4px 2px 4px 4px;
}

.nav-links a:visited {
color: #336600;
font-weight: 700;
}

.nav-links a:hover {
color: red;
text-decoration: none;
}


/* code for following:
	<a href="triathlon.html" id="nav-link-tri">Triathlon</a> */ 

a#nav-link-tri  {
color: #FBB917;
/*background-color: #A9D0F5; */
font-weight: 700;
font-size: 0.9em;
padding: 1px 1px 1px 1px;
}

a#nav-link-tri:hover {
color: orange;
text-decoration: none;
}

a.current-link: {
color: #d3d3d3;
text-decoration: none;
}

a.current-link:visited {
color: #d3d3d3;
text-decoration: none;
}

.special {
background-color:yellow; 
padding: 0 0 0 0;
margin: 4px auto 4px auto;
width: 100px;
font-weight: 700;
text-align: center;
}

a:link {
color: #336600;
}

a:visited {
color: #660000;
}

li {
margin: 1px 1px 1px 1px;
}

/* Classes for headlines */
.t1 {
font-size: 1.6em;
color: #336600;
text-align: center;
font-weight: bold;
padding: 10px 10px 10px 10px;
margin: auto;
clear: both;
}

.t2 {
font-size: 1.2em;
color: #336600;
font-weight: 600;
padding: 10px 0 10px 0;
}


.t2-center {
font-size: 1.4em;
color: #336600;
font-weight: 600;
text-align: center;
padding: 10px 0 10px 0;
}



.t3 {
color: #336600;
font-weight: 600;
}

.t3-center {
color: #336600;
font-weight: 600;
text-align: center;
}



.t4 {
font-size: 1.2em;
color: #336600;
font-weight: 600;
}










/* Black headings */
.b1 {
font-size: 1.4em;
color: black;
font-weight: 600;
text-align: center;
}

/* Orange headings */
.o1 {
color: #AF7817;
font-size: 1.3em;
font-weight: 600;
font-style: italic;
}

/* Blue headings */
.bl1 {
color: #0000CC;
font-size: 1.3em;
font-weight: 600;
}

.bl2 {
color: #0000CC;
}

/* Red heading */
.r1 {
color: red;
}

.small {
font-size: .6em;
font-weight: 300;
}

.updated {
color: #336600;
font-size: .8em;
text-align: center;
padding: 10px 10px 10px 10px;
}

/* Classes for images */

.center {
text-align: center;
margin: auto;
clear: both;
}

.float-right {
float: right;
font-size: 0.8em;
text-align: center;
margin: 0 0 0 10px;
}

.float-left {
float: left;
margin: 0 10px 10px 0;
font-size: 0.8em;
text-align: center;
}

.float-right-caption {
float: right;
margin: 0 0 0 10px;
font-size: 0.8em;
text-align: center;
width: 250px;
}

.float-left-caption {
float: left;
margin: 0 10px 0 0;
font-size: 0.8em;
text-align: center;
width: 250px;
}

.center-caption {
clear: both;
margin: 0 10px 0 120px;
font-size: 0.8em;
text-align: center;
}


.center-caption-welcome-lft {
clear: both;
/*margin: 0 120px 0 120px;*/
font-size: 0.8em;
text-align: center;
}

.photo-caption {
margin: 0 0 0 10px;
font-size: 0.9em;
text-align: center;
vertical-align: middle;
}

/* Classes for special boxes and layout */

.pullout {
width: 600px;
border-width: medium;
border-style: solid;
border-color: #AF7817;
padding: 5px;
margin: 5px auto 10px auto;
}

.container {
clear: both;
}

.left-element {
   float: left;
   width: 49%;
   }

.right-element {
   float: right;
   width: 49%;
   }
 
.left-opp {
   float: left;
   width: 49%;
   text-align: right;
   }

.right-opp {
   float: right;
   width: 49%;   
   text-align: left;
   } 
   
.left-col {
float: left;
width: 32%;
height: 100%;
}

.mid-col {
width: 32%;
height: 100%;
float: left;
}

.right-col {
float: right;
height: 100%;
width: 32%;
}   

.pullout-left {
float: left;
width: 250px;
/*background-color: white;*/
padding: 5px;
padding-left: 15px;
margin: 0 10px 5px 0px;
border-style: outset;
border-width: 2px;
}


.pullout-right {
float: right;
width: 250px;
/*background-color: white;*/
padding: 15px;
margin: 0 10px 5px 15px;
border-style: outset;
border-width: 2px;
}








.clear {
clear: both;
}

.footer {
font-size: 0.9em;
font-weight: bold;
text-align: center;
margin: auto;
clear: both;
width: 900px;
padding: 10px 0 0 0;
}

/* Classes for Triathlon pages */

.tri-t1 {
font-size: 1.6em;
color: #336600;
text-align: center;
font-weight: bold;
padding: 10px 10px 10px 10px;
margin: auto;
}
 
 	.tri-image {
 	border:1px solid black;
 	position:relative;
 	background-image:url(../images/triathlon/tri-graphic-new.jpg);
 	height:498px;
 	width:705px;
        margin:auto;
 	}
 	
 	.tri-register {
 	position:absolute; 
 	top:115px;
 	left:255px;
 	height:50px;
 	width:275px;
 	text-align:center;
 	}
 	
 	 	.tri-usat {
 	position:absolute;
 	top:185px;
 	left:135px;
 	height:35px;
 	width:43px;
 	text-align:center;
 	}

 	.tri-route {
 	position:absolute; 
 	top:165px;
 	left:325px;
 	height:80px;
 	width:175px;
 	}
 	.tri-contact {
 	position:absolute; 
 	top:180px;
 	left:590px;
 	height:150px;
 	width:60px;
 	text-align:center;
 	font-family:Times,serif;
 	font-weight:bold;
 	}
 	a.tri-bold-link: {
 	font-family:Georgia,Serif;
 	font-weight:bold;
 	}
 	 a.tri-bold-link:hover {
 color:blue;
 text-decoration:none;
 background-color:white;
 	}

 	
a.nav-link-tri: {
color: #D0484C;
background-color: #576BB0;
font-weight: 700;
font-size: 0.9em;
padding: 1px 1px 1px 1px;
}

a.nav-link-tri:hover {
color: #D0484C;
text-decoration: none;
}

.unused {
color: #23733F;
color: #D0484C;
background-color: #576BB0;
}




/* Classes for gift shop pages */


.store-left {
   float: left;
   width: 47%;
   }

.store-right {
   float: right;
   width: 47%;
   }
   
.store-item {
float: left;
padding: 10px;
font-size: 0.75em;
text-align: center;
}

.store-description {
padding-top: 35px;
}

.store-description-full {
padding-top: 10px;
}



/* Codes for Local History */

.left-col-large {
float: left;
padding-right: 50px;
width: 59%;
height: 100%
}

.right-col-small {
/*float: left;*/
margin-left:39%;
padding-left: 20px; 
/*width: 39%*/
height: 100%
}

.histpara {
float: center;
width: 700px;
height: 100%
}


.float-center {
text-align: center;
margin: auto;
clear: both;
}


.hist-left-col {
width: 33%;
height: 100%;
float: left;
}

.hist-mid-col {
width: 33%;
height: 100%;
float: left;
font-size: 0.8em;
text-align: center;
}

.hist-right-col {
width: 33%;
height: 100%;
float: left;
}