/**********************************************************************/
/* 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;
	width: 900px;
	min-height: 1000px;
	_height: 1000px;
	background-color: #FFFFFF;
	}

#header {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 900px;
	height: 135px;
	background: url(../images/ly_maintop.gif) no-repeat;
	}

#mainmenu {
	position: absolute;
	width: 900px;
	height: 22px;
	top: 130px;
	left: 5px;
	}

#mainmenuspec {
	position: absolute;
	width: 900px;
	height: 50px;
	top: 130px;
	left: 5px;
	}

#sidemenu {
	position: absolute;
	top: 165px; /* change to 165 if special menu item is gone */
	left: 5px;
	padding: 15px;
	width: 147px;
	height: 550px;
	background-image: url(../images/ly_sidemenu.gif);
	background-repeat: no-repeat;
	}

#sharemenu {
	position: absolute;
	top: 670px;
	left: 5px;
	padding: 15px;
	width: 177px;
	height: 300px;
	}

#footer {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	bottom: 0px;
	height: 67px;
	width: 900px;
	background: url(../images/ly_mainbottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #FFFFFF;
	}

#pagetext {
	padding-left: 195px;
	padding-top: 170px; /* change to 170 if special menu item is gone */
	width: 695px;
	font-size: 100%;
	}

/**********************************************************************/
/* SECONDARY LAYOUT ELEMENTS		                                      */
/* Body, image, links																									*/
/**********************************************************************/

/* RIDE Solutions Logo */
#logo {
	position: absolute;
	top: 20px;
	left: 20px;
	float: left;
	}

/* Title Image */
#title {
	position: absolute;
	top: 10px;
	left: 260px;
	}

/* NewVa Logo, lower left corner */
#newva {
	position: absolute;
	top: 10px;
	left: 22px;
	float: right;
	}

/* Contact and registration link 	 */
#contact {
	position: absolute;
	padding-left: 4px;
	top: 5px;
	left: 185px;
	float: right;
	font-size: 80%;
	border-left: solid 1px #000000;
	}

/* "Service of..." text */
#servtxt {
	position: absolute;
	top: 5px;
	left: 575px;
	width: 300px;
	margin-left: 20px;
	font-size: 80%;
	float: left;
	}

/* Logos of RVARC and NRVPDC */
#pdclogos {
	position: absolute;
	top: 10px;
	left: 490px;
	margin-left: 20px;
	font-size: 90%;
	}

/* Main menu item, Register */
#m_register {
	width: 150px;
	height: 19px;
	padding-top: 3px;
	background-color: #F3B026;
	background-image: url(../images/ly_mainmenul.gif);
	background-repeat: no-repeat;
	border-right: solid 2px #FFFFFF;
	color: #000000;
	font-weight: bold;
	font-size: 90%;
	text-align: center;
	float: left;
	}

/* Main special items */
#m_spec {
	width: 890px;
	height: 20px;
	padding-top: 2px;
	margin-bottom: 3px;
	background-color: #F3B026;
	background-image: url(../images/ly_mainmenuspec.gif);
	background-repeat: no_repeat;
	color: #000000;
	font-weight: bold;
	font-size: 90%;
	text-align: center;
	}

/* Main menu items */
.m_other {
	width: 90px;
	height: 19px;
	padding-top: 3px;
	background-color: #11477A;
	border-right: solid 2px #FFFFFF;
	color: #FFFFFF;
	font-size: 90%;
	text-align: center;
	float: left;
	}

/* Main menu item, far right */
#m_end {
	width: 96px;
	height: 19px;
	padding-top: 3px;
	background-color: #11477A;
	background-image: url(../images/ly_mainmenur.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 90%;
	text-align: center;
	float: left;
	}

/* Heading of side menu */
.menuhead {
	background-image: url(../images/ly_menugray.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	width: 147px;
	height: 23px;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	margin-bottom: 3px;
	padding-top: 1px;
	}

/* Sub headings of side menu */
.menumid {
	background-image: url(../images/ly_menugray.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	width: 147px;
	height: 23px;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	margin-bottom: 3px;
	padding-top: 1px;
	margin-top: 10px;
	}

/* Heading of share menu */
.menugold {
	background-image: url(../images/ly_menugold.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	width: 147px;
	height: 23px;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	margin-bottom: 3px;
	padding-top: 1px;
	}

/* Items within the side menu */
.menuitem {
	padding-left: 10px;
	padding-top: 3px;
	}

/* Google search box */
#searchbox {
	position: absolute;
	top: 430px;
	left: 10px;
	height: 50px;
	width: 147px;
	text-align: center;
	}

/* Google search input */
#searchinput {
	width: 150px;
	height: 15px;
	}

/* Google search button */
#searchbutton {
	margin-top: 5px;
	width: 70px;
	height: 20px;
	font-size: 80%;
	padding: 0px;
	border: none;
	color: #FFFFFF;
	background-color: #11477A;
	}

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

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

/* Headline for news sections */
.headline {
  padding-left: 10px;
	font-weight: bold;
	font-size: 105%;
  margin-bottom: 5px;
	color: #000000;
	}

/* Subheadline for news sections */
.subhead {
  padding-left: 35px;
	font-size: 80%;
  text-decoration: underline;
	}

/* Story text for news sections */
.storytext {
  padding-left: 35px;
	font-size: 80%;
	margin-bottom: 10px;
	}

/* Heading for homepage and other special sections */
.mhead {
	font-size: 200%;
	font-family: Times New Roman;
  margin-bottom: 5px;
	font-weight: bold;
	color: #11477A;
	}

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

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

/* Required field indicator */
.req {
	color: red;
	margin-right: 4px;
	}

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

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

/* Image floating right type B */
.imgrightb {
	float: right;
	margin: 0px 20px 0px 20px;
	padding: 10px;
	border: 1px solid #000000;
	}

/* Image floating right type G */
.imgrightg {
	float: right;
	margin: 10px;
	}

/* Image floating left type B */
.imgleftb {
	float: left;
	margin: 0px 20px 0px 0px;
	padding: 10px;
	border: 1px solid #000000;
	}

/* Image floating right */
.blogright {
	float: right;
	margin: 0px 10px 5px 10px;
	padding: 10px;
	}

/* Page header logo for Workplace pages */
.wplogo {
	text-align: center;
	}

/* Headline for news sections */
.headpdf {
  padding-left: 23px;
	background-image: url(../images/icon_pdf.gif);
	background-repeat: no-repeat;
  margin-bottom: 5px;
	color: #000000;
	}

/* Tiny google */
.headgoog {
  padding-left: 25px;
	background-image: url(../images/logo_altgoogleg_20px.gif);
	background-repeat: no-repeat;
  margin-bottom: 5px;
	color: #000000;
	}
/* Tiny greenway */
.headgw {
  padding-left: 25px;
	background-image: url(../images/logo_altgw_20px.gif);
	background-repeat: no-repeat;
  margin-bottom: 5px;
	color: #000000;
	}


/* Tiny bike */
.headbike {
  padding-left: 25px;
	background-image: url(../images/logo_altped_20px.gif);
	background-repeat: no-repeat;
  margin-bottom: 5px;
	color: #000000;
	}

/* Tiny starline */
.headstar {
  padding-left: 25px;
	background-image: url(../images/logo_altstar_20px.gif);
	background-repeat: no-repeat;
  margin-bottom: 5px;
	color: #000000;
	}

.headdoc {
  padding-left: 23px;
	background-image: url(../images/icon_doc.gif);
	background-repeat: no-repeat;
  margin-bottom: 5px;
	color: #000000;
	}

/* Headline for news sections */
.headjpg {
  padding-left: 23px;
	background-image: url(../images/icon_jpg.gif);
	background-repeat: no-repeat;
  margin-bottom: 5px;
	color: #000000;
	}

/* Quote */
.quote {
	background-image: url(../images/ly_quote.gif);
	background-repeat: no-repeat;
	padding: 5px 0px 0px 5px;
	margin-top: 20px;
	margin-left: 5%;
	width: 80%;
	font-style: italic;
	}

/* Quote attribution */
.quoteatt {
	margin-bottom: 20px;
	margin-top: 5px;
	margin-left: 5%;
	width: 80%;
	text-align: left;
	font-size: 75%;
	}

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

/* Zoom buttons on top of Interactive Bike Map */
.btmap {
	margin-top: 5px;
	font-size: 80%;
	padding: 3px 5px 3px 5px;
	color: #FFFFFF;
	border: solid 1px #000000;
	background-color: #11477A;
	cursor: pointer;
	}

/* Formatting the list of answers in the RIDE Solver calculator */
.rs_answers {
	margin-left: 20px;
	}

/* Formatting the results for each answer */
.rs_result {
	margin-left: 5px;
	margin-right: 5px;
	color: #11477A;
	font-weight: bold;
	}

/* Twitter Update List */
#twitter_update_list {
	list-style-position: inside;
	list-style-image: url("/images/mp_lotform.gif");
	width: 100%;
	}

/* Twitter Box */
#twitter_div {
	margin-right: 20px;
	text-align: justify;
	}

/* CCD Status Box */
.ccds {
	background-image: url(../images/ly_pldgmid.gif);
	}

/* CCD Status Major Item */
.ccdm1 {
	margin-left: 15px;
	float: left;
	}

/* CCD Status Major Count */
.ccdm2 {
  text-align: right;
	padding-right: 20px;
	}

/* CCD Status Minor Item */
.ccdn1 {
  font-size: 90%;
	float: left;
	margin-left: 15px;
	}

/* CCD Status Minor Count */
.ccdn2 {
  font-size: 90%;
  text-align: right;
	padding-right: 20px;
	}

/* CCD Status top Item */
.ccdn3 {
  font-size: 90%;
	float: left;
	margin-left: 15px;
	font-weight: bold;
	}

/* CCD Comments */
.ccdnc {
  font-size: 90%;
	margin: 25px 20px 0px 15px;
	border-top: 1px solid #000000;
	}

/* Bike Month Event Calendar */
.evhead {
  font-weight: bold;	
	}

.ev1 {
	text-align: left;
	width: 7%;
  font-size: 80%;
	border: solid 1px gray;
	padding: 3px;
	height: 50px;
	}

.ev2 {
	text-align: left;
	width: 17%;
  font-size: 80%;
	border: solid 1px gray;
	padding: 3px;
	}

.ev3 {
	text-align: left;
  font-size: 80%;
	border: solid 1px gray;
	padding: 3px;
	}

.ev4 {
	text-align: center;
  font-size: 80%;
	width: 25px;
	border: solid 1px gray;
	padding: 3px;
	}

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

img {
	border-style: none;
	}

body {
  background-color: #DCDCDC;
	font-family: Times New Roman, Verdana, Arial;
	}

a:link {
	text-decoration: none;
  color: #11477A;
	}

a:visited {
	text-decoration: none;
  color: #06810B;
	}

a:hover {
	text-decoration: underline;
  color: #11477A;
	}

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

a.white:visited {
	color: #FFFFFF;
	}

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

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: #11477A;
	font-size: 80%;
	}

a.side:hover {
	text-decoration: underline;
	color: #11477A;
	font-size: 80%;
	}

a.side:visited {
  color: #06810B;
	font-size: 80%;
	}

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

/**********************************************************************/
/* MAP ELEMENTS                                            			      */
/* Layout for Bike Routes and other maps        											*/
/**********************************************************************/

.comroute {
  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: #11477A;
}

.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 #3D3121;
	padding-top: 25px;
	padding-bottom: 20px;
	padding-left: 10px;
	}

legend.standard {
	font-size: 80%;
	font-weight: bold;
  border: solid 1px #3D3121;
	background-color: #11477A;
	color: #FFFFFF;
	padding: 2px 5px 2px 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: 75%;
	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: 75%;
	padding: 2px;
  background: #F99;
  }

.errormessage {
  color: #F00;
  }

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

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

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