/* CSS Document */

body {margin-top:0; background-color:#D9FFD9;}

body p, dl{color:#666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; line-height:1.25em;}

#outwrap {margin-bottom:0; margin-left:auto; margin-right:auto; margin-top:0; width:1020px; background:#D9ffD9 url(http://www.pedbikeinfo.org/images/gradient-m.png) repeat-y; }
#wrapper {margin-bottom:0; margin-left:auto; margin-right:auto; margin-top:0; padding:0; text-align:left; width:1000px;}

#header {margin:0; padding:0; background:#2A9E4E url(http://www.pedbikeinfo.org/images/header.png); width:1000px; height:190px; position: relative;}

#searchbox {padding-left: 6px; margin: 12px; width: 250px; height: 25px; float: right; background:#D9FFD9; color:#1d6636; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; line-height:1.7em;}
#submitsearch {width: 60px; height: 25px; float: right; background:#1D6636; text-align: center; color:#f0f0f0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; line-height:1.7em;}

#headernav {margin:0; padding:0; width:1000px; height:30px; position: absolute; bottom:0;}

#header span {
	position:absolute; 
	width:100%;
	height:80%;
	top:0;
	left: 0;
	z-index: 1;
	background-image: url('http://www.pedbikeinfo.org/images/empty.gif');
}

#headertray {margin:0; padding:0; z-index:3000;}
#headertray img {padding: 0 1px 0 1px; margin: 0; border: 0;}

#headertray ul {
	margin: 0;
	padding: 0; 
	z-index: 3000;}

#headertray li {
	list-style: none;
	float: left; 
	margin: 0;
	padding: 0; 
	transition: background-color 0.3s;
	-moz-transition: background-color 0.3s; /* Firefox 4 */
	-webkit-transition: background-color 0.3s; /* Safari and Chrome */
	-o-transition: background-color 0.3s; /* Opera */}
	
#headertray li a {
	display: block;
	margin: 0;
	padding: 0; }
	
#headertray li ul {
	display: none; 
	transition: display 0.3s;
	-moz-transition: display 0.3s; /* Firefox 4 */
	-webkit-transition: display 0.3s; /* Safari and Chrome */
	-o-transition: display 0.3s; /* Opera */
	background-color: #1d6636;
	width: 400px;
	z-index: 3000;
	margin: 0;
	padding: 0; }

#headertray li:hover {
	background-color: #1d6636;}

#headertray li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#headertray li:hover li {
	float: none; 
	margin: 0;
	padding: 0; }
#headertray li:hover li a {
	background-color: #1d6636; 
	margin: 0;
	padding: 0; }
	
#rightitem {
	position: relative;
	float: right; }
	
#rightitem ul {
	right: 0px; }

#headertray a {
	text-decoration:none; 
	color: inherit; 
	transition: color 0.3s;
	-moz-transition: color 0.3s; /* Firefox 4 */
	-webkit-transition: color 0.3s; /* Safari and Chrome */
	-o-transition: color 0.3s; /* Opera */}
	
#headertray h2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; line-height: 1.3em; color: #99FFA8; padding-bottom: 0;}
#headertray h2 a:hover {color: #f0f0f0;}
#headertray h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; line-height: 1.1em;color: #d0d0d0; padding-bottom: 0; padding-left: 10px;}
#headertray h3 a:hover {color: #ffffff;}

#trayboxleft {margin:0; padding:0 10px 10px 10px; overflow:auto; width:174px; float: left;border-right: 1px outset #50bf61;}
#trayboxright {margin:0; padding:0 10px 10px 10px; overflow:auto; width:174px; float: right;}

#traybottomA {float: left; margin:0; padding:0; background:#2A9E4E; overflow:auto; width:100%; height:13px;}
#traybottomB {float: left; margin:0; padding:0; background:#50BF61; overflow:auto; width:100%; height:5px;}

#transitionA {margin:0; padding:0; background:#50BF61; overflow:auto; width:1000px; height:13px;}
#transitionB {margin:0; padding:0; background:#99FFA8; overflow:auto; width:1000px; height:5px;}

#main .caption {font-size:.75em; font-weight:bold; margin: 5px 0 10px 0;}

