/*------This code centers the pages within the browser window------*/
#container  {position: relative; margin: auto; width: 730px;} 
#contents   {position: absolute; top: 0px; left: 0px;} 

#banner	{height: 80px;}
.bike_polite	{position: absolute; top: 0px; left: 0px;}
.spokes			{position: absolute; top: 0px; right: -5px;}


/*--- #topnav	{font-size: 80%; text-align: center; font-family: "trebuchet ms", arial, sans-serif; letter-spacing: 0.1em; margin-top: 1em;}
#topnav a	{color: #001199; font-weight: bold; background-color: #F7F7F7; border: 1px solid #cbcbcb; padding-left:  0.4em; padding-right:0.4em; padding-top: 0.1em; padding-bottom: 0.1em; text-decoration: none;}
#topnav a:hover {color:#424242; background-color: #ffffcc;}
#topnav strong {color: #bf0016; background-color: #ffffff;} 

---*/

/*-- #topnav {display: inline; background-color: #ffffff;  color: #1d3a40;  font-weight: bold; font-style: italic; font-family: "Courier New", Courier, monospace; text-align: center; float: right;  margin-top: 4em;}
#topnav a	{text-decoration: none;  color: #FFF8DC; background-color: #d16e1d; border: 1px solid #FFF8DC; padding:  0.1em 0.4em;}
#topnav a:hover 	{color: #d16e1d; background-color: #FFF8DC; border: 1px solid #d16e1d; }
#topnav a.thisPage	{color: #d16e1d; background-color: #FFF8DC; border: 1px solid #d16e1d; } --*/


#topnav {display: inline; background-color: #ffffff;  color: #c5341f;  font-weight: bold; font-family: verdana, Arial, sans-serif; font-size: 95%; text-align: center; float: left; padding-left: 1.5em; margin-bottom: 1.5em; }

#topnav a	{text-decoration: none;  color: #FFF8DC; background-color: #c5341f; border: 1px solid #FFF8DC; padding:  0.1em 0.5em;}

#topnav a:hover 	{color: #c5341f; background-color: #FFF8DC; border: 1px solid #d16e1d; }
#topnav a.thisPage	{color: #c5341f; background-color: #FFF8DC; border: 1px solid #c5341f; }

#topnav a.blue		{color: #FFF8DC; background-color: #00abd6; border: 1px solid #FFF8DC; }
#topnav a.blue:hover	{color: #00abd6; background-color: #FFF8DC; border: 1px solid #00abd6; }

#topnav a.green	{color: #FFF8DC; background-color: #70b936; border: 1px solid #FFF8DC; }
#topnav a.green:hover	{color: #70b936; background-color: #FFF8DC; border: 1px solid #70b936; }

#topnav a.red	{color: #FFF8DC; background-color: #e23419; border: 1px solid #FFF8DC; }
#topnav a.red:hover	{color: #e23419; background-color: #FFF8DC; border: 1px solid #e23419;}

#topnav a.yellow	{color: #FFF8DC; background-color: #ffb925; border: 1px solid #FFF8DC; }
#topnav a.yellow:hover	{color: #ffb925; background-color: #FFF8DC; border: 1px solid #ffb925; }

#topnav a.purple	{color: #FFF8DC; background-color: #8b4a9c; border: 1px solid #FFF8DC; }
#topnav a.purple:hover	{color: #8b4a9c; background-color: #FFF8DC; border: 1px solid #8b4a9c; }

#textbox	{ font-family: verdana, arial, sans-serif; line-height: 1.3em; font-size: 90%; width: 730px;}
#textbox p	{padding-left: 1.5em; text-align: justify;}
#textbox a	{color: #d16e1d; background-color: #ffffff; padding-bottom: 0.5em; text-decoration: none;}
#textbox a:hover	{color: #00abd6; background-color: #ffffff;}
#textbox li	{line-height: 1.8em; list-style-type: none;}

.pic	{padding: 0.5em; border: 1px solid #cbcbcb;}
.pic2	{padding: 0.5em; border: 1px solid #cbcbcb; float: left; margin-right: 1em; margin-left: 1.5em;}

.left	{float: left; padding-right: 1em;}

.right	{float: right; padding-left: 1em;}

.quote	{font-style: italic; margin-left: 3em; margin-right: 3em;}

#pj		{font-family: verdana, arial, sans-serif; font-size: 80%; vertical-align: bottom;}
#pj a	{color: #d16e1d; background-color: #ffffff; padding-bottom: 0.5em;}
#pj a:hover		{color: #52a5cf; background-color: #ffffff;}



h2 {font-family: batang, "times new roman", serif; color: #81ae37; background-color: #ffffff; vertical-align: top; padding-left: 0}

h3 {font-family: "Courier New", Courier, monospace; color: #c5341f; background-color: #ffffff; padding-left: 1.3em;}