/**********************************************************************/
/* DEFAULT ELEMENTS		                                          			*/
/* Body, image, links																									*/
/**********************************************************************/

body {
	background-color: #00B0D7;
	}

img {
	border-style: none;
	}

a:link {
	text-decoration: none;
  color: #02677E;
	}

a:visited {
	text-decoration: none;
  color: #02677E;
	}

a:hover {
	text-decoration: underline;
  color: ##335A29;
	}

a.white:link {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	}

a.white:visited {
	color: #FFFFFF;
	font-weight: bold;
	}

a.white:hover {
	text-decoration: underline;
	font-weight: bold;
	}

a.black:link {
	text-decoration: none;
	color: #000000;
	}

a.black:hover {
	text-decoration: underline;
	}

a.black:visited {
	color: #000000;
	}

a.side:link {
	text-decoration: none;
	color: #335A29;
	font-size: 80%;
	}

a.side:hover {
	text-decoration: underline;
}

a.side:visited {
	text-decoration: none;
	color: #336DE3;
	font-size: 80%;
}

a.in:hover {
	text-decoration: none;
	color: #335A29;
	}

/**********************************************************************/
/* PRIMARY LAYOUT ELEMENTS  		                                      */
/* Centered page, header, top menu, side menu, and footer, main body  */
/**********************************************************************/

#canvas {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	padding-bottom: 75px;
	padding-top: 250px;
	width: 900px;
	min-height: 500px;
	_height: 530px;
	background-color: #FFFFFF;
	border: solid 3px #777A76;
	}

#topmenu {
	position: absolute;
	top: 210px;
	left: 3px;	
	width: 896px;
	_width: 896px;
	}

#header {
  position: absolute;
	left: 0px;
  top: 0;
	width: 100%;
  height: 220px;
	}

#footer {
  position: absolute;
  bottom: 0;
	width: 100%;
  height: 70px;
	border-top: solid 3px #777A76;
	}

#footer1 {
	padding-top: 15px;
	padding-left: 15px;
	}

#footer2 {
	padding-top: 15px;
	padding-left: 15px;
	}

#pagetext {
	font-size: 100%;
	width: 840px;
	padding-left: 15px;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-right: 15px;
	}

.menuitem {
	width: 112px;
	height: 38px;
	}

.mhead {
	font-size: 150%;
	font-family: Times New Roman;
  margin-bottom: 5px;
	padding-left: 45px;
	font-weight: bold;
	color: #00B0D7;
	background-image: url(/images/ly_mheadback.gif);
	background-repeat: no-repeat;
	}

.ehead {
	font-size: 25px;
	font-family: Times New Roman;
  margin-bottom: 5px;
	font-weight: bold;
	color: #000000;
	}

/* Main page section title */
.sectitle {
	font-weight: bold;
	font-size: 100%;
	}

/* Main page section text */
.sectext {
	font-size: 100%;
	padding-bottom: 15px;
	padding-left: 20px;
	}

/* Lists for main section */
.seclist {
	list-style-image: url(/images/ly_ar.gif);
	list-style-position: outside;
	list-style-type: none;
	font-size: 100%;
	}

/* Image floating right */
.imgright {
	float: right;
	margin: 5px 10px 5px 10px;
	font-size: 80%;
	text-align: justify;
	}

/* Image floating left */
.imgleft {
	float: left;
	margin: 5px 10px 5px 10px;
	font-size: 80%;
	text-align: justify;
	}

.headpdf {
  padding-left: 23px;
	background-image: url(../images/icon_pdf.gif);
	background-repeat: no-repeat;
  margin-bottom: 5px;
	color: #000000;
	}
	
/* Zoom buttons on top of Interactive Bike Map */
.btmap {
	margin-top: 5px;
	font-size: 80%;
	padding: 3px 5px 3px 5px;
	color: #000000;
	background-color: #F49320;
	cursor: pointer;
	}

/* Google Maps Info Windows */
.mapinfo {
	width: 350px;
	min-height: 150px;
	_height: 150px;
	font-size: 80%;
	}

.bikeroute {
  margin-left: 10px;
  padding-bottom: 30px;
	height: 150px;
	}

.minimap {
  float: left;
  margin-right: 5px;
}

.routename {
	font-size: 150%;
	font-family: Times New Roman;
	margin-right: 10px;
	font-weight: bold;
	color: #BED73B;
}

.shortdesc {
  font-weight: bold;
  margin-bottom: 5px;
}

.routedesc {
	font-size: 90%;
	margin-bottom: 10px;
	}

/**********************************************************************/
/* FORM ELEMENTS		                                            			*/
/* With the goal of creating accessible forms   											*/
/**********************************************************************/

/* Basic form elements */

.mainform {
	margin-left: 30px;
	width: 81%;
	padding-right: 0px;
	}

fieldset.standard {
	position: relative;
	border: none;
  border-top: solid 1px #00B0D7;
	padding-top: 25px;
	padding-bottom: 20px;
	padding-left: 10px;
	}

legend.standard {
	font-size: 100%;
	font-weight: bold;
	background-color: #F59320;
	color: #000000;
	padding: 2px 5px 5px 5px;
	margin-bottom: 8px;
	}

/* Standard address elements */

.frmstan {
	font-size: 80%;
	margin-right: 15px;
	float: left;
	}

.frmclr{
	font-size: 80%;
	margin-bottom: 5px;
	margin-right: 15px;
	float: none;
	}

.instan {
	font-size: 80%;
	padding: 2px;
	}

.textstan {
	font-size: 100%;
	font-family: times new roman;
	padding: 2px;
	}

.texterr {
	font-size: 100%;
	font-family: times new roman;
	padding: 2px;
  background: #F99;
	}

.inerr {
	font-size: 80%;
	padding: 2px;
  background: #F99;
  }

.errormessage {
  color: #F00;
  }

.btstan {
	font-size: 75%;
	font-weight: bold;
	width: 75px;
	height: 30px;
	}

.rsstan {
	font-size: 80%;
	padding: 2px;
	width: 50px;
	margin-right: 10px;
	text-align: right
	}

.rserr {
	font-size: 80%;
	padding: 2px;
  background: #F99;
	width: 50px;
	margin-right: 10px;
	text-align: right
  }

.req {
	font-size: 70%;
	color: #E7320E;
  }