/* @override http://www.regionforward.org/wp-content/themes/regionForwardDefault/style.css */

/*
Theme Name: Region Forward Default
Theme URI: http://www.regionforward.org/
Description: The default Region Forward theme.
Version: 1.0
Author: DeGray Systems
Author URI: http://www.degraysystems.com/
*/

@font-face {
 font-family: Stymie;
 src: url("fonts/stymiem-webfont.eot?"),
 	  url("fonts/STYMIEM.TTF");
}
@font-face {
 font-family: StymieLite;
 src: url("fonts/stymiel-webfont.eot?"),
 	  url("fonts/STYMIEL.TTF");
}


h1.ieTest{
	font-family: StymieLite;
	color: red;
}



body {
	background: url(images/headerSlice.png) repeat-x 0 top transparent;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#containerOuter {
	background: transparent url(images/footerSlice.png) repeat-x 0 bottom;
	position: absolute;
	min-height: 100%;
	width: 100%;
	z-index: 1;
}

body p {
	color: #777;
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 18px;
	float: left;
	width: 100%;
	clear: left;
}



body li {
	color: #777;
	font-size: 13px;
	line-height: 19px;
}

body h3 {
	color: #057c38;
	font-size: 21px;
	font-weight: normal;
	font-style: normal;
	line-height: 30px;
	margin-bottom: 15px;
	float: left;
	clear: left;
}

body h4 {
	float: left;
	clear: left;
	font-size: 18px;
	line-height: 26px;
}

body h5 {
	float: left;
	clear: left;
	font-size: 16px;
	line-height: 20px;
}

body h6 {
	float: left;
	clear: left;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	font-style: normal;
}

.contactInfo {
	float: left;
	margin-bottom: 20px;
	clear: left;
	width: 500px;
}

label {
	float: left;
	clear: left;
	width: 100px;
	line-height: 19px;
	height: 50px;
	color: #333;
	font-size: 13px;
	font-weight: bold;
	display: block;
}

.commentLabel {
	float: left;
	clear: left;
	width: 100%;
	line-height: 19px;
	height: 25px;
	color: #333;
	font-size: 13px;
	font-weight: bold;
	display: block;
}

.commentlist {
	float:right;
	width: 390px;
}

input[type=text]{
	width: 348px;
	border-style: none;
	font-size: 20px;
	line-height: 34px;
	color: #777;
	text-indent: 5px;
	float: left;
	background-image: url(images/searchBox.jpg);
	margin: 0 0 16px;
	padding: 0;
	height: 34px;
}

input[type=submit] {
	float: left;
	clear: left;
	background-image: url(images/buttonSubmit.jpg);
	width: 144px;
	height: 34px;
	border-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
	color: white;
	position: relative;
	left: 100px;
	font: normal bold 12px Georgia, "Times New Roman", Times, serif;
}

#joinForm input[type=submit]{
	background-image: url(images/buttonPledge.jpg);
}



form {
	margin-left: auto;
	margin-right: auto;
	clear: left;
	float: none;
}

a:link, a:visited {
	color: #529335;
	font-size: 13px;
	line-height: 19px;
}

#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	height: 157px;
	background-repeat: repeat-x;
	position: relative;
}

#translate-this{
	float: left;
	display: inline;
	position: relative;
	top: 7px;
	left: 5px;
}

#belowFlash{
	position: absolute;
	top: 280px;
	left : 30px;
}

.twitter-share-button{
	position: relative;
	top: 3px;
}


/*#translate-this .translate-this-button { visibility: hidden; }*/
	
#contentLeft {
	width: 680px;
	float: left;
	height: 100%;
	position: relative;
	}

#fullContent {
	width: 100%;
	padding-bottom: 20px;
	padding-top: 10px;
	background-color: white;
	margin-bottom: 50px;
}

#fullContent #contentLeft {
	width: 510px;
	margin-top: 15px;
	background-image: none;
	position: relative;
	left: 15px;
}

#fullContent #contentRight {
	width: 309px;
	margin: 0;
}

#oneColumn {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#moreBlog {
	font-size: 10px;
}

#moreBlog a:link, #moreBlog a:visited {
	font-size: 10px;
	color: #333;
	line-height: 20px;
}

#moreBlog img {
	position: relative;
	top: 8px;
	margin-right: 6px;
	margin-left: 475px;
}

.planPage .section {
	padding-bottom: 60px;
	margin-top: 0;
	margin-left: 27px;
}

.planPage .sectionLabel {
	margin-bottom: 15px !important;
}

#contentRight {
	float: right;
	position: relative;
	right: 10px;
	margin-top: 15px;
}

.home #contentRight {
	width: 180px;
}

#contentRight img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.button {
	margin-bottom: 20px;
}

.button_2 {
	margin-bottom: 0px;
}

#goalAccess {
	position: absolute;
	z-index: 8;
	top: 24px;
	left: 13px;
}

#goalSustain {
	position: absolute;
	z-index: 8;
	top: 57px;
	left: 13px;
}

#goalProsper {
	position: absolute;
	z-index: 8;
	top: 92px;
	left: 13px;
}

#goalLive {
	position: absolute;
	z-index: 8;
	top: 120px;
	left: 13px;
}

#buttonPlan {
	position: absolute;
	top: 211px;
	left: 16px;
}

#goalButton {
	position: absolute;
	z-index: 8;
	top: 207px;
}

#flashbox {
	height: 287px;
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	background-position: 0 20px;
	margin-top: 20px;
}

#logo {
	height: 117px;
	width: 470px;
	float: left;
	background: url(images/rfLogo.png) no-repeat 0 0;
	margin-left: -20px;
}

#menuHolder {
	float: right;
	width: 450px;
	position: relative;
	top: 66px;
}

#menuHolder ul > li > a:hover, #menuHolder a.active {
	border-bottom: 1px solid #f93;
}

#menuHolder ul a {
	text-indent: 0;
	margin-left: 5px;
	margin-right: 5px;
	font: normal 16px/23px StymieLite, StymieEOT;
}

#menuHolder ul ul a {
	height: 100%;
	display: block;
}

#menuHolder ul ul a:hover {
	text-decoration: none;
	border: none;
}

.menuSeperator {
	margin-top: -49px;
	position: relative;
	top: -20px;
	margin-left: 12px;
	margin-right: 8px;
	width: 1px;
}

.seperator {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

#footer {
	clear: both;
	height: 50px;
	background-color: transparent;
	position: absolute;
	bottom: 0;
	width: 900px;
	z-index: 5;
}

#footerBlocker {
	background-color: white;
	width: 900px;
	height: 300px;
	position: absolute;
	bottom: 50px;
	z-index: -1;
}

#footerLinks {
}

#footer h6 {
	margin-top: 17px;
	float: left;
	width: 100%;
	text-align: center;
	color: white;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	line-height: 20px;
}

#frontPageContent {
	margin-bottom: 20px;
}

#footer a:link, #footer a:visited {
	color: white;
	text-decoration: none;
	margin-right: 10px;
	margin-left: 10px;
	font-family: Stymie;
}

#content {
	float: left;
	width: 100%;
	background: url(images/contentLeftBg.jpg) repeat-y;
	margin-bottom: 50px;
}

.yardstickImg {
	float: none;
	clear: none;
	display: block;
	margin: 20px auto 10px;
}

.blogPost {
	clear: left;
	margin-right: auto;
	margin-left: auto;
	width: 560px;
	margin-top: 20px;
	border-bottom: 1px solid #aaa;
}

.blogPost p {
	clear: none;
}

.blogPic {
	float: left;
	margin-top: 40px;
}

.blogPost h4 {
	float: right;
	width: 390px;
	color: #057c38;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 12px;
	font-weight: normal;
	font-style: normal;
	clear: none;
}

.blogPost p {
	width: 390px;
	float: right;
}

.blogPost a.readMore {
	width: 390px;
	float: right;
	clear: right;
	color: #fcb040;
	font-size: 12px;
	line-height: 20px;
}

.blogPost .facebookShare {
	float: right;
	clear: right;
	margin-right: 330px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.singleBlogPost {
	clear: left;
	margin-right: auto;
	margin-left: auto;
	width: 560px;
	margin-top: 20px;
}

.singleBlogPost h4 {
	float: right;
	width: 390px;
	color: #057c38;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 12px;
	font-weight: normal;
	font-style: normal;
	clear: none;
}

.singleBlogPost p {
	clear: none;
}

.singleBlogPic {
	float: left;
	margin-top: 40px;
}

.singleBlogPost p {
	width: 390px;
	float: right;
}

.singleBlogPost a.readMore {
	width: 390px;
	float: right;
	clear: right;
	color: #fcb040;
	font-size: 12px;
	line-height: 20px;
}

.singleBlogPost .facebookShare {
	float: right;
	clear: right;
	margin-right: 330px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.clearer {
	clear: both;
	background-color: transparent;
}

.goal {
	float: left;
	width: 379px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	padding-top: 20px;
}

.goal.bottom {
	border-bottom-style: none;
}

.goalInner {
	width: 320px;
	/*height: 180px; */
	margin-left: auto;
	margin-right: auto;
}

.goal.left
 {
	border-right: 1px solid #fcb040;
}

.goal img {
	margin-left: -5px;
}

#goalBoxes {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}

#goalBoxesInner {
}

hr {
	clear: left;
	border: 1px outset #fff;
	margin-left: 50px;
	margin-right: 50px;
	position: relative;
	top: 13px;
}

#orangeLineOuter {
	position: absolute;
}

#orangeLine {
	background-color: #fcb040;
	width: 1px;
	position: absolute;
	left: 450px;
	top: 10px;
	z-index: 20;
	height: 1100px;
}

.goal p {
	color: #222;
	margin-left: auto;
	margin-right: auto;
	width: 320px;
}

.contentTitle {
	border-bottom: 1px solid #f93;
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 20px;
	padding-top: 10px;
}

.contentTitle img {
	margin-top: 30px;
	margin-bottom: 10px;
	margin-left: 20px;
}

#contactBox {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	color: #777;
	line-height: 20px;
}

#contactBox h5 {
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 20px;
}

#contactBox h4 {
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	font-style: normal;
}

#contentLeft li {
	font-size: 12px;
	line-height: 18px;
}

#joinBox {
	width: 400px;
	float: left;
	margin-top: 60px;
	position: relative;
	left: 20px;
}

#joinBox .shareIcon {
	margin-right: 10px;
	margin-left: 10px;
}

#joinForm {
	float: right;
	width: 455px;
	margin-top: 80px;
	margin-bottom: 30px;
	margin-right: 20px;
}

#buttonBar {
	clear: both;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: 32px;
	float: left;
}

#buttonBar.goalButtons {
	width: 785px;
	position: relative;
	left: 28px;
	margin-bottom: 20px;
}

.pageHeader {
	padding-top: 30px;
	margin-bottom: 20px;
}

.pageHeader img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}


.section .goalLabel {
	float: left;
	margin-left: 45px;
}

.section .goalImage {
	float: left;
	margin-right: 20px;
	padding-bottom: 20px;
}

.section p, .section a:link, .section h3 {
	float: right;
	width: 526px;
	margin-bottom: 10px;
	clear: none;
}

.plan_content a:link {
	float: none !important;
	width: auto;
	margin: auto;
}

#joinForm p {
	clear: left;
	float: left;
	margin-top: 10px;
	width: 320px;
	position: relative;
	left: 100px;
}

#moreInfo {
	clear: left;
	width: 832px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

.moreInfo_column {
	width: 256px;
	min-width: 256px;
	float:left;
}

.moreInfo_text {
	margin: 4px 7px 0 7px;
}

.outreachBox {
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 150px;
}

#supportParagraph {
	float: left;
	width: 520px;
	margin-top: 20px;
}

#supportIcon {
	float: left;
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 20px;
}

.outreachBox h5 {
	text-align: center;
	color: #777;
	font-size: 15px;
	width: 100px;
	line-height: 18px;
}

#oneColumn .sectionLabel {
	margin: 0;
}

.sectionLabel {
	clear: both;
	display: block;
	width: 710px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
}

.section {
	width: 710px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.blogSyndication {
	float: right;
	clear: right;
	width: 525px;
	border-top: 1px solid #aaa;
	padding-top: 10px;
}


.reportBox {
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
	padding-bottom: 15px;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}



.reportBox h3, .reportBox p, .reportBox > a:link, .reportBox a:visited {
	float: right;
	width: 455px;
	clear: none;
}

.reportBox a:link, .reportBox a:visited {
	text-decoration: none;
	font-size: inherit;
	font-weight: inherit;
	color:#057C38;
}

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

.reportImage {
	width: 230px;
}

.reportText {
	float: left;
	width: 455px;
}

.contentTitle .imagePlan {
	margin-left: 0;
}

.target {
	width: 75px;
	height: 75px;
	background-image: url(images/targetNormal.png);
	position: absolute;
}

.absPos {
	position: absolute;
}

#governments.button h4 {
	position: absolute;
	text-align: center;
	top: 0;
	width: 180px;
	height: 110px;
	line-height: 110px;
	font-size: 94px;
	color: #268539;
}

.target * {
	display: none;
}

.target:hover {
	background-image: url(images/targetHover.png);
}

#targetHousing {
	width: 893px;
	height: 429px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 5px solid #ff9832;
	margin-top: -20px;
}

.accessibility_background {
	background-image: url(images/targetBG.jpg);
}

.sustainability_background {
	background-image: url(images/targetSustainability.jpg);
}

.prosperity_background {
	background-image: url(images/targetProsperity.jpg);
}

.livability_background {
	background-image: url(images/targetLivability.jpg);
}

#accessibilityTargetInfo {
	width: 863px;
	margin-left: auto;
	margin-right: auto;
	border: 15px solid #ff9935;
	border-top-style: none;
	border-bottom-style: none;
	padding-bottom: 20px;
	margin-bottom: -20px;
}

#accessibilityTargetInfo .sectionHeader {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#accessibilityTargetInfo p {
	width: 400px;
	margin-left: 20px;
	clear: none;
}

#targetText
 {
	width: 300px;
	height: auto; /*200px;*/
	position: relative;
	background-image: url(images/90white.png);
	float: left;
}

.targetIcons {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

#indicator {
	position: absolute;
	top: 360px;
	left: 840px;
}

#rightArrowPic {
	position: absolute;
	left: 300px;
	top: 25px;
}

#leftArrowPic {
	position: absolute;
	left: -20px;
	top: 25px;
}

#leftArrowPic.topAdjustArrow, #rightArrowPic.topAdjustArrow {
	top: 95px;
	position: absolute;
}

#targetText h1 {
	font-size: 18px;
	line-height: 22px;
	width: 95%;
	margin: 5px auto;
}

#targetText p {
	color: #333;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	float: none;
	clear: none;
}

#indicators li {
	line-height: 30px;
}

#indicators ul {
	margin-bottom: 30px;
	margin-left: 30px;
}

#orangeBox {
	background-image: url(images/rBoxMiddle.png);
	color: white;
	margin-top: 33px;
	margin-bottom: 33px;
}

#rightColumnPic {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#orangeBoxInner * {
	color: white;
}

#orangeBox p {
	font-size: 14px;
	line-height: 22px;
	font-family: Stymie;
}

#orangeBoxInner {
	margin-left: auto;
	margin-right: auto;
	width: 235px;
}

#orangeBoxTop
 {
	height: 26px;
	background-image: url(images/rBoxTop.png);
	position: relative;
	top: -26px;
	margin-bottom: -26px;
}

#orangeBoxBtm
 {
	height: 37px;
	background-image: url(images/rBoxBtm.png);
	position: relative;
	top: 37px;
	margin-top: -24px;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

#coalition {
	margin:0 0 0 35px;
}

.fb_share {
	clear:right;
	float:right;
	width:390px;
	margin-top: 18px;
	margin-bottom: 18px;
}

ul.addtoany_list li a {
	padding-left:0 !important;
}

.searchResults h2.pagetitle {
	margin-top: 25px;
	margin-bottom: 20px;
}

.searchResults .navigation {
	clear: left;
	margin-left: auto;
	margin-right: auto;
	float: left;
	position: relative;
	left: 30px;
	width: 830px;
}

.searchResults .navigation a {
	line-height: 50px;
}

.search_result_context strong {
	background-color: #fee2cb;
}

#siteSearch {	position: absolute;
	top: 10px;
	right: -4px;
	width: 188px;
}



#siteSearch li {
	list-style-image: none;
	list-style-type: none;
}

#siteSearch #searchform > div {
	background: transparent url(images/searchBar.png) -1px -4px;
	width: 152px;
	height: 26px;
	position: absolute;
}

#siteSearch #s {
	width: 140px;
	height: 15px;
	top: 5px;
	float: left;
	color: white;
	font-size: 11px;
	background-color: transparent;
	background-image: none;
	margin: 0;
	position: relative;
	left: 10px;
	text-indent: 0;
	line-height: 11px;
}

#siteSearch #searchsubmit {
	position: absolute;
	top: 0;
	margin: 0;
	background: transparent url(images/searchBar.png) -175px -4px;
	width: 22px;
	height: 23px;
	right: -20px !important;
	padding: 0;
	display: block;
	left: 152px;
}

.result {
	float: left;
	clear: left;
	border-bottom: 1px solid #f93;
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 15px;
	padding-right: 15px;
}

.result h3 small {
	clear: left;
	float: left;
	font-size: 11px;
	line-height: 12px;
	font-style: italic;
}

.result h3 a {
	font-size: 16px;
	line-height: 24px;
	margin-top: 25px;
	float: left;
}

#tagCloud {
	text-align: justify;
}

.home #tagCloud {
	text-align: left;
	clear: left;
}

#tagCloud > .inner
 {
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
}

.home #tagCloud > .inner {
	margin-right: 0;
	margin-left: 0;
}

#tagCloud h2 {
	margin-bottom: 10px;
	margin-top: 29px;
	color: #097a41;
	font: 14px Stymie;
	text-transform: uppercase;
}

#facebookLinks {
	float: left;
	display: inline;
	left: 28px;
	width: 100px;
}

#facebookLinks #fbIcon {
	position: relative;
	top: 1px;
	margin-right: 3px;
}

#facebookLinks #twitterIcon {
	position: relative;
	top: 2px;
	margin-right: 3px;
}


#facebookLinks #calendarIcon {
	position: relative;
	top: 0;
	margin-right: 3px;
	left: 0;
}

#searchform label {
	display:none;
}

/* Yardstick Pagination */
#yardstick-pagination {
	margin: 25px 0 15px 290px;
}

#pagination-left {
	float:left;
}

#pagination-right {
	float: left;
}

.pagination-number {
	float:left;
	margin: 0 4px 0 0;
	border: solid 1px #cccccc;
	padding: 3px 0px 3px;
}

.pagination-number a {
	text-decoration: none;
	padding: 3px 4px 4px;
	line-height: normal;
}

.pagination-number a:hover {
	text-decoration: none;
	/*font-weight: bold;*/
	color: white;
	background-color: #529335;
}

.pagination-current-page {
	padding: 3px 4px 3px;
	color: #ff9933 !important;
	font-weight: bold !important;
	font-size: 13px;
	line-height: normal;
}

.pagination-text {
	color: gray; /*#529335;*/
	font-size: 13px;
	padding: 3px 4px 2px;
	line-height: normal;
}

.pagination-dots {
	border: none !important;
}
/* End of Yardstick Pagination */

/* Changes made on July 6 2011 by Gregg Hurson Beginning Now */

/*#translate-this {
	width: 28px;
}*/


/* Changes made on July 6 2011 by Gregg Hurson Ending Now */


#slideshow{
	width: 614px;
	height: 223px;
	padding: 14px;
	background: url(images/slideshow.png);
}
.nav-prev, .nav-next, .nav-prev-overlay, .nav-next-overlay{ display: none !important; }