* {
	margin:0;
	padding:0;
}
#wlpeLogin {
	z-index:9999;
}
.wlpeMessage p.wlpeMessageText {
	font-size:1.1em;
	margin:-5px 0 5px;
}
#wlpeLoginButtons .submit {
	float:left;
}
#wlpeLoginButtons a {
	color:#fff;
	float:left;
	clear:left;
}
#wlpeLoginButtons .linkWrap {
	float:left;
	margin:5px 0 0 10px;
}
#wlpeWelcome .submit:hover {
	text-decoration:underline;
}
#content #contentIn #flickrPhotos img {
	margin:0;
}

/*
Comment sytles for JOT
*************************************************/
.user4 {
	position:absolute;
	bottom:10px;
	left:10px;
	height:35px;
	width:80px;
	background:url(../images/sustrans_logo_small.gif) 0 0 no-repeat;
}
.jot-extra {
	margin:8px 0 0;
	color:#999;
	font-style:italic;
}
.jot-nav {
	font-size:1.4em;
	margin:0 0 15px;
}
.jot-list {
	margin:8px 0 0;
}
.jot-err,
.jot-cfm,
.comments-closed {
	background:#567810;
	font-weight:bold;
	color:#fff;
	font-size:1.4em;
	line-height:1.5em;
	padding:7px 12px;
	margin:10px 0 0;
}
div#content div#contentIn .green,
.green {
	color:#567810;
	font-weight:bold;
}
.jot-comment {
	position:relative;
	clear:both;
	border:1px solid #ccc;
	margin:0 0 14px;
	width:468px;
	overflow:hidden;
}
.jot-content{
	float: left;
    font-size: 1.2em;
    margin-left: -1px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 8px;
    padding-top: 8px;
    position: relative;
    width: 297px;
}
	.jot-comment .clear {
		clear:both;
	}
	.jot-user {
		font-size:1.2em;
		float:left;
		width:80px;
		padding:8px;
		color:#333;
	}
		.jot-user b {
			font-weight:normal;
		}
	.jot-content .jot-content-inner {
		padding:8px 8px 20px 20px;
		width:297px;
		font-size:1.2em;
		float:left;
		margin-left:-1px;
		position:relative;
	}
		.jot-content .jot-subject {
			font-weight:bold;
		}
		.jot-content .jot-posticon {
			float:right;
			width:30px;
			padding:30px 0px 10px 0;
		}
			.jot-content .jot-posticon img {
				margin:0 !important;
			}
		
		.jot-content hr {
			display:none;
		}
	.jot-mod {
			position:absolute;
			right:11px;
			top:7px;
			z-index:100;
	}
		.jot-mod a {
				float:right;
				display:block;
				margin:0 0 0 10px !important;
		}
		.jot-mod img {
				display:block;
				margin:0 !important;
		}
	.jot-form {
		margin:0 0 20px;
		font-size:1em;
	}
	.jot-form fieldset {
		border:none;
	}
	.jot-form label {
		font-size:1.4em;
		font-weight:bold;
		color:#000;
		width:100%;
		margin:15px 0 0;
		display:block;
	}
	.jot-list ul {		
		margin:0 !important;
	}
	.jot-poster {
		color:#777;
		margin:1px 0 3px 0;
		display:block;
	}
		.jot-list li {
			list-style-type:none !important;
			margin:0 !important;
			padding:0 !important;
			text-indent:0 !important;
		}
	.admin-info {
		margin:0 0 20px;
	}
		div.admin-info li {
			margin:0 0 5px !important;
		}
	.jot-form .text {
		margin:5px 0 0;
		font-size:1.3em;
		color:#333;		
		padding:3px;
		width:460px;
		font-family:arial;
	}
	.jot-form .submit {
		margin:5px 0 0;
		font-size:1.4em;
		font-weight:bold;
		color:#fff;	
		padding:7px 12px;
		display:block;
		font-family:arial;
		border:none;
		background:#567810;
	}
	.jot-form textarea {
		color:#333;	
		font-size:13px !important;
		margin:5px 0 0;	
		padding:5px;
		width:458px;
		font-family:arial;
	}

/* Form styles for Register form etc
***************************************************/

#header {
	height:179px;
	position:relative;
}
.loginLinks {
	float:right;
}
.loginBox {
	
	right:0px;
	ztop:0px;
	bottom:177px;
	zheight:130px;
	width:240px;
	/*margin:0 6px 0 0;*/
	z-index:99999;
	
	
}
.loginBox img {
	float:left;
	margin:0 10px 0 0;
}

/*.loginBox p{
	font-size:1.2em;
	font-weight:bold;
	margin:0px;
	color:#fff;
	float:left;
	width:140px;
	clear:both;
	padding:0 0 0 0px;
	margin-left: -20px;
}*/

.loginBox p.showLogin{
	font-size:1.4em;
	font-weight:bold;
	margin:0px;
	color:#fff;
	float:right;
	width:140px;
	clear:both;
	line-height:1.7em;
}


	.loginBox p a {
		color:#fff;
		outline:none;
	}
.loginBox #logoutForm,
.loginBox #editProfileForm {
	float:right;
	margin:2px 0 0;
}
.loginBox #logoutForm .submit,
.loginBox #editProfileForm .submit {
		font-size:16px;
		font-family: arial;
		font-weight:bold;
		margin:0px;
		color:#fff;
		float:left;
		width:140px;
		clear:both;
		padding:0 0 0 20px;
		background:url(../images/user_login_bullet.gif) 0px 4px no-repeat;
		border: 0px;
		text-align:left;
		cursor:pointer;
}
.loginBox #logoutForm .submit:hover,
.loginBox #editProfileForm .submit:hover {
	
}
.loginBox fieldset {
	border:none;
}
.loginBox legend {
	display:none;
}
.loginBox #wlpeUserForm {
	margin:6px 0 0;
}
.loginBox .submitLink {
	background:none;
	border:none;
	color:#fff;
	cursor:pointer;
}
	.loginBox .submitLink:hover {
	}
	#wlpeLoginForm {
		width:202px;
		padding:0 14px 10px;
		float:right;
	}
		#wlpeLoginForm.hidden {
			display:none;
		}
		#wlpeLoginForm.jsVersion {
			position:absolute;
			right:-30px;
			top:45px;
			width:196px;
			padding:20px 17px;
			z-index:9999;
			background:url(../images/user_login_bg.png) top center no-repeat;			
		}
			#wlpeLoginForm.jsVersion .submit {
				margin:5px 0 0;
				padding:8px 5px;
				border:0;
			}
			#wlpeLoginForm.jsVersion .linkWrap a {
				font-size:1.4em;
				margin:0 0 4px;
			}
		.closeLogin {
			position:absolute;
			right:14px;
			bottom:6px;
		}
		.closeLogin img {
			margin:0;
			padding-bottom: 5px;
			border:none;
		}
#wlpeLoginForm .form-item {	
	margin:0 0 8px;
}
#wlpeLoginForm label {
	line-height:1.5em;
	font-weight:bold;
	font-size:1.2em;
	color:#fff;
	float:left;
	display:block;
	width:190px;
}
#wlpeLoginForm .text {
	width:165px;
	padding:2px;
	clear:left;
	width:188px;
}
#wlpeLoginForm .submit {
	padding:3px 5px;
	border:1px solid #BCCF48;
	background:#BCCF48;
	color:#fff;
	font-size:1.4em;
	font-weight:bold;
	cursor:pointer;
}

#wlpeUserProfileInput {
	margin:0 0 40px;
}
#wlpeNewPasswordArea {
	padding:10px;
	background:#f2f2f2;
}
#wlpeUserInfo {
	margin:0 0 5px;
}
#wlpeNewPasswordInfo {
	margin:0 0 15px !important;
	display:block;
}

#wlpeUserInfo .profilePic {
	float:left;
	margin:0 10px 10px 0;
}
#messages {
	display:block !important;
	z-index:99999;
}
.wlpeMessageText {
	margin:20px 0 0 !important;
}
.formStyle {
	width:100%;
	float:left;
	margin:15px 0 30px;
}
.formStyle h3 {	
	margin:0 0 15px;
}
.formStyle fieldset {
	border:none;
	float:left;
	clear:left;
}
.formStyle legend {
	display:none;
}
.formStyle label {
	width:190px;
	padding:0 10px 0 0;
	display:block;
	font-size:1.4em;
	float:left;
}
.formStyle input {
	padding:2px;
	font-size:1.4em;
}
.formStyle .text {
	width:300px;
}

.formStyle .half {
	width: 110px;
	margin: 0 10px 0 0;
}

.formStyle .button{
	width: 40px;
	margin: 0 10px 0 0;
	padding: 0;
	float:left;
	text-align: center;
}

.formStyle .select{
	height:23px;
	width: 130px;
}

.formStyle input,
.formStyle select{
	float:left;
}
div#content div#contentIn .formStyle p {
	margin:0;
	font-size:1.3em;
	color:#666;
}
	div#content div#contentIn .formStyle .formCaptcha,
	div#content div#contentIn .formStyle .info,
	div#content div#contentIn .formStyle #wlpeTermsOfServiceLabel {
		margin:3px 0 0 200px;
		clear:left;
		font-style:italic;
	}
	div#content div#contentIn .formStyle .info {
		width:300px;
	}
.formStyle .form-item {
	margin:0 0 20px;
	float:left;
	clear:left;
	display:block;
	width:100%;
}




/* END OF FORM STYLES */


#flickrPhotos a img {
	border:none;
}
#flickrPhotos {
	float:left;
	width:100%;
}
#flickrPhotos div p {
	width:75px;
	clear:none;
}
#flickrPhotos p {
	clear:left;
}
#flickrPhotos .photo {
	float:left;
	margin:0 23px 20px 0;
}
#flickrPhotos .imgClear {
	clear:left;
}
#flickrPhotos .photoEnd {
	float:left;
	margin:0 0 20px 0;
}
#flickrPhotos .feature {
	margin:0 0 20px 0;
}
	#flickrPhotos .feature img {
		width:470px;
	}
#header form.search {
	padding:0 !important;
	overflow:hidden;
	margin-top:134px;
}
#siteSearch {
	border:1px solid #fff;
	margin:0 -1px 0 0;
	width:144px;
}
#siteSubmit {
	border:1px solid #fff;
	margin:0 -1px 0 0px;
	width:60px !important;
	height:39px;
}
#sidebar .text,
#homeMap .text,
.bgLetter .search .text {
	border:1px solid #fff;
	margin:-1px -1px 0 -1px !important;
	_margin:0px -1px 0 0px !important;
}
#sidebar .submit,
#homeMap .submit,
.bgLetter .search .submit  {
	border:1px solid #fff !important;
	width:61px !important;
	height:39px !important;
	margin:-1px -1px 0 -1px !important;
	_margin:0px -1px 0 -1px !important;
}
.search {
	overflow:hidden;
}
.bgLetter .search .submit,
#boxMap .submit  {
	width:60px !important;
	margin:-1px -1px 0 -1px !important;
	_margin:0px -1px 0 -1px !important;	
}
.bgLetter .search .text,
#boxMap .text  {
	margin:-1px -1px 0 -1px !important;
	_margin:0px -1px 0 0 !important;
}
.box h3.tweets {
	padding:0 0 15px 0;
	background:url(../images/twitter.jpg) 165px 0 no-repeat;
}
.box .tweets p {
	margin:0 0 0 0;
}
.tweets p.date {
	margin:5px 0 13px 0;
	font-style:italic;
	color:#666;
}
#ditto_pages {
	font-size:1.4em;
}
#ditto_pages span,
#ditto_pages a {
	margin:0 10px 5px 0;
	padding:3px 5px;
	float:left;
	border:1px solid #E5E5E5;
	color:#005395;
}
#ditto_pages a:hover,
#ditto_pages span.ditto_currentpage {
	margin:0 10px 5px 0;
	padding:3px 5px;
	border:1px solid #E5E5E5;
	background:#005395;
	color:#fff;
}
.ac_results {
	width:220px !important;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background:url('../images/bg.jpg') repeat top left;
}
#publicationSearch {
	margin:10px 0 0 0;
}
#homeArticles .midListing li {
	float:left;
	clear:left;
	width:100%;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	margin-top:10px;
}
#homeArticles .midListing li h4 {
	font-size:1.5em;
}
#homeArticles .midListing li img {
	float:left;
	margin:0 20px 0 0;
	border:0;
}
a {
	text-decoration:none;
	color:#005395;
}

#content #contentIn #sitemap li {
	list-style-type:none;
	margin-left:0;
}
	#content #contentIn #sitemap li li {
		font-size:1em;
		margin-left:15px;
	}

img.inlinebookmarks {
	display:inline-block;
}

div#bookmark{
	border-top:1px solid #ccc;
	font-weight:bold;
	margin:0px;
	font-size:12px;
	width:470px;
	padding-top:10px;
	margin-top:20px;
}

div#bookmarkwhat{
	width:auto;
	float:right;
	font-weight:bold;
	margin-top:0px;
	font-size:12px;
}

ul#bookmarklist {
	margin:0 !important;
}
ul#bookmarklist li{
	font-size:1em !important;
	font-weight:normal;
	list-style-type:none;
	display:inline;
	margin:0 10px 0 0 !important;
	padding:0 0 0 20px !important;
}
li.delicious {
	background:url(../images/delicious.gif) top left no-repeat;
}
li.digg {
	background:url(../images/digg.gif) top left no-repeat;
}
li.reddit {
	background:url(../images/reddit.gif) top left no-repeat;
}
li.facebook {
	background:url(../images/facebook.gif) top left no-repeat;
}
li.stumbleupon {
	background:url(../images/stumbleupon.gif) top left no-repeat;
}
	ul#bookmarklist li img {
		display:inline;
	}
ul#bookmarklist li.last {
		border:0;
		margin:0;
	}
	ul#bookmarklist li.first {
		padding-left: 0px;
	}
	
a.greenarrowlink{
	background-image:url(../images/green-icon-link.gif);
	background-repeat:no-repeat;
	background-position:left;
	color:#0F5D9B;
	text-decoration:none;
	padding-left:1.4em;
	padding-top:0.05em;	
	padding-bottom:0;
}
a:hover {
	text-decoration:underline;
}
img {
	display:block;
}
div#content div#contentIn img {
	margin:10px 10px 10px 10px;
	border:0;
}		
div#content div#contentIn td img {
	margin:0;
}	
img.imgRight {
	float:right;
	margin:0 0 15px 15px!important;
}
img.imgLeft {
	float:left;
	margin:0 15px 15px 0!important;
}
img {
	display:block;
}
ul {
	list-style-type:none;
}

div#internalpic{
	float:right;
}

div.wrapper {
	width:960px;
	padding:0 20px;
	background:#fff;
	margin:0 auto;
	margin-bottom:10px;
	overflow:hidden;
	padding-bottom:20px;
}

div#header {
	background-image:url('../images/bg_header.jpg');
	background-repeat:repeat;
	background-position:bottom left;
	xmin-height:166px;
	xoverflow:hidden;
	zoom:1;
	margin-bottom:10px;
	position:relative;
	z-index:9990;
}
	div#header .headerLeft {
		float:left;
		width:715px;
	}
	div#header .headerRight {
		float:right;
		width:225px;
		/*height:114px;*/
	}
	
	div#header h1 {
		padding-top:20px;
		padding-left:30px;
		width:290px;
		float:left;
	}
		div#header h1 a {
			display:block;
			height:83px;
			width:174px;
			background:url('../images/logo.png') no-repeat top left;
			overflow:hidden;
			text-indent:-9999px;
			/*font-size:0px;*/
			outline:none;
		}
		
	div#header ul#navigation {
		padding-top:31px;
		float:left;
		list-style-type:none;
		display:block;
		clear:both;
	}
		div#header ul#navigation li {
			margin-right:1px;
			float:left;
			display:block;
		}
		div#header ul#navigation li.last {
			margin-right:0;
		}
			div#header ul#navigation li a {
				background:url('../images/nav_link.png') repeat top left;
				display:block;
				padding:9px 23px 16px 23px;
				float:left;
				font-size:1.6em;
				text-decoration:none;
				font-weight:bold;
				color:#fff;
			}
			div#header ul#navigation li a:hover, 
			div#header ul#navigation li.active a {
				background:url('../images/nav_over.gif') repeat-x top center;
				padding-bottom:16px;
			}
	
	div#header div.toolbox {
		float:left;
		width:90px;
		height:114px;
		/*padding:10px;*/
		/*background:url('../images/bg_toolbox.png') repeat top left;*/
		color:#fff;
		position:absolute;
		right:200px;
	}
		div#header div.toolbox h2 {
			/*padding-top:40px;*/
			font-size:1.4em;
		}
			div#header div.toolbox h2 a {
				color:#fff;
				text-decoration:none;
				padding-left:25px;
				background:url('../images/toolbox_arrow.png') no-repeat center left;
			}
		div#header div.toolbox p {
			font-size:1.2em;
			font-weight:bold;
			padding-top:5px;
		}
	div#header div#joinus {
		margin-right:5px;
		width:150px;
		padding-right:5px;
		position:absolute;
		right:300px;
	}
		div#header div#joinus h2 {
			/*background:url('../images/toolbox_people.png') no-repeat top right;*/
			/*padding-top:20px;*/
			
		}
		div#header div#joinus h2 span {
			font-size:0.7em;
			background:none!important;
		}
		div#header div#joinus h2 a {
			line-height:15px;
			padding-left:20px;
			display:block;
			background:url('../images/toolbox_arrow.png') no-repeat bottom left;
			
		}
	div#header div#donate {
		
	}
		div#header div#donate h2 {
			/*background:url('../images/toolbox_money.png') no-repeat top right;*/
		}
	ul.breadcrumb {
	
	}
		ul.breadcrumb li {
			display:inline;
			font-size:1.2em;
			padding-right:6px;
		}
			ul.breadcrumb li a {
				color:#005395;
				padding-right:6px;
			}
	
	div#showcase {
		float:left;
		width:715px;
		height:292px;
		background:#85A343;
	}
	div#homeShop,
	div#homeArticles {
		padding-top:20px;
	}
	div#boxMap form.search,
	div#homeShop form.search {
		padding-left:0;
	}
		#homeMap form.search input.text,
		div#homeShop form.search input.text {
			xpadding:11px 11px 11px 11px;
			width:146px;
			
		}
	div#homeArticles div#video ul.listing li {
		padding-bottom:8px;
	}
		div#homeArticles div#video ul.listing li.last {
			padding-bottom:0;
		}
		
	
	
	div#content {
		padding-top:20px;
	}
		div#content div#navigation {
			width:225px;
			float:left;
			font-size:1.5em;
		}
		div#content div#navigation a {
			color:#000;
		}
			/* PARENT LINK & MAIN STYLES */
			div#content div#navigation ul {
				border:1px solid #ccc;
				padding:4px;
			}
				div#content div#navigation ul li {
					display:none;
					background:#BACD47;
				}
				div#content div#navigation ul li.active {
					display:block;
				}
					div#content div#navigation ul li.active li {
						display:block;
					}
				div#content div#navigation ul li.last {
					border:0;
				}
				div#content div#navigation ul li a {
					padding:8px 10px;
					display:block;
					font-weight:bold;
					color:#fff;
				}
					/* LEVEL 1 */
					div#content div#navigation ul li ul {
						border:0;
						padding:0;
					}
						div#content div#navigation ul li ul li {
							background:#fff;
							color:#000;
							border-bottom:1px solid #ccc;
						}
						div#content div#navigation ul li ul li a {
							color:#000;
							padding:5px 10px;
							font-weight:normal;
						}
							/* LEVEL 2 */
							div#content div#navigation ul li ul li.level2 ul {
								xbackground:#fff;
							}
								div#content div#navigation ul li ul li.active a {
									color:#fff;
									background:#789A30;
								}
								div#content div#navigation ul li ul li.active ul li {
									border-bottom:0;
								}
								div#content div#navigation ul li ul li.active ul li a {
									background:#fff;
									color:#000;
									padding:3px 10px;
									padding-left:20px;
									font-size:0.95em;
								}
									/* LEVEL 3 */
									div#content div#navigation ul li ul li.active ul li.active ul  {
										xbackground:#ccc;
									}
										div#content div#navigation ul li ul li.active ul li.active a {
											color:#789A30;
											font-weight:bold;
										}
										div#content div#navigation ul li ul li.active ul li.active ul li {
											padding-left:10px;
										}
										div#content div#navigation ul li ul li.active ul li.active ul li a {
											color:#000;
											font-weight:normal;
										}
	
	div#content div#contentIn {
		width:470px;
		margin-left:20px;
		float:left;
		
	}
	div#content div.wide{
		width:705px ! IMPORTANT;
		margin-left:0 ! IMPORTANT;
	}
	div#content div.wideRight {
		width:715px ! IMPORTANT;
	}
		div#content div#contentIn h2 {
			font-weight:normal;
			color:#648327;
			font-size:3em;
		}
		div#content div#contentIn h3 {
			color:#567810;
			font-size:2em;
			font-weight:normal;
			display:block;
		}
		div#content div.landing h3 {
			border-bottom:1px solid #ccc;
			padding-bottom:10px;
			margin:12px 0;
		}
		div#content div#contentIn h4 {
			font-size:1.5em;
			color:#005395;
			margin:12px 0;
		}
		div#content div#contentIn h5 {
			font-weight:normal;
			color:#000000;
			font-size:1.4em;
		}
			div#content div#contentIn h4 a {
				color:#005395;
			}
			div#content div#contentIn h4.top {
				margin-top:0;
			}
		div#content div#contentIn p {
			font-size:1.4em;
			color:#333;
			margin:12px 0;
			line-height:21px;
		}
			div#content div#contentIn p.smaller {
				font-size:1.2em;
			}
		div#content div#contentIn div.cols {
			overflow:hidden;
		}
		div#content div#contentIn div.cols div.colsTwo,
		div#content div#contentIn div.cols div.colsOne {
			float:left;
			width:225px;
		}
		div#content div#contentIn div.cols div.colsTwo {
			margin-left:20px;
		}
		div#content div#contentIn ul {
			margin-left:15px;
			padding-bottom:20px;
		}
		div#content div#contentIn li {
			font-size:1.3em;
			list-style-type:disc;
			margin:10px 0 5px 15px;
			list-style-position:inside;
			text-indent:15px;
			margin-left:-10px;
			color:#333;
		}
		div#content div#contentIn ul.listings {
			margin-left:0px;
		}
			div#content div#contentIn ul.listings li {
				border-bottom:1px solid #ccc;
				padding-bottom:10px;
				margin:10px 0 0 0;
				overflow:hidden;
				text-indent:0;
				list-style-type:none;
				list-style-position:outside;	
			}
			div#content div#contentIn ul.search li {
				border-bottom:0;
				padding-bottom:0;
				text-indent:0;
			}
			div#content div#contentIn ul.search li p {
				font-size:1em;
			}
			div#content div#contentIn ul.listings li.last {
				border-bottom:0;
				padding-bottom:0;
			}
			div#content div#contentIn ul.listings li img {
				float:left;
				margin-right:20px;
			}
			div#content div#contentIn ul.listings li h4 {
				margin:0;
			}
			div#content div#contentIn ul.listingsMain li h4 {
				font-size:1.2em;
				font-weight:normal;
			}
			div#content div#contentIn ul.listingsMain li p {
				font-size:1em;
			}
			div#content div#contentIn ul.search li a.path {
				font-size:0.9em;
				padding-top:12px;
			}
		div#content div#contentIn div.widebox {
			margin:20px 0;
			padding-top:20px;
			border-top:1px solid #ccc;
		}
		
		div#content div#contentIn div#video h3 {
			font-size:0.85em;
			font-size:1.7em;
			color:#333;
			font-weight:bold;
			border:0;
			padding:0;
			margin:7px 0;
		}
		div#content div#contentIn div#video ul.listing li {
			margin-bottom:0;
		}
		div#content div#contentIn div#video ul.nostyle {
			list-style-type:none;
		}
			div#content div#contentIn div#video ul.nostyle li {
				padding:0;
				margin:0;
				border:0;
			}
				div#content div#contentIn div#video ul.nostyle li p {
					margin:0;
				}
				div#content div#contentIn div#video ul.nostyle li a {
					color:#005395;
					padding:0;
					margin:0;
				}
		
		div#content div#contentIn div.faqQuote {
			background:url('../images/bg_faqquote.jpg') repeat-y bottom left;
			width:470px;
			overflow:hidden;
			margin-top:10px;
		}
			div#content div#contentIn div.faqQuote div.faqQuoteQu,
			div#content div#contentIn div.faqQuote div.faqQuoteAn {
				width:225px;
				float:left;
			}
			div#content div#contentIn div.faqQuote div.faqQuoteQu p,
			div#content div#contentIn div.faqQuote div.faqQuoteAn p {
				color:#fff;
				font-size:1.9em;
				margin:0;
				padding:15px 20px 60px;
				font-weight:bold;
			}
			div#content div#contentIn div.faqQuote div.faqQuoteQu {
				background:url('../images/bg_faqquote_top.jpg') no-repeat top left;
			}
			div#content div#contentIn div.faqQuote div.faqQuoteAn {
				margin-left:20px;
				background:url('../images/bg_faqquote_top.jpg') no-repeat top right;
			}
		div#content div#contentIn ul.searchpages {
			border-top:1px solid #ccc;
			display:block;
			clear:both;
			width:100%;
			text-align:right;
			font-size:1.3em;
		}
		div#content div#contentIn ul.searchpages.bottom {
			border-top:0;
			border-bottom:1px solid #ccc;
		}
			div#content div#contentIn ul.searchpages li{
				display: inline;
				list-style-type: none;
				line-height:20px;
				padding:5px 7px 3px 8px;
				font-size:1em;
				margin:0;
			}
			div#content div#contentIn ul.searchpages.bottom li {
				line-height:24px;
			}
			div#content div#contentIn ul.searchpages a {
				font-size:14px;
				color:#567810;
			}
			div#content div#contentIn ul.searchpages li.last {
				border:0;
				margin:0;
			}
			div#content div#contentIn ul.searchpages li.first {
				padding-left: 0px;
			}
			div#content div#contentIn ul.searchpages li.selected {
				background-color:#567810;
				padding:3px 9px 5px 9px;
					color:#FFFFFF;
					font-weight:bold;
			}
		
		div#content div#contentIn table {
			border-collapse:collapse;
			font-size:1.2em;
		}
			div#content div#contentIn table td,
			div#content div#contentIn table th{
				/*border:1px solid #eee;*/
				padding:5px;
			}
		
	
	div#content div#sidebar {
		float:right;
		width:225px;
	}
		div#content div#sidebar * {
			margin:0;
		}
		div#content div#sidebar div.box {
			margin-bottom:20px;
		}
		
		div#content div#sidebar ul {
			border-top:1px solid #ccc;
			border-bottom:1px solid #ccc;
			padding-top:6px;
			font-size:1.2em;
			margin-top:6px;
		}
			div#content div#sidebar ul li {
				background:url(../images/green-icon-link.gif) no-repeat 0 4px;
				padding-left:14px;
				padding-bottom:6px;
			}
			div#content div#sidebar ul li.last {
				border:0;
				
			}
				div#content div#sidebar ul li h2{
					font-size:12px;
				}
				div#content div#sidebar ul li h3{
					margin-top:10px;
				}
				
				div#content div#sidebar ul li p {
					padding-bottom:4px;
					padding-top:4px;
					margin-top:4px;
				}
				div#content div#sidebar ul li.last p {
					margin-bottom:0;
				}

form.search {
	clear:both;
	background:#fff;
	padding-top:1px;
	padding-left:1px;
}
#sidebar form.search {
	padding-left:0;
}
#sidebar form.search input.text {
	width:145px;
}
#sidebar form.search input.submit {
	width:60px;
}
	form.search fieldset {
		border:0;
		padding:0;
	}
	form.search label,
	form.search legend {
		display:none;
	}
	form.search input.text {
		float:left;		
		border:0;
		background:url('../images/bg_search.jpg') repeat-x top left;
		xheight:37px;
		width:146px;
		font-size:1.3em;
		color:#fff;
		padding:11px 10px 11px 11px;
	}
	form.search input.submit  {
		margin:0;
		padding:0;
		xline-height:0;
		border:0;	
		float:left;
		margin-left:1px;	
		font-family:Arial;
		font-size:1.4em;
		font-weight:bold;
		height:37px;
		width:59px;
		text-align:center;
		background:#BCCF48;
		color:#fff;
	}	
	form button.submit {
		margin:0;
		padding:4px 6px;
		xline-height:0;
		border:0;	
		float:left;
		margin-left:1px;	
		font-family:Arial;
		font-size:1.1em;
		font-weight:bold;
		text-align:center;
		background:#BCCF48;
		color:#fff;
		cursor:pointer;
	}	
	form button.submit:hover {
		xbackground:#deeF6a;
		color:#333;
	}
	div#content div#sidebar form.search input.submit {
		margin-left:1px;
	}

form.form {
	margin:12px 0;
}
	form.form fieldset {
		padding:0;
		margin:0;
		border:0;
		font-size:1.4em;
	}
		form.form fieldset legend {
			display:none;
		}
		form.form fieldset label {
			display:block;
			margin-top:13px;
		}
		form.form fieldset input.text {
			
			width: 360px;
		}
		form.form fieldset textarea {
			float:left;
			width: 289px;
			font-family:Arial;
			font-size:0.9em;
			border:1px solid #CCC;
			padding:10px;
		}
		form.form fieldset select.select {
			width:270px;
			margin-top:5px;
			margin-bottom:12px;
		}
		form.form fieldset input.checkbox {
			margin-right:10px;
		}
		form.form fieldset input.submit {
			background:#567810;
			border:0;
			color:#fff;
			font-size:1.1em;
			font-weight:bold;
			font-family:Arial;
			padding:5px 8px;
			margin-top:20px;
		}
	
div.widebox {
	float:left;
	width:470px;
	margin-right:20px;
}

.mw_redarrow
{
	list-style-image:url(../images/red-icon-link.gif);
}


div.box {
	float:left;
	width:225px;
	margin-right:20px;
}
	div.box h2 {
		font-size:1.5em;
	}
		div.box h2 a {
			color:#005395;
		}
	div.box p {
		font-size:1.2em;
		margin:6px 0 12px;
		line-height:1.5em;
	}
			div.box p a {
			color:#005395;
		}
	div.box h3 {
		color:#567810;
		font-size:1.8em;
		font-weight:normal;
		display:block;
	}
div.boxLast {
	margin-right:0px;
}
div#susMap {
	background:#E03A3E url('../images/bg_box_map.jpg') no-repeat top left;
	color:#fff;
	margin:0;
	xmargin-left:20px;
}
	div#susMap h2 {
		display:block;
		padding:18px 20px 20px 100px;
		margin:0;
		font-size:2em;
		color:#fff;
	}

div#boxMap {
	background:#E03A3E url('../images/bg_box_map.jpg') no-repeat top left;
	min-height:252px;
	color:#fff;
	margin:0;
	margin-left:20px;
}
	div#boxMap h2 {
		display:block;
		padding:18px 30px 50px 90px;
		margin:0;
		font-size:2em;
		color:#fff;
	}
	div#boxMap p {
		font-size:1.5em;
		font-weight:bold;
		padding:0 10px 16px 15px;
		margin:0;
	}
div#visitShop {
	background:url('../images/bg_header.jpg') repeat top left;
}
	div#visitShop h2 {
		color:#fff;
		font-size:2em;
		padding:10px 40px 13px 10px;
	}
	div#visitShop p {
		margin:0;
		padding-right:102px;
		padding-bottom:10px;
	}
		div#visitShop p a {
			font-size:1.4em;
			color:#fff;
			font-weight:bold;
			display:block;
			padding:0 15px 0 10px;
			background:url('../images/toolbox_arrow.png') no-repeat bottom right;
		}
div.shopItem {
	
}
	div.shopItem img {
		padding:3px;
		border:1px solid #ccc;
		float:left;
		margin-right:10px;
	}
	div.shopItem p.price {
		font-size:1.5em;
	}

div#newsletter {
	background:url('../images/bg_header.jpg') repeat top left;
}	
	div#newsletter h2 {
		font-size:1.4em;
		color:#fff;
		padding:10px 85px 10px 10px;
	}

ul.listing {
	
}
	ul.listing li {
		border-bottom:1px solid #ccc;
		margin-bottom:10px;
	}
	ul.listing li.last {
		border:0;
		margin:0;
	}
		ul.listing li p {
			margin-top:4px;
		}
		ul.listing li.last p {
			margin-bottom:0;
		}
		
		
		
		ul.gridlist {
	
}
	ul.gridlist li {
		border-bottom:1px solid #ccc;
		overflow:hidden;
		padding-bottom:10px;
		margin-top:10px;
	}
	ul.gridlist li.first {
		margin-top:0;
	}
	ul.gridlist li.last {
		border:0;
	}
		ul.gridlist li h2 {
			margin-top:0px;
		}
		ul.gridlist li.last h2 {
			margin-top:4px;
			vertical-align:middle;
		}
div.column_image{
	vertical-align:middle;
	float:left;
	width:90px;
	margin-right:10px;
}

div.column_link{
	vertical-align:middle;
	float:left;
	width:124px;
	margin-right:0px;
}
		
div.bgBag {
	background-image:url('../images/bg_box_shop.png');
	background-repeat:no-repeat;
	background-position:bottom right;
}
div.bgBagNoArrow {
	background-image:url('../images/bg_box_shop_noarrow.png');
	background-repeat:no-repeat;
	background-position:bottom right;
}
div.bgLetter {
	background:url('../images/bg_box_letter.png') no-repeat top right;
}

		
ul.rightnavtop {
	
}
	ul.rightnavtop li {
		border-bottom:1px solid #ccc;
		margin-bottom:10px;
		padding-bottom:5px;
		padding-top:15px;
	}

		
div#footer {
	overflow:hidden;
	padding-top:20px;
	padding-bottom:20px;
}
	div#footer div.footerLeft {
		width:395px;
		float:left;
	}
		div#footer div.footerLeft p.link {
			float:left;
			clear:none;
		}
		div#footer div.footerLeft p {
			clear:left;
		}
		div#footer div.footerLeft a.facebook {
			display:block;
			color:#2D279C;
			width:63px;
			height:31px;
			font-size:1.2em;
			padding-left:42px;
			background:url('../images/facebook_footer.gif') no-repeat top left;
			text-decoration:none;
		}
		div#footer div.footerLeft a.twitter {
			display:block;
			color:#2D279C;
			width:63px;
			height:31px;
			font-size:1.2em;
			padding-left:48px;
			margin:0 0 0 10px;
			background:url('../images/twitter.jpg') no-repeat top left;
			text-decoration:none;
		}
			div#footer div.footerLeft a.facebook:hover {
				text-decoration:underline;
			}
		div#footer div.footerLeft p.footerText {
			margin-top:12px;
			color:#333;
			clear:left;
			padding:5px 0 0 0;
		}
	div#footer div.footerRight {
		width:515px;
		float:right;
		text-align:right;
	}
	
	*+html div#footer div.footerRight {
		width:535px;
		
	}
		div#footer div.footerRight ul {
			list-style-type:none;
			font-size:1.2em;
		}
			div#footer div.footerRight ul li {
				display:inline;
				padding-right:5px;
			}
				div#footer div.footerRight ul li a{
					padding-right:5px;
					color:#005395;
				}
			div#footer div.footerRight ul li.last {
				padding-right:0;
				padding-left:15px;
			}
			

/******************
showcase
*******************/

div#showcase {
	position:relative;
	overflow:hidden;
}

div#preload {
	position:absolute;
	top:0;
	left:0;
	float:left;
	width:715px;
	height:292px;
}

div#showcase li {
	display:none;
	float:left;
	position:absolute;
	overflow:hidden;
	width:51px;
	height:292px;
}

	div#showcase li.show {
		display:block;
		width:715px;
	}

div#showcase li div {
	float:left;
	position:absolute;
	left:0;
	bottom:0;
	z-index:5;
	clear:none;
}

div#showcase span {
	font-size:3em;
	background:#fff;
	color:#bccf48;
	display:block;
	float:left;
	line-height:50px;
	height:50px;
	text-align:center;
	width:50px;
}
	div#showcase li.active span,
	div#showcase li.show span {
		background:#bccf48;
		color:#fff;
	}

div#showcase h2 {
	padding:5px 5px 5px;
	float:left;
	line-height:0.8em;
	color:#333;
	font-size:2.4em;
	background:#fff;
	white-space:nowrap;
}

div#showcase p {
	padding:7px 5px 2px 5px; 
	clear:left;
	line-height:1em;
	font-size:1.2em;
	color:#333;
	background:#fff;
	width:500px;
	white-space:nowrap;
}







/*Redone top navigation*/

#get-involved {
	position:absolute;
	width:150px;
	right: 450px;
	height:60px;
	background:url('../images/people-larger.png') no-repeat top left;
	padding-left: 58px;
	top: 30px;
	border-right: 1px solid #BCCF48;
}

	#get-involved h2 a{
		font-size:16px;
		font-weight:bold;
		margin:0px;
		color:#fff;
		float:left;
		width:auto;
		clear:both;
		padding:0 0 0 20px;
		background:url(../images/user_login_bullet.gif) 0px 0px no-repeat;
	}
	
	#get-involved p{
	font-size:1.2em;
	font-weight:bold;
	margin:0px;
	color:#fff;
	float:left;
	width:auto;
	clear:both;
	padding:0 0 0 0px;
	margin: 5px 0 0 0;
	line-height:1.4em;
}



#donate-now {
	position:absolute;
	width:130px;
	right: 240px;
	height:60px;
	background:url('../images/notes-larger.png') no-repeat top left;
	padding-left: 58px;
	top: 30px;
	border-right: 1px solid #BCCF48;
}

	#donate-now h2 a{
		font-size:16px;
		font-weight:bold;
		margin:0px;
		color:#fff;
		float:left;
		width:auto;
		
		clear:both;
		padding:0 0 0 20px;
		background:url(../images/user_login_bullet.gif) 0px 0px no-repeat;
	}
	
	#donate-now p{
	font-size:1.2em;
	font-weight:bold;
	margin:0px;
	color:#fff;
	float:left;
	width:auto;
	clear:both;
	padding:0 0 0 0px;
	margin: 5px 0 0 0;
	line-height:1.4em;
}




#login-reg-container{
	position:absolute;
	width:135px;
	right: 25px;
	height:100px;
	background:url('../images/pins-larger.png') no-repeat top left;
	background:url('../images/sustrans_user_logo.png') no-repeat 4px 6px;
	padding-left: 58px;
	top: 30px;
}

p.descriptionlogin{
		font-size:1.2em;
		font-weight:bold;
		margin:0px;
		color:#fff;
		display:block;
		width:160px;
		clear:both;
		padding:0 0 0 0px;
		margin: 5px 0 0 0;
		line-height:1.4em;
		

		height:auto;
	}

	#login-reg  a.cleverlogin{
		font-size:1.2em;
		font-weight:bold;
		margin:0px;
		color:#fff;
		display:block;
		width:160px;
		clear:both;
		padding:0 0 0 20px;
		background:url(../images/user_login_bullet.gif) 0px 4px no-repeat;
		cursor:pointer;
		height:auto;
	}
	
	#wlpeWelcomeParagraph{
			font-size:1.2em;
		font-weight:bold;
		margin:0px;
		color:#fff;
		display:block;
		width:160px;
		clear:both;
		padding:0 0 0 0px;
		margin: 0;
		margin-top: 2px;

		height:auto;
	}
	
	
	#wlpeWelcome {
	
		position:absolute;
		width:135px;
		right: 25px;
		height:100px;
		background:url('../images/pins-larger.png') no-repeat top left;
		padding-left: 58px;
		top: 30px;
		
	}
	
	#messages .precMsg {
		display:none;
	}
	div#content div#contentIn p.precMsg {
		font-size:2em;
		font-weight:bold;
		color:#fff;
		min-height:20px;
		line-height:1.1em;
		padding:12px 0 12px 40px;
	}
	div#content div#contentIn p.msgCheck {
		background:url(../images/sus_user_check.jpg) top left no-repeat;
	}
	div#content div#contentIn p.msgCross {
		background:url(../images/sus_user_cross.jpg) top left no-repeat;
	}
	p.headErrorMsg {
		background:url(../images/sus_user_cross.jpg) -10px -6px no-repeat;
		padding:0 0 0 25px;
		color:#fff;
		font-size:1.1em;
		font-weight:bold;
		position:absolute;
		right:0;
		top:90px;
		height:30px;
		width:190px;
		z-index:-9999999;
	}
	p.singleLine {
		padding-top:7px;
	}
	div#content .precMsg {
		margin:0 0 15px;
	}
	.precMsg div {
		background:url(/assets/templates/sustrans/images/bg_header.jpg) top left repeat;
	}
	
	/*Minor hack to get rid of the small error messages at the top....*/
	.wlpeMessage {
		display:none;
		position:absolute;
		top: 250px;
		margin-left:200px;
		color: red;
		font-weight: bold;
		width: 500px;
	}
	#
	/*div#content div#contentIn .formStyle p.wlpeMessageText{
		color: red;
	}*/
	
	
	/* **************************************************** Jquery Accordion Styles ************************************************************** */

h3#accordion  {

	display:block;
	width:447px;
	height:29px;
	background-color:#e3e3e3;
	background-image:url(../images/header_bg.png);
	color:#0f5d9b;
	font-weight:bold;
	line-height:29px;
	padding-left:23px;
	margin-bottom:6px;
	font-size:10px;
	
}


#accordion h3:hover {
	background-image:url(../images/header__active_bg.png);
	color:#fff;
}


#contentIn #accordion .innerContent {

	padding:0px 0px 20px 0px;
	width:447px;
	

}

.innerContent h2{

	color:#648327;
	margin-bottom:6px;

}

#contentIn #accordion .innerContent ul {
	
	font-size:10px;
	list-style-position:inside;
	list-style-image:url(../images/inner_content_bullet.png);
}

#contentIn #accordion .innerContent li {

	list-style-type:none;
	list-style-image:none;
	padding:0px;
	border-bottom:#e5e5e5 dashed 1px;
	color:#0f5d9b;
	height:55px;
	background-image:url(../images/inner_content_list_bg.gif);
	}

#contentIn #accordion .innerContent li img {

	float:left;
	margin:0px 10px 0px 0px;
	width:50px;
	height:50px;

}

#contentIn #accordion .innerContent li p {

	float:left;
	color:#0f5d9b;
	background-repeat:no-repeat;
	font-size:12px;
	

}

#contentIn #accordion .innerContent h3 {

	border:0px;

}


#contentIn #accordion .innerContent h3:hover {

	background:none;

}
	

#contentIn #addressArea{
	display:none;
}

#title_input, #heard_input{
	width:289px!important;
	background-color: #FFFFFF;
    background-image: url("../images/search_drop_down_button.gif");
    background-position: right top;
    background-repeat: no-repeat;
    height: 22px !important;
	padding: 0 10px;
	border:1px solid #CCC;
}

#contentIn #freeYourBikeForm{
	position:relative;
}

#contentIn #freeYourBikeForm input {
	border:1px solid #CCC;
    height: 21px;
    width: 289px;
	float: left;
	padding:0 10px;
 }

#contentIn #freeYourBikeForm label {
	float: left;
    line-height: 22px;
    width: 155px;
	margin:0!important;
}

#contentIn #freeYourBikeForm label.error{
	color: red;
    float: right;
    font-size: 0.8em;
    font-weight: bold;
    margin-top: 25px;
    width: auto;
}

#contentIn #freeYourBikeForm div {
	padding-bottom:10px;
	overflow:hidden;
}

body #contentIn .optArea {
	margin-bottom:20px;
}

.optArea label {
	width:414px!important;
	font-size:11px;
	line-height:15px!important;
}

.optArea input {
	width:50px!important;
	border:0!important;
}

.hiddenItems p {
	float: right;
    margin-top: 10px;

}

#contentIn #freeYourBikeForm .submit{
	 float: right;
    height: 31px;
    width: 176px;
}

#contentIn #title_container{
	position: absolute;
    right: 26px;
    top: 0px;
    width: 287px!important;
	background:#FFF;
	border:1px solid #CCC;
	padding:0!important;
}

#contentIn #title_container ul{
	padding:5px 0!important;
	margin:0!important;
}

	#contentIn #title_container ul li {
		font-size:11px!important;
		list-style:none!important;
		margin:0!important;
		padding:3px 0!important;
	}
	
	#contentIn #title_container ul li:hover {
		background:#F1F0E3 !important;
		font-weight:bold;
	}

#contentIn #heard_container{
	position:absolute;
	right:27px;
	width: 287px!important;
	background:#FFF;
	border:1px solid #CCC;
	padding:0!important;
}

#contentIn #heard_container ul{
	padding:5px 0!important;
	margin:0!important;
}

	#contentIn #heard_container ul li {
		font-size:11px!important;
		list-style:none!important;
		margin:0!important;
		padding:3px 0!important;
	}
	
	#contentIn #heard_container ul li:hover {
		background:#F1F0E3 !important;
		font-weight:bold;
	}
	
	#contentIn #houseNumArea #houseNo{
		background:#FFF;
		border:1px solid #DDD;
		color:#000;
		width:312px;
		height:27px;
		padding:5px 0 5px 10px;
	}
	
	.B_crumbBox{
		font-size:1.2em;
	}


.frkBackLink {
	font-size: 14px;
	padding-top: 20px;
}