#main {padding: 30px 20px 30px 20px; background: #f6f6f6 url(images/main-gradient.png) repeat-x bottom;}
#main h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2.2em; line-height:1.2em; color: #2A9E4E; font-weight: 900; margin-top: 0px; padding-top: 0px;}
#main h1 a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2.2em; line-height:1.2em; color: #2A9E4E; font-weight: 900; margin-top: 0px; padding-top: 0px;}
#main h1 a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2.2em; line-height:1.2em; color: #2A9E4E; font-weight: 900; margin-top: 0px; padding-top: 0px; text-decoration:underline;}
#main h2, #main h2 a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; line-height:1.5em; color: #2A9E4E; font-weight: 900; margin-top: 0px; padding-top: 0px;}
/*#main h2 a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; line-height:1.5em; color: #2A9E4E; font-weight: 900; margin-top: 0px; padding-top: 0px;}
#main h2 a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; line-height:1.5em; color: #2A9E4E; font-weight: 900; margin-top: 0px; padding-top: 0px; text-decoration:underline;}*/
#main h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; line-height:1.5em; color: #1d6636; font-weight: 900; margin-top: 0px; padding-top: 0px;}
#main h3 a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; line-height:1.5em; color: #1d6636; font-weight: 900; margin-top: 0px; padding-top: 0px;}
#main h3 a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; line-height:1.5em; color: #1d6636; font-weight: 900; margin-top: 0px; padding-top: 0px; text-decoration:underline;}
#main h4 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; line-height:1.5em; color: #666666; font-weight: 900; margin-top: 0px; padding-top: 0px;}
#main h4 a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; line-height:1.5em; color: #666666; font-weight: 900; margin-top: 0px; padding-top: 0px;}
#main h4 a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; line-height:1.5em; color: #666666; font-weight: 900; margin-top: 0px; padding-top: 0px; text-decoration:underline;}
#main p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; line-height:1.5em; color: #666666;}
#main p a {color: #2A9E4E;}
#main li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; line-height:1.5em; color: #666666; list-style-type: square;}
#main li a {color: #2A9E4E;}

#maintext {float: right; width: 720px; padding: 0 10px;}
img.mainimg {padding: 0; margin: 0; border: 1px #666666;}


/**************************************/
/* LIBRARY AND CASE STUDIES SPECIFIC  */
/**************************************/
#maintext_casestudies {padding: 0 10px;}
#maintext_casestudies h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2.2em; line-height:1.2em; color: #2A9E4E; font-weight: 900; margin: 0 0 -15px 0; padding-top: 0px;}

.sub-right {
	width: 250px;
	float: right;
	display: block;
	margin: 0 0 15px 15px;
	padding: 0;
	/*border: 1px solid #5eb95e;*/
	clear: right;
	}
	
.sub-right img {
	border: 2px solid #e0e0e0;
	}
	
.sub-right p {
	color: #2A9E4E!important;
	/*background: #5eb95e;*/
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	/*border: 1px solid #5eb95e;*/
	}
	
.sub-right-vert {
	width: 190px;
	float: right;
	display: block;
	margin: 0 0 15px 15px;
	padding: 0;
	/*border: 1px solid #5eb95e;*/
	clear: right;
	}
	
.sub-right-vert img {
	border: 1px solid #e0e0e0;
	}
	
.sub-right-vert p {
	color: #2A9E4E;
	/*background: #5eb95e;*/
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	/*border: 1px solid #5eb95e;*/
	}
.sub-right-thumb {
	width: 180px;
	float: right;
	display: block;
	margin: 0 0 15px 15px;
	padding: 0;
	border: 2px solid #e0e0e0;
	/*border: 1px solid #5eb95e;*/
	}
	
.sub-right-thumb p {
	color: #ffffff;
	background: #5eb95e;
	margin: 0;
	padding: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	border: 2px solid #5eb95e;
	}
#library-details-links {
	margin: 0 0 1em 0;
	padding: .6em;
	background: #c0e3c0;
	color: #2A9E4E;
	}
#library-details-links p {
	margin: 0;
	}
#library-details-links a {
	color: #2A9E4E;
	font-weight: bold;
	}
dd {margin:-10px 0 0 0;}
dt h2, dt h2 a {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; line-height:1.25em; color: #1d6636; font-weight: 900; margin: 0 0 5px 0; padding-top: 0px; text-decoration:none;}
dt h2 a:hover {color: #000; transition: color 0.3s ease 0s;}
dl {margin: 0 0 -20px 0;}
/**************************************/
/* END LIBRARY AND CASE STUDIES SPECIFIC  */
/**************************************/

.content-table {
	width: 100%;
	clear: both;
	}
	
.content-table td {
	padding: 15px;
	vertical-align: top;
	background-color: #fafafa;
	border: 1px solid #50BF61;
	}
	
.content-table th {
	padding: 15px;
	vertical-align: top;
	background-color: #50BF61;
	color: #fff;
	}



#factbox {font-family: Verdana, Arial, Helvetica, sans-serif; float: right; width: 220px; background: #ffffff; font-size: 0.9em; line-height: 1.4em; margin-left: 10px; border: solid 1px #d0d0d0;}
#factbox p {padding: 0 10px; color: #1d6636;}
#factbox p a {font-weight: bold;} 
#factbox h2 {display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; line-height:1.2em; color: #f0f0f0; font-weight: 900; margin-top: 0px; background: #1d6636; padding: 10px 10px 10px 10px;}

#sidebar {float: left; width: 190px; padding-right: 10px; border-right: 1px outset #cccccc;}
#sidebar a {
	text-decoration:none; 
	color: inherit; 
	transition: color 0.3s;
	-moz-transition: color 0.3s; /* Firefox 4 */
	-webkit-transition: color 0.3s; /* Safari and Chrome */
	-o-transition: color 0.3s; /* Opera */}
#sidebar a:hover {
	color: #000000; }
#sidebar h1, #sidebar h1 a, #sidebar h1 a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; color: #666666; margin-top: 0px; padding-top: 0px;}
#sidebar h2, #sidebar h2 a, #sidebar h2 a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #1D6636; }
#sidebar h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #666666; padding-left: 10px; }
#sidebar h3 a, #sidebar h3 a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #666666; }

#footer {margin:0; padding:0px; background:#2A9E4E; overflow:auto; width:1000px; height:210px;}
#footmenu {float: left; padding: 10px 30px 0 20px;}
#footmenu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; line-height:1.8em; color: #f0f0f0;}
#footmenu a {color: #f0f0f0; text-decoration: none;}
#footmenu a:hover {color: #ffffff;}
#footmenu p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; line-height:1.0em; color: #f0f0f0; padding-top: 0px; margin-bottom: 0px;}
#footmenu h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #99FFA8; margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 5px;}
#footmenu img {float: left; padding: 0 10px 0 0; border: 0;}
#footmenu-right {float: right; padding: 10px 0 0 20px;}
#footmenu-right {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; line-height:1.6em; color: #f0f0f0;}
#footmenu-right h3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; color: #f0f0f0; margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 5px;}
#footmenu-right img {padding: 0 20px 0 0; border: 0;}


#footwrap {margin-bottom:0; margin-left:auto; margin-right:auto; margin-top:0; width:1020px; height: 20px; background:#D9ffD9 url(http://www.pedbikeinfo.org/images/gradient-f.png); }

ul.slideshow {
    list-style:none;
    width:960px;
    height:320px;
    overflow:hidden;
    position:relative;
    margin:0;
    padding:0;
     
}   
 
ul.slideshow li {
    position:absolute;
    left:0;
    right:0;
}
 
ul.slideshow li.show {
    z-index:500;    
}
 
ul img {
    border:none;    
}
 
#slideshow-caption {
    width:320px;
    height:320px;
    position:absolute;
    bottom:0;
    left:0; 
    color:#fff;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.6);
	zoom: 1;
	pointer-events:none;
    z-index:500;
	filter: alpha(opacity = 60);
	margin: 0 !important;
}
 
#slideshow-caption .slideshow-caption-container {
    padding:10px;   
    z-index:1000;
}
 
#slideshow-caption h3 {margin:10px 0 0 0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2.9em; line-height:1.2em; color: #ffffff; font-weight: 900;}
 
#slideshow-caption p {margin:25px 0 0 0; padding:10px; background-color: #2a9e4e; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; line-height:1.3em; color: #ffffff; font-weight: 400;}

div.slideshownavbox {
	float: right;
	margin: -35px 10px 0 0;
	z-index: 600;
}

div.slideshownav {
	position: relative;
	float: right;
	width: 25px;
	height: 25px;
	margin-left: 8px;
	background: #2a9e4e;
	z-index: 600;
}

div.slideshownav p {
	padding: 7px 0 0 3px !important;
	color: #fff !important;
	font-size: 0.7em !important;
	line-height: 1.0em !important;
	margin: 0;
}

div.middlebar {
	position: relative;
}

div.slideshownav span, div.middlebar span {
	position: absolute; 
	width:100%;
	height:100%;
	top:0;
	left: 0;
	z-index: 601;
	background-image: url(../images/empty.gif);
}

img.rightimg {
	float: right;
	padding-left: 15px;
	padding-bottom: 8px;
	max-width: 300px;
}

img.leftimg {
	float: left;
	padding-right: 15px;
	padding-bottom: 8px;
	max-width: 300px;
}

/********************/
/* EXPANDABLE LIST  */
/********************/
#PBIC_FAQContainer{
	float: left;
	width: 100%;
}
#PBIC_FAQContainer ul {
	padding: 0;
	margin: 10px 0px;
}
#PBIC_FAQContainer ul li{
	list-style: none;
	padding-bottom: 5px;
}
#PBIC_FAQContainer img{
	border: 0px;
	margin: 0px;
}

#PBIC_FAQexpList ul, li {
	text-size: 1em;
	line-height:140%;
	list-style: none;
	margin:0;
	padding:0;
	cursor: arrow;
        list-style-position:outside;
}
#PBIC_FAQexpList ol {
	color: #000;
	text-size: 1em;
	line-height:140%;
	list-style: none;
	margin:0;
	padding:0;
	cursor: arrow;
        list-style-position:outside;
}
#PBIC_FAQexpList p {
	margin:0;
	display:block;
}
#PBIC_FAQexpList p:hover {
	background-color:#121212;
}
#PBIC_FAQexpList li {
	/*line-height:200%;*/
	text-indent:0px;
	padding-left: 20px;
	background-position: 3px 6px;
	background-repeat: no-repeat;
        list-style-position:outside;
}
#PBIC_FAQexpList li ul li {
	padding: 0px;
	margin: 0 0 15px 0;
}

/* Collapsed state for list element */
#PBIC_FAQexpList .collapsed {
	background-image: url("images/PBIC_ExpListArrow_Closed.png");
	margin: 10px 0 0 0;
}
/* Expanded state for list element */
/* NOTE: This class must be located UNDER the collapsed one */
#PBIC_FAQexpList .expanded {
	background-image: url("images/PBIC_ExpListArrow_Open.png");
}
#PBIC_FAQexpList {
	clear: both;
}

/*rlytle dec2013*/	

.results-nav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	background: #2A9E4E none repeat-x;
	color: #fff;
	margin: 0pt;
	padding: .25em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-align:left;
	}

.results-nav li {
	display:inline;
	margin:0pt 0pt 0pt .5em;
	padding:0pt;
	}
	
.results-nav li a {
	color: #fff !important;
	text-decoration: none;
	}
	
.results-nav li a:hover {
		text-decoration: underline;
}


	
/* form stuff  */
fieldset {
	margin: .5em 0 1em 0;
	border: 1px solid #009900;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	}	
fieldset ul {
	margin: 0 0.5em 0 -40px;
	list-style-type: none;
}
fieldset li {
	margin: .5em 0 e0m 0;
	list-style-type: none !important;
}
legend {
	font-weight: bold;
	color: #1D6636;
	}
	
.redstar {
	color: #990000;
	}
	
.redtext {
	color: #990000;
	}
	
form p {
	margin: 0;
	}
	
.row,
.row2,
.explanatory,
.options {
	margin: .5em 0 1em 0;
	}
	
.indent {
	margin: .5em 0 1em 10.5em;
}
	
.button1 {
	font-size: 100%;
	margin: 0em .5em 0em 1em;
	padding: 3px 10px 3px 10px;
	}
	
.row label {
	float: left;
	width: 8.75em/*10em*/;
	padding-right: .5em;
	/*text-align: right;*/
	}
.row2 label {
	float: left;
	width: 7em;
	padding-right: .5em;
	text-align: right;
	}
	
.row p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 75%;
	/*padding-left: 14em;*/
	}
	
fieldset p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 75%;
	}
	
.radio {
	padding-left: 1.5em;
	margin: 0 0 1em 0;
	}
	
.explanatory label {
	display: block;
	}
	
/*.options ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.options li {
	margin: 0 0 .2em 24px;
	padding: 0;
	text-indent: -24px;
	}*/

.request_form li {
	margin: 0 0 20px 0;
	}

.request_form li li {
	list-style: none;
	}

.request_form_questions {
	margin: 5px 0 5px 0;
	}

.form_indent {
	margin: 0 0 0 3em;
	}


#form-hidden {
	display: none;
	}		
/*rlytle dec2013*/	

#sitesearchterm {
    border: 0;
    width: 540px;
    height:40px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    background: transparent;
	color: #1D6636;
	font-size:1rem;
	font-style:italic;
}
.sitesearchsubmit {
    border: 0;
    width: 90px;
    height:40px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    background: #1D6636;
	color: #fff;
	font-size:1rem;
}
.sitesearchsubmit:hover {
    background: #2A9E4E;
}