/* CSS Document */
/*
Theme Name:     Nice Bollards
Theme URI:      http: //example.com/
Description:    Child theme for the Twenty Eleven theme 
Author:         Paul Chasan
Author URI:     http: //freeunicornrides.com/paul
Version:        0.1.0
*/
/* 
COLORS PALETE
Main Menu Dark Gray: #454545
Lime Green: #D6EF1B
Lime Green Lite: #EAFA70
Turqoise: #28F3CC
Blue-Gray: #7A939C
Agency Sidebar Bkg: #9ABEC1



*/
/* CUSTOM FONTS */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 29, 2012 */
@font-face {
font-family: 'BreeSerifRegular';
src: url('fonts/BreeSerif-Regular-webfont.eot');
src: url('fonts/BreeSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/BreeSerif-Regular-webfont.woff') format('woff'),
url('fonts/BreeSerif-Regular-webfont.ttf') format('truetype'),
url('fonts/BreeSerif-Regular-webfont.svg#BreeSerifRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TeXGyreHerosRegular';
src: url('fonts/texgyreheros-regular-webfont.eot');
src: url('fonts/texgyreheros-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/texgyreheros-regular-webfont.woff') format('woff'),
url('fonts/texgyreheros-regular-webfont.ttf') format('truetype'),
url('fonts/texgyreheros-regular-webfont.svg#TeXGyreHerosRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TeXGyreHerosItalic';
src: url('fonts/texgyreheros-italic-webfont.eot');
src: url('fonts/texgyreheros-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/texgyreheros-italic-webfont.woff') format('woff'),
url('fonts/texgyreheros-italic-webfont.ttf') format('truetype'),
url('fonts/texgyreheros-italic-webfont.svg#TeXGyreHerosItalic') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TeXGyreHerosBold';
src: url('fonts/texgyreheros-bold-webfont.eot');
src: url('fonts/texgyreheros-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/texgyreheros-bold-webfont.woff') format('woff'),
url('fonts/texgyreheros-bold-webfont.ttf') format('truetype'),
url('fonts/texgyreheros-bold-webfont.svg#TeXGyreHerosBold') format('svg');
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: 'TeXGyreHerosBoldItalic';
src: url('fonts/texgyreheros-bolditalic-webfont.eot');
src: url('fonts/texgyreheros-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/texgyreheros-bolditalic-webfont.woff') format('woff'),
url('fonts/texgyreheros-bolditalic-webfont.ttf') format('truetype'),
url('fonts/texgyreheros-bolditalic-webfont.svg#TeXGyreHerosBoldItalic') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TeXGyreHerosCnRegular';
src: url('fonts/texgyreheroscn-regular-webfont.eot');
src: url('fonts/texgyreheroscn-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/texgyreheroscn-regular-webfont.woff') format('woff'),
url('fonts/texgyreheroscn-regular-webfont.ttf') format('truetype'),
url('fonts/texgyreheroscn-regular-webfont.svg#TeXGyreHerosCnRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TeXGyreHerosCnItalic';
src: url('fonts/texgyreheroscn-italic-webfont.eot');
src: url('fonts/texgyreheroscn-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/texgyreheroscn-italic-webfont.woff') format('woff'),
url('fonts/texgyreheroscn-italic-webfont.ttf') format('truetype'),
url('fonts/texgyreheroscn-italic-webfont.svg#TeXGyreHerosCnItalic') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TeXGyreHerosCnBold';
src: url('fonts/texgyreheroscn-bold-webfont.eot');
src: url('fonts/texgyreheroscn-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/texgyreheroscn-bold-webfont.woff') format('woff'),
url('fonts/texgyreheroscn-bold-webfont.ttf') format('truetype'),
url('fonts/texgyreheroscn-bold-webfont.svg#TeXGyreHerosCnBold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'TeXGyreHerosCnBoldItalic';
src: url('fonts/texgyreheroscn-bolditalic-webfont.eot');
src: url('fonts/texgyreheroscn-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/texgyreheroscn-bolditalic-webfont.woff') format('woff'),
url('fonts/texgyreheroscn-bolditalic-webfont.ttf') format('truetype'),
url('fonts/texgyreheroscn-bolditalic-webfont.svg#TeXGyreHerosCnBoldItalic') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'SteinemBoldItalic';
src: url('fonts/steinbi_-webfont.eot');
src: url('fonts/steinbi_-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/steinbi_-webfont.woff') format('woff'),
url('fonts/steinbi_-webfont.ttf') format('truetype'),
url('fonts/steinbi_-webfont.svg#SteinemBoldItalic') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'SteinemBold';
src: url('fonts/steinemb-webfont.eot');
src: url('fonts/steinemb-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/steinemb-webfont.woff') format('woff'),
url('fonts/steinemb-webfont.ttf') format('truetype'),
url('fonts/steinemb-webfont.svg#SteinemBold') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'SteinemRoman';
src: url('fonts/steinem_-webfont.eot');
src: url('fonts/steinem_-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/steinem_-webfont.woff') format('woff'),
url('fonts/steinem_-webfont.ttf') format('truetype'),
url('fonts/steinem_-webfont.svg#SteinemRoman') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'SteinemUnicodeRegular';
src: url('fonts/steinemu-webfont.eot');
src: url('fonts/steinemu-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/steinemu-webfont.woff') format('woff'),
url('fonts/steinemu-webfont.ttf') format('truetype'),
url('fonts/steinemu-webfont.svg#SteinemUnicodeRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'SteinemRomanItalic';
src: url('fonts/steinemi-webfont.eot');
src: url('fonts/steinemi-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/steinemi-webfont.woff') format('woff'),
url('fonts/steinemi-webfont.ttf') format('truetype'),
url('fonts/steinemi-webfont.svg#SteinemRomanItalic') format('svg');
font-weight: normal;
font-style: normal;
}

/* THE BASICS */
* {margin:0; padding:0; -webkit-font-smoothing:antialiased;}

.assistive-text{
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
z-index:1000;
}

.skip-link { position:absolute; z-index:1000;}

body {
background-color:#e6e6e6; 
height:100%; width:100%;
font-family: TeXGyreHerosRegular, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
color: #555;
font-weight: 300;
}

img {
border: 0;
}

img.alignright {float:right; margin:0 0 1em 1em;}

img.alignleft {float:left; margin:0 5px 25px 0;}

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

.alignright {float:right; }

.alignleft {float:left; }

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

p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, li, a, #menu-nav1 li {
text-rendering: optimizeLegibility;
font-feature-settings: "kern";
font-kerning: normal;
-webkit-font-feature-settings: "kern";
-moz-font-feature-settings: "kern";
-moz-font-feature-settings: "kern=1";
}

h1, h2, h3 {font-weight:normal; font-family: BreeSerifRegular, Helvetica, Arial, sans-serif; -webkit-font-smoothing:antialiased;}

p {
background: inherit;
font-family: TeXGyreHerosRegular, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 15px;
font-style: normal;
line-height: 1.5em;
padding: 0 0 1.5em;
text-decoration: none;
 -webkit-font-smoothing:antialiased;
}

strong {font-family: TeXGyreHerosBold, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold;}

a {
color: #0093B9;
text-decoration: none;
}

a:hover {
text-decoration: none;
color: #000;
}

blockquote p {
margin: 0 50px 1.5em 30px;
border-left: 1px dashed #D6EF1B;
padding: 0 0 0 1.5em;
}

/* IMPOARTNAT: APPLY THIS CLASS TO ALL LINKS CONTAINING TRANSPARENT IMAGES!!!! */
a.imgHoverFix {
text-decoration: none;
border: 0;
background-color:transparent !important;
}

a.imgHoverFix:hover {
text-decoration: none;
border: 0;
background-color:transparent !important;
}

a[href$=jpg], a[href$=jpeg], a[href$=jpe], a[href$=png], a[href$=gif] {
text-decoration: none;
border: 0;
background-color:transparent !important;
}

#left_side {
width: 700px;
/*background: transparent;*/
margin-bottom: 20px;
margin-left: 20px;
}

#left_side h1 {
color:#96C454;
font-family: SteinemRoman, Georgia, Garamond, serif;
font-size: 30px;
letter-spacing: -1px;
font-weight: lighter;
border-bottom:1px dotted #bfbfbf;
padding-bottom:15px; 
margin: 5px 0px 20px 0px;
}

#left_side .sidebar {
float:right;
margin:0px 0px 30px 30px;
padding:5px;
width:185px;
}

#left_side .sidebar ul {
padding-left: 0px;
}

/* HEAD STRUCTURE */
#topBarShell {
width:100%;
background-color:#454545;
height:36px;
text-align:center;
position:relative;
}

#topBarContent {
position: relative;
width:974px;
height: 36px;
display: inline-block;
margin: 0;
text-align:right;
}

#sfgovLogo { position: relative; right:1px; margin-left: 25px; display: inline-block;}

#headRightLinks {
text-align:right;
font-family: Arial Unicode MS, Helvetica, Arial, sans-serif;
font-size: 8pt;
position:absolute;
right:0;
margin-right:130px;
top: 12px;
color: #fff;
}

#headRightLinks a, #headRightLinks a:visited {color:#fff;}

#headRightLinks a:hover {color:#D6EF1B; background-color: transparent;}

#headImageShell {
width:100%;
background-color:#e6e6e6;
height:340px;
text-align:center;
position:relative;
}

#homeImageShell {
width:100%;
background-color:#e6e6e6;
height:431px;
text-align:center;
position:relative;
}

#headImage {
height:300px; 
width:976px; 
position: relative;
display: inline-block;
margin: 0;
background-color:#e6e6e6;
}

#headContent {
position: relative;
width:974px;
height: 300px;
/*	background-image: url(images/interface/top-logobg.png); */
background-repeat:no-repeat;
display: inline-block;
text-align:left;
margin: 0 45px 0 45px;
}

#branding hgroup {margin: 0; padding:0; height:300px;}

#access div {margin: 0; padding:0;}

#site-description {
background: transparent;
font-family: SteinemRomanItalic, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-align: center;
color: #373737;
font-weight: normal;
font-weight: 300;
position: absolute;
top: 100px;
line-height: 16px;
padding: 0px;
z-index:2;
}

#logoBannerShell {
position: absolute;
top: 0;
left:20px;
width:234px;
height:175px;
z-index:5;
background: no-repeat center url(images/interface/bannerBackground.png);
}

#homeLogoShell {
position: relative;
top: 0;
width:100%;
height:175px;
z-index:5;
background: no-repeat center url(images/interface/homeBannerBackground.png);
}

#logoImgShell {position: absolute; top: 40px; left: 13px; width:206px; height: 36px; z-index:10; }

#searchShell {
width:100%;
height:50px;
text-align:center;
position:relative;
}

#searchContent {
position: relative;
width:1064px;
height: 56px;
display: inline-block;
text-align:right;
margin: 0 45px;
}

#search {
margin-top:12px;
margin-right:12px;
padding-right: 5px;
position: absolute;
z-index:60;
right:0;
}

#headLeft {
position:absolute;
z-index:2;
top:88px;
left:49px;
color: #FFFFFF;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 18px;
font-style: italic;
font-weight: normal;
}

/* Search Form */
input:-moz-read-write, textarea:-moz-read-write {
-moz-user-modify: read-write !important;
}

input, textarea {
border: 2px solid #8195A0;
border-radius: 3px 3px 3px 3px;
color: #5F6C74;
font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
font-size: 10pt;
outline: 0 none;
padding: 4px;
}

input.text {
border: 2px solid #8195A0;
border-radius: 3px 3px 3px 3px;
color: #5F6C74;
font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
font-size: 10pt;
outline: 0 none;
padding: 4px;
}

input.submit {
background-color: #3F3F3F;
border: 1px solid #3F3F3F;
border-radius: 3px 3px 3px 3px;
color: #D6EF1B;
cursor: pointer;
font: bold 75% Helvetica,Arial,sans-serif;
margin: 0;
padding: 4px 6px 3px;
text-decoration: none;
}

input.submit:hover {
background-color: #D6EF1B;
border: 1px solid #3F3F3F;
border-radius: 3px 3px 3px 3px;
color: #3F3F3F;
cursor: pointer;
font: bold 75% Helvetica,Arial,sans-serif;
margin: 0;
padding: 4px 6px 3px;
text-decoration: none;
}

input.field {
border: 2px solid #8195A0;
border-radius: 3px 3px 3px 3px;
color: #5F6C74;
font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
font-size: 10pt;
outline: 0 none;
padding: 4px;
margin-right: 4px;
width: 161px;
transition:width 400ms, border 400ms;
-moz-transition:width 400ms, border 400ms; /* Firefox 4 */
-webkit-transition:width 400ms, border 400ms; /* Safari and Chrome */
-o-transition:width 400ms, border 400ms; /* Opera */
}

input.field:active, input.field:focus {
border: 3px solid #6f949b;
padding: 3px;
width: 260px;
background-color:#ffffff;
}

input:-moz-read-write, textarea:-moz-read-write {
-moz-user-modify: read-write !important;
}

input, textarea {
-moz-appearance: textfield;
-moz-binding: url("chrome://global/content/platformHTMLBindings.xml#inputFields");
-moz-user-select: text;
background-color: -moz-field;
border: 2px inset threedface;
color: -moz-fieldtext;
cursor: text;
font: -moz-field;
letter-spacing: normal;
line-height: normal !important;
padding: 1px 0;
text-align: start;
text-indent: 0;
text-rendering: optimizelegibility;
text-shadow: none;
text-transform: none;
word-spacing: normal;
}

/* Nav 1 */
/* =Menu
-------------------------------------------------------------- */
#navContainer{
height:40px; 
width:976px; 
position: relative;
display: inline-block;
margin: 0;
text-align: left;
left:0;
}

/*
#nav1Shell {
height:40px;
position:relative;
float:right;
left:-50%;
text-align:left;
}

#nav1container {
width:976px;
height:40px;
text-align:left;
position:relative;
display: inline-block;
margin: 0;
padding-left:2px;
}

#nav1Content{
z-index:300;
position: relative;
width:976px;
height:40px;
display: inline-block;
margin:0;
}

#nav1Shell {
width:100%;
height:40px;
text-align:center;
position:relative;
}

#nav1Content{
z-index:300;
position: relative;
width:976px;
height:40px;
margin:0;
text-align: left;
}

*/
#topBarShell {
width:100%;
background-color:#454545;
height:36px;
text-align:center;
position:relative;
}

#topBarContent {
position: relative;
width:976px;
height: 36px;
display: inline-block;
margin: 0;
text-align:right;
}

#homeLogoBarShell {
width:100%;
background-color:#a5a5a5;
height:36px;
text-align:center;
position:relative;
}

#homeLogoBarContent {
position: relative;
width:976px;
height: 36px;
display: inline-block;
margin: 0;
text-align:right;
}

#menu-nav1 { 
list-style:none;
position:relative;
left:0;
}

#menu-nav1 li {
background:#333;
display:inline-block;
float: left; 
margin-left: 1px; 
width: 243px; 
cursor: pointer;
text-align: center;
}

#menu-nav1 li:hover {background:#D6EF1B;}

#menu-nav1 li ul li {display: block;}

#menu-nav1 ul li a {
text-decoration: none;
color: #fff;
background-color: transparent;
text-align:center;
display: inline-block;
width: 100%;
height:100%;
}

.nav1Background {
color: #D6EF1B;
display: block;		
font-size: 01em;
height: 40px;
font-family: BreeSerifRegular, Helvetica, Arial-Narrow, sans-serif;
text-transform: uppercase;
letter-spacing: .13em;
text-shadow: #000 1px 1px 0;
}

.nav1Background:hover {
color:#000;
text-shadow: #FFF 1px 1px 0;
}

.nav1Background a, .navBackground a:visited {
color: #D6EF1B;
text-decoration: none;
width:100%;
height:30px;
display:block;
padding-top:10px;
/*	letter-spacing: .13em;	 */
}

.nav1Background a:hover {
text-decoration: none;
color: inherit;
background-color: transparent;
}

#menu-nav1 ul li a:hover {
color: #fff;
background-color: transparent;
}

/*	Nav1 sub-menu */
#menu-nav1 li ul.sub-menu {
display: block;
position: relative;
z-index: 2;
background: transparent;
clear: both;
left:-1px;
font-family: BreeSerifRegular, Helvetica, Arial-Narrow, sans-serif;
font-size: 14px;
text-transform: none;
letter-spacing: -0.07em;
text-shadow: none;
}

#menu-nav1 li ul {border-bottom: 40px solid transparent;}

#menu-nav1 li ul li ul {border-bottom: 0; }

/* TOP MENU - LEVEL 2 HORIZONTAL POSITIONING */
/* Why Better Streets Sub Menu */
#menu-nav1 li.nav1-a-whyBetterStreets ul.sub-menu { display: none;}

#menu-nav1 li.nav1-a-whyBetterStreets li ul.sub-menu {left: auto; top: auto; display: block; position:relative;}

#menu-nav1 li.nav1-a-whyBetterStreets li ul.sub-menu li {z-index:300; border-bottom:0; border-top: 1px white dashed; padding-left:8px; display: block;}

#menu-nav1 li.nav1-a-whyBetterStreets li ul.sub-menu li:hover {padding: 1px 0 0 8px; }

/* Learn the Process Sub Menu */
#menu-nav1 li.nav1-b-learnTheProcess ul.sub-menu { display: none;}

#menu-nav1 li.nav1-b-learnTheProcess li ul.sub-menu {left: auto; top: auto;  display: block; position:relative;}

#menu-nav1 li.nav1-b-learnTheProcess li ul.sub-menu li { z-index:300; border-bottom:0; border-top: 1px white dashed; padding-left:8px;}

#menu-nav1 li.nav1-b-whyBetterStreets li ul.sub-menu li:hover {padding: 1px 0 0 8px;}

/* Find Projct Types Sub Menu */
#menu-nav1 li.nav1-c-findProjectTypes ul.sub-menu { display: none;}

#menu-nav1 li.nav1-c-findProjectTypes li ul.sub-menu {left: auto; top: auto; display: block; position:relative;}

#menu-nav1 li.nav1-c-findProjectTypes li ul.sub-menu li { z-index:300; border-bottom:0; border-top: 1px white dashed; padding-left:8px;}

#menu-nav1 li.nav1-c-whyBetterStreets li ul.sub-menu li:hover {padding: 1px 0 0 8px; }

/* Find Projct Types Sub Menu */
#menu-nav1 li.nav1-d-designGuidelines ul.sub-menu {  display: none;}

#menu-nav1 li.nav1-d-designGuidelines li ul.sub-menu {left: auto; top: auto; display: block;  position:relative;}

#menu-nav1 li.nav1-d-designGuidelines li ul.sub-menu li { z-index:300; border-bottom:0; border-top: 1px white dashed; padding:0 8px 0 8px;}

#menu-nav1 li.nav1-d-whyBetterStreets li ul.sub-menu li:hover {padding: 1px 0 0 8px; }

#menu-nav1 li ul.sub-menu li {
display: block;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(0, 0, 0);
/* RGBa with 0.8 opacity */
background: rgba(0, 0, 0, 0.9);
color: white;
text-decoration: none;
font-size: 14px;
border-left: 1px solid transparent;
border-top: 1px dotted #555555;
width: 243px;
}

#menu-nav1 li ul.sub-menu li:hover {
display: block;
background:  #EAFA70;
color: black;
/*		border-top: 1px solid white; */
/*		border-bottom: 1px solid white; */
padding: 0;
/*		letter-spacing: .1em; */
}

#menu-nav1 li ul.sub-menu li a, #menu-nav1 li ul.sub-menu li a:visited{
display: block;
padding: 8px 8px 8px 12px;
color: white;
text-decoration: none;
font-weight: 300;
text-align: left;
height: auto;
}

#menu-nav1 li ul.sub-menu li a:hover {
display: block;
color: black;
text-decoration: none;
font-weight:300;
text-align: left;
}

#nav1ShellMaskRight{width: 1px; height: 40px; background:#e6e6e6; position:absolute; top:300px; right:0; z-index:5000;}

/* BODY */
#bodyShell {
width:100%;
background-color:#e6e6e6;
text-align:center;
position:relative;
}

#bodyContent {
position: relative;
width:974px;
background: #fff;
display: inline-block;
text-align:left;
margin: 0;
}

/* BREADCRUMBS */
#subheader {
width: 974px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
padding: 10px 0px 10px 0px;
}

#subheader #crumbs {
font-family: Arial,Verdana,Arial,sans-serif;
font-size: 11px;
}

/* PAGE CONTENT */
#mainContentShell {
width: 974px;
height: 100%;
text-align:left;
margin: 0;
position: relative;
border-left: 1px solid e6e6e6;
}

#headerPadLeft { padding-left:20px;}

/* Right sidebar */
#rightSidebar {
position: relative;
width: 224px;
height: 100%;
float: right;
border-left: 1px dotted #ccc;
/* background-color: #9F0; */
}

/* Nav 2 */
#rightSidebar #sidebarLeader h1 {
font-family: BreeSerifRegular, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
color: #7EA9AF;
background: #f5ffaa;
padding: 20px 0px 20px 16px;
width: 208px;
margin: 0 0 2px 0;
line-height: 18px;
letter-spacing: 0.1em;
text-shadow: none;
}

#rightSidebar #sidebarLeader a, #rightSidebar #sidebarLeader a:visited {
background: inherit;
color: #7EA9AF;
text-decoration: none;
}

#rightSidebar #sidebarLeader a:hover h1 {
text-decoration: none;
background-color:transparent;
color:#fff;
}

#rightSidebar p {
padding: 6px 10px 6px 16px;
color: #666666;
font-size: 12px;
}

/* effects font maily and size for top level nav2 links */
#rightSidebar .menu-nav2-a-container ul, 
#rightSidebar .menu-nav2-b-container ul, 
#rightSidebar .menu-nav2-c-container ul, 
#rightSidebar .menu-nav2-d-container ul,
#rightSidebar .menu-nav2-d-categories-container ul,
#rightSidebar .menu-nav2-d-alphabetical-container ul 
{ list-style:none; font-family: BreeSerifRegular, TeXGyreHerosRegular, Helvetica, Arial, sans-serif; font-size:14px; margin-bottom:50px;}

/* effects text and bakground color for all nav2 menus */
#rightSidebar .menu-nav2-a-container li, 
#rightSidebar .menu-nav2-b-container li, 
#rightSidebar .menu-nav2-c-container li, 
#rightSidebar .menu-nav2-d-container li,
#rightSidebar .menu-nav2-d-categories-container li,
#rightSidebar .menu-nav2-d-alphabetical-container li
{ background-color: #fff; color: #047384;	margin: 0 0 5px 0;}

/* effects text and bakground color for all nav2 menus hover states */
#rightSidebar .menu-nav2-a-container li:hover, 
#rightSidebar .menu-nav2-b-container li:hover, 
#rightSidebar .menu-nav2-c-container li:hover, 
#rightSidebar .menu-nav2-d-container li:hover,
#rightSidebar .menu-nav2-d-categories-container li:hover,
#rightSidebar .menu-nav2-d-alphabetical-container li:hover
{background-color: #f5ffaa; text-decoration: none; color: #000; }

#rightSidebar .menu-nav2-a-container a, #rightSidebar .menu-nav2-a-container a:visited,
#rightSidebar .menu-nav2-b-container a, #rightSidebar .menu-nav2-b-container a:visited,
#rightSidebar .menu-nav2-c-container a, #rightSidebar .menu-nav2-c-container a:visited,
#rightSidebar .menu-nav2-d-container a, #rightSidebar .menu-nav2-d-container a:visited,
#rightSidebar .menu-nav2-d-categories-container a, #rightSidebar .menu-nav2-d-categories-container a:visited,
#rightSidebar .menu-nav2-d-alphabetical-container a, #rightSidebar .menu-nav2-d-alphabetical-container a:visited
{padding: 6px 8px 6px 16px; width: 200px; display: block; background-color: transparent; color: inherit; text-decoration: none;}

#rightSidebar .menu-nav2-a-container a:hover,
#rightSidebar .menu-nav2-b-container a:hover,
#rightSidebar .menu-nav2-c-container a:hover,
#rightSidebar .menu-nav2-d-container a:hover,
#rightSidebar .menu-nav2-d-categories-container a:hover,
#rightSidebar .menu-nav2-d-alphabetical-container a:hover 
{ color: black; background-color: transparent; }

#rightSidebar .menu-nav2-a-container ul li ul,
#rightSidebar .menu-nav2-b-container ul li ul, 
#rightSidebar .menu-nav2-c-container ul li ul,		
#rightSidebar .menu-nav2-d-container ul li ul 
{position: relative; z-index:10;  width: 100%; top:0; margin-bottom:0;}

#rightSidebar .menu-nav2-a-container ul li ul li ul, 
#rightSidebar .menu-nav2-b-container ul li ul li ul, 
#rightSidebar .menu-nav2-c-container ul li ul li ul, 
#rightSidebar .menu-nav2-d-container ul li ul li ul 
{display: block; }

#rightSidebar .menu-nav2-a-container ul li ul li ul li ul, 
#rightSidebar .menu-nav2-b-container ul li ul li ul li ul, 
#rightSidebar .menu-nav2-c-container ul li ul li ul li ul, 
#rightSidebar .menu-nav2-d-container ul li ul li ul li ul	
{position: relative; z-index:10; }

/* effects 1px top border for nav2 submenus */
#rightSidebar .menu-nav2-a-container ul li ul li, 
#rightSidebar .menu-nav2-b-container ul li ul li, 
#rightSidebar .menu-nav2-c-container ul li ul li,
#rightSidebar .menu-nav2-d-container ul li ul li 
{background-color: transparent;  color: #047384; font-size:12px; margin: 0; border-top: 1px dotted #ccc; margin-left:16px;}

#rightSidebar .menu-nav2-a-container ul li ul li:hover, 
#rightSidebar .menu-nav2-b-container ul li ul li:hover, 
#rightSidebar .menu-nav2-c-container ul li ul li:hover, 
#rightSidebar .menu-nav2-d-container ul li ul li:hover 
{background-color: transparent;  color: #000; font-size:12px; margin-left:16px;}

#rightSidebar .menu-nav2-c-container ul li ul li a, #rightSidebar .menu-nav2-c-container ul li ul li a:visited, 
#rightSidebar .menu-nav2-c-container ul li ul li b, #rightSidebar .menu-nav2-c-container ul li ul li a:visited, 
#rightSidebar .menu-nav2-c-container ul li ul li c, #rightSidebar .menu-nav2-c-container ul li ul li a:visited, 
#rightSidebar .menu-nav2-c-container ul li ul li d, #rightSidebar .menu-nav2-c-container ul li ul li a:visited 
{padding: 6px 8px 6px 10px; width: 192px;  background-color: transparent; color: inherit; text-decoration: none;}

#rightSidebar #nav2 a, #rightSidebar #nav2 a:visited {
background: inherit;
color: inherit;
text-decoration: none;
}

#rightSidebar #nav2 li:hover, #rightSidebar #nav2 a:hover {
color: black;	
}

.sub-menu {display: none;}

/* nav2 expander */
.menu2ExpanderShell {
position: relative;
margin: 0 6px 0 0;
text-align: right;
top:-38px;
right: 2;
width: 28px;
height: 28px;
overflow: hidden;
float:right;
background: url('http://sfbetterstreets.org/wp-content/themes/nicebollards/images/interface/nav2-arrow-off.png') no-repeat;
background-position: 0 0;
cursor: pointer;
background-color: inherit;
}

.menuGrow {
position:absolute; 
top:0; 
left: 0; 
z-index:4; 
width:28px; 
height:28px; 
display: none;
overflow:hidden;
background: url('http://sfbetterstreets.org/wp-content/themes/nicebollards/images/interface/nav2-grow-roll.png') no-repeat;
cursor: pointer;
background-color: inherit;
}

.menuShrink {
position:absolute; 
left: 0; 
top: -28px;
z-index:3; 
width:28px; 
height:28px; 
display: none;
overflow:hidden;
background: url('http://sfbetterstreets.org/wp-content/themes/nicebollards/images/interface/nav2-shrink-roll.png') no-repeat;
cursor: pointer;
background-color: inherit;
}

.menuGrow:hover {background-position: 0 -28px;}

.menuShrink:hover {background-position: 0 -28px;}

/* Sidebar Widgets (building Neighborhood Support, Merchant's Corner, Developer Requirements, 311 )  */
div.sidebarWidget {margin-top: 15px;}

#rightSidebar .sidebarWidget h4 {
color: #333;
font-family: BreeSerifRegular, Georgia, serif;
font-size: 26px;
letter-spacing: -.05em;
line-height: 1em;
font-weight: normal;
text-shadow: #CCC 1px 1px 0;
margin: 0;
padding: 0px 6px 6px 15px;
}

#rightSidebar .sidebarWidget .sidebarWidgetContent {
/*	background: url(images/interface/sidebarWidgettBG.png) repeat-x scroll 0 0 #EBEBE6;   */
background: url("images/interface/sidebarWhiteBG.png") no-repeat scroll center bottom #FFFFFF;
font-family: TeXGyreHerosRegular, Helvetica, Arial, sans-serif;
color: #888888;
padding-bottom: 21px;
position:relative;
width: 100%;
height: 120px;
}

/* Sidebar Widget 1: Building Neighborhood Support */
#widgetTxt1 {
position: absolute;
z-index:3;
width: 100px;
top: 16px;
left:16px;
color: #666666;
font-size: 12px;
line-height: 16px;
}

#widgetImg1 {
position: absolute;
top: 20px;
left: 115px;
z-index:2;
}

/* Sidebar Widget 2: Merchant's Corner */
#widgetTxt2 {
position: absolute;
z-index:3;
width: 100px;
top: 16px;
left:16px;
color: #666666;
font-size: 12px;
line-height: 16px;
}

#widgetImg2 {
position: absolute;
top: 22px;
left: 114px;
z-index:2;

}

/* Sidebar Widget 3: Developer Requirements */
#widgetTxt3 {
position: absolute;
z-index:3;
width: 110px;
top: 16px;
left:16px;
color: #666666;
font-size: 12px;
line-height: 16px;
}

#widgetImg3 {
position: absolute;
top: 40px;
left: 119px;
z-index:2;
}

/* Sidebar Widget 4: Call 311 */
#widget4 {
background: url("images/interface/sidebarWhiteBG.png") no-repeat scroll center bottom #FFFFFF;
color: #888888;
padding-bottom: 0px;
}

#rightSidebar h4.white {
font-family: BreeSerifRegular, Helvetica, Arial, sans-serif;
background: none repeat scroll 0 0 transparent;
border: 0 none;
color: #A6A6A6;
font: bold 16px/20px Arial,sans-serif;
padding: 35px 6px 6px 16px;
}

#midSidebarShell {
width: 223px;
float: right;
clear:both;
padding: 0 0 0 20px;
background-color: #fff;
}

/* Mid Sidebar (for Find Project Types pages AND regular pages) */
#midSidebar {
border: 1px solid #DDD;
border-radius: 10px;
background-color: #fdfdfd;
padding: 10px 5px 10px 15px;
}

#midSidebar ol {
list-style-type: decimal;
}

#midSidebar li {
list-style: url(images/interface/sidebar-bullet.png);
font-size: 12px;
font-weight: bold;
margin-bottom: .8em !important;
margin-left: 12px !important;
}

#midSidebar ol ul, #midSidebar ol ol {
margin-bottom: 0 !important;
}

#content #midSidebar h4 {
font-family: TeXGyreHerosBold, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
font-style: normal;
letter-spacing: -0.03em;
line-height: 1.25em;
color: #BBB;
padding: 0em 0em .5em 0em;
}

#content #midSidebar p {font-size:12px;}

/* Agency Contact Sidebar (for Find Project Types pages) */
#agencyContactSidebar {
/* 	border-top: 10px solid #d6ef1b;	*/
border-radius: 10px;
background-color: #CCC;
padding: 15px 10px 10px 15px;
margin-top: 1.5em;
}

#agencyContactSidebar ol {
list-style-type: decimal;
}

#agencyContactSidebar li {
font-family: Georgia, Garamond, serif;
font-size: 12px;
font-style: italic;
font-weight: bold;
padding-top: 10px;
}

#content #agencyContactSidebar h4 {
font-family: TeXGyreHerosBold, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
font-style: normal;
letter-spacing: -0.03em;
line-height: 1em;
color: #FFF;
padding: 0em 0em 0.15em 0em;
margin-bottom: 1.5em;
}

#content #agencyContactSidebar p {font-size:12px; color:#000;}

#content #agencyContactSidebar a {font-weight:bold;}

#content #agencyContactSidebar a:hover {color:#000000;}

/* Images (for small images) */
#imagesSidebar {
border: 0;
padding: 0;
font-size: 12px;
font-family: Helvetica, Arial, sans-serif;
color: #006699;
float:none;
height: 100%
}

#imagesSidebar p {
font-size: 12px;
color: #006699;
}

/* Main Content (for Find Project Types pages) */
#content {
display: inline-block;
width: 710px;
padding-left: 20px;
/* background-color:#F60; */
line-height:1.5;
font-family: TeXGyreHerosRegular, Helvetica, Arial, sans-serif;
}

/*#content header.entry-header homeGizmoTXT.entry-title, div header.entry-header h1.entry-title { */
h1 {
width: 749px;
font-family: BreeSerifRegular, Georgia, serif;
font-size: 44px;
font-weight: normal;
/*	font-weight: 300;  */
letter-spacing: -.05em;
text-shadow: #CCC 1px 1px 0;
line-height: 1em;
color: #373737;
/*	color: #95acaf;  */
padding-bottom: 25px;
}

/*		header h1.entry-title {padding-left:20px;}

*/
#content h2 {
background-color: #666;
font-family: BreeSerifRegular, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
letter-spacing: 0.1em;
color: #FFF;
padding: 4px 10px;
font-weight: normal!important;
line-height: 1em;
text-transform: uppercase;
margin-top: 1.5em;
margin-bottom: 1.25em;
}

#content h3 {
font-family: TeXGyreHerosBold, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
background: inherit;
line-height: 1em;
color: #000000;
font-weight: 300;
padding: 1.5em 0em 0.5em 0em;
}

#content h4 {
font-family: TeXGyreHerosItalic, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
background: inherit;
font-weight: bold;
font-style: italic;
line-height: 1em;
color: #000000;
padding: 1em 0em 1em 0em;
}

#content h5 {
font-family: TeXGyreHerosBold, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.15em;
color: #006699;
padding: 1em 0em 0.5em 0em;
}

#content p {
padding: 0 0 1em 0;
font-family: TeXGyreHerosRegular, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 1.5em;
font-style: normal;
text-decoration: none;
background: inherit;
/* 	font-weight:300; */
}

#content p.footnote {
width: 400px;
border-top: 1px dotted #ccc;
font-size: 0.75em;
margin-top: 1.5em;
padding-top: .25em;
}

#content .secondarytext {
font-size: 12px;
line-height: 1.25em;
color: #006699;
font-style: normal;
padding-bottom: 1.25em;
}

#content .secondarytextbox {
background-color: inherit;
padding: 10px;
border-top: 1px dotted #999999;
border-bottom: 1px dotted #999999;
}

#content .mpnull {
margin: 0;
padding: 0 0 0 0;
}

#content .textbox {
float: right;
color: #373737;
width: 40%;
background: #fefefe;
padding: 10px;
margin: 5px 0 15px 15px;
border: 1px solid #e8e8e8;
}

#content .image-float-right {
float: right;
}

#content .caption {
font-size: 0.75em;
color: #777;
line-height: 1.25em;
float:none;
padding: .25em 0 .25em 0;
}

#content .wp-caption-text {
margin-left: inherit;
font-family: TeXGyreHerosRegular, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 11px;
color: #006699;
line-height: 1.35em;
}

#content .wp-caption-dd {
font-family: TeXGyreHerosRegular, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 11px;
margin-left:16px;
}

#content p.top {
font-size: 10px;
font-family: Helvetica, Arial, sans-serif;
color: #006699;
margin-top:1.5em;
margin-bottom:1.5em;
}

#content blockquote p {
margin: 0 50px 0 30px;
border-left: 1px dashed #D6EF1B;
padding: 0 0 0 1.5em;
font-family: Georgia, Garamond, serif;
font-size: 22px;
font-style: italic;
color: #999999;
}

#content ul, #content ol, #content dl {
/*	margin-bottom: 1.5em; */
}

#content ul, #content ul.tight {
list-style: disc;
}

#content ul.tight, #content ol.tight {
padding-bottom: 1.5em;
}

#content ul.tight li, #content ol.tight li {
line-height: 1.5em;
margin:0 0 0 30px;
padding:0;
font-weight: 300;
}

#content ul.codesDocs {
max-width: 700px;
list-style: url(images/interface/bulletLeader.png);
padding: 1.5em;
color: #000;
background: #F5FCC3;
border-radius: 12px;
}

#content ul.codesDocsTight {
list-style: url(images/interface/bulletLeader.png);
padding: 1.5em;
color: #fff;
background: #333;
width: 500px;
}

#content ul.codesDocs li {
line-height: 1.25em;
margin:0;
margin-left: 1.25em;
padding:.75em 0 .75em 0;
font-weight: 300;
}

#content ul.codesDocs a, #content ul.codesDocs a:visited {
font-family: TeXGyreHerosBold;
}

#content li {
line-height: 1.35em;
margin-left: 20px;
margin-bottom: 1em;
}

.colLeft {margin-right: 50px; display: inline-block; width: 300px; float: left;}

.colRight { display: inline-block; width: 300px;}

/* Street type Page */
.StandardImprovBox1 {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
float: left;
width: 125px;
height: 180px;
border: 1px solid #E6E6E6;
margin: 13px;
padding: 12px;
font-family: TeXGyreHerosCnBold, Helvetica Neue, Arial, Helvetica,sans-serif;
font-size: 15px;
line-height: 1.15em;
color: #666666;
text-decoration: none;
text-align: center;
}

.StandardImprovThumb {
position: relative;
margin-bottom: 10px;
clear: none;
}

a.StandardImprovBox1:hover {
background-color: #00CCCC;
color: #FFFFFF;
}

/* Project Types Page */

/* Project Type Thumbnails - Coming Soon! */
.ProjTypeThumbBox1 {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
float: left;
background-color: #E6E6E6;
background: url('/wp-content/themes/nicebollards/images/interface/projtype-thumb-coming-soon.png');
width: 150px;
height: 260px;
margin: 10px;
font-family: BreeSerifRegular, Helvetica Neue, Arial, Helvetica,sans-serif;
font-size: 21px;
line-height: 22px;	
color: #666;
letter-spacing: -1px;
text-decoration: none;
text-align: center;
filter: alpha(opacity=70); 
opacity: 0.7;
}

a.ProjTypeThumbBox1:hover {
color: #666;
text-decoration: none;
}

/* Project Type Thumbnails */
.ProjTypeThumbBox2 {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
float: left;
background-color: #E6E6E6;
width: 150px;
height: 260px;
margin: 13px;
font-family: BreeSerifRegular, Helvetica Neue, Arial, Helvetica,sans-serif;
font-size: 21px;
line-height: 22px;	
color: #333;
letter-spacing: -1px;
text-decoration: none;
text-align: center;
filter: alpha(opacity=70); 
opacity: 0.7;
}

.ProjTypeThumb {
position: relative;
margin-bottom: 15px;
clear: none;
}

a.ProjTypeThumbBox2:hover {
background-color: #00CCCC;
color: #FFFFFF;
text-decoration: none;
filter: alpha(opacity=100); 
opacity: 1;
}

.clearboth {
vertical-align: top;
clear: both;
}

/* Design Guidelines Page */
#a-z {
font-size: 19px;
}

#dgLinks h3 {
border-bottom: 1px dotted #999;
line-height: 1.8em;
font-family: BreeSerifRegular;
font-size: 30px;
color: #999999;
font-weight: 300;
padding: 0;
}

#dgLinks p {
font-size: 15px;
line-height: 1.8em;
width: 400px;
padding: 0;
}

/* table styles */
table {
border-collapse: separate;
border-spacing: 2px;
}

th {
font-weight: bold;
}

td, th {
display: table-cell;
vertical-align: inherit;
}

/* For Street Type Pages */
table.streetParts {
border:0;
padding-bottom: 1.5em;
}

table.streetParts th {
font-weight: bold;
}

table.streetParts td, th {
display: table-cell;
text-align:center;
vertical-align:inherit;
width: 125px;
padding-right: 50px;
vertical-align: top;
font-family: Arial Narrow;
font-size: 16px;
font-weight: bold;
line-height: 16px;
}

table.streetParts td a img {
margin-top: 1.5em;
margin-bottom: .5em;
border: 1px white solid;
position: relative;
left: -1px;
}

table.streetParts td a:hover img {
margin-top: 1.5em;
border: 5px #0093B9 solid;
}

/* Pretty Yellow and Blue Table */
table.bsp {
border-left: 0px;
border-right: 0px;
border-top: 0px;
border-bottom: 2px solid #999;
border-collapse: collapse;
margin-bottom: 1em;
}

table.bsp th {
border-bottom: 2px solid #999;
border-top: 0px;
padding: 5px 3px;
vertical-align: bottom;
font-family: TeXGyreHerosCnItalic, Helvetica, Arial, sans-serif;
font-size: 11px;
letter-spacing: .05em;
line-height: 1em;
color: #3A536B;
}

table.bsp tr {
border-bottom: 1px solid #DDD;
background-color: #FAFAFA;
}

table.bsp td {
border: 0px;
padding: 5px 3px;
vertical-align: top;
font-family: TeXGyreHerosRegular, Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 1.25em;
color: #3A536B;
}

dl.gallery {
border: 1px solid #000;
background-color: #ddd;
width: 102px;
text-align: center;
padding: 10px;
float: left;
margin-right: 1em;
}

.gallery dt { font-weight: bold; }

.gallery dt img {
border: 1px solid #000;
width: 100px;
height: 100px;
}

.gallery dd {
margin: 0;
padding: 0;
}

/* FOOTER */
#footer {
position: relative;
left: -19px;
border-top: 1px dotted #CCCCCC;
bottom: 0;
clear: both;
height: 135px;
margin: 0 0 0 20px;
width: 974px;
}

#footer .left {
color: #666666;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
padding: 25px;
width: 680px;
clear: none;
}

#footer .right {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #999999;
float: right;
font-size: 10px;
padding: 35px 25px 0px 40px;
width: 183px;
}

#footer a {
color: #666666;
text-decoration: none;
padding: 3px;
}

#footer a:hover {
padding: 3px;
text-decoration: none;
background-color:#0093B9;
color:#fff;
}

#legaleaseShell {
width: 974px;
}

.legalease {
text-align: center;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 1.35em;
color: #999999;
}

/* homepage Content Text*/

#homepageContentText{
margin-top:25px;
display: inline-block;
clear: none;
width: 650px;
margin-left:35px;
}

#homeTopLeft {display:inline-block; float: left; width: 350px; margin-right: 20px; position: relative; }
.bigTxtHome {font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; line-height:31px; color:#697477;}
#homeTopMid  { 
	display: inline-block; 
	float: right; 
	width:220px;
	padding: 0 20px 1em 0;
	font-family: TeXGyreHerosRegular, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333333;
	font-style: normal;
	text-decoration: none;
	background: inherit;
	
	}

#homeTopMid p { 
	margin-top: 10px;
	line-height:24px !important;
	font-size: 15px;
}


	span.shiftMeUpABit {position: relative; top: -2px;}

.dropCap {
color: #fff; 
background-color:#afbabc; 
font-family: BreeSerifRegular, "Helvetica Neue", Helvetica, Arial, sans-serif; 
font-size: 60px; 
position: relative; 
top: 0; 
width:54px; 
height: 57px;  
padding: 0; 
margin-bottom: 5px; 
margin-right:5px; 
float: left;
}
.dropCapLetter {position: absolute; top: -16px; left: 12px;}

h3.widget-title {display:none;}

/* homepage Content Widget*/
#homepageContentWdiget {
float:right;
margin: 25px 20px 0 35px;
height: auto;
width: 200px;
position: relative;
display: inline;
padding: 0 1em 1em 1em;
}

#homepageContentWdiget h3, h3.homePageHead {
font-family: BreeSerifRegular, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
color: #fff;
background: #AFBABC;
padding: 3px 5px;
width: 110px;
margin: 0;
text-align: center;
line-height:18px;
letter-spacing: 0.1em;
}

#homepageContentWdiget h3 {position: relative; left: -8px;}

ul.popTopics {
list-style: url(images/interface/bulletLeader.png);
font-family: BreeSerifRegular, "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #7EA9AF;
width: 200px;
}

ul.popTopics li {
line-height: 1.4em;
margin:0;
padding:.8em 0 .4em 0;
margin-left: 1em;
font-weight: 300;
}

ul.popTopics a, ul.popTopics a:visited {
text-decoration: none;
}

ul.popTopics a:hover {
color: #000;
text-decoration: underline;
}

/* Apply for Permit Button*/
.applynow {
border-radius: 5px 5px 5px 5px;
background-color: #0093B9;
color: #FFF;
cursor: pointer;
font-family: TeXGyreHerosCnBoldItalic, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
padding: 5px 15px;
text-decoration: none;
}

.applynow:hover {
background-color: #FFF;
color: #000!important;
text-decoration: none;
}
/* HOME PAGE*/


#homepageContentText p {
padding: 0 0 1em 0;
font-family: TeXGyreHerosRegular, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 1.5em;
color: #373737;
font-style: normal;
text-decoration: none;
background: inherit;
/* 	font-weight:300; */
}

#homeTopContentShell {
width: 974px;
min-height: 420px;
text-align:left;
margin: 0;
position: relative;
border-left: 1px solid e6e6e6;
/*background-color:#0FF; */ 
}

#homeMidContentShell {
width: 974px;
height: 285px;
text-align:left;
margin: 0;
position: relative;
border-top: 1px dotted #cccccc;
}

#homeMid-L {position: relative; float: left; display: inline; height:285px; padding: 27px 35px 0 35px;}
#homeMid-M {position: relative; float: left; display: inline; height:285px; padding: 27px 35px 0 35px; border-left: 1px dotted #cccccc; border-right: 1px dotted #cccccc;}
#homeMid-R {position: relative; float: left; display: inline; height:285px; padding: 27px 35px 0 35px;}
.homeGizmoImg {position: relative; width: 254px; height:130px; background: #999; margin-bottom:7px;}
.homeGizmoBTN {position: absolute; left:0; bottom:0; font-family: BreeSerifRegular, Georgia, serif; font-size: 12px; color:#D6EF1B; z-index:5; display: inline-block; height:20px; background:#333333; padding:3px 6px 1px 6px; letter-spacing: 0.1em;}

.homeGizmoHEAD {width: 170px; position: absolute; top: 170px; left:35px; z-index:3;}
.homeHeadMID {font-family: BreeSerifRegular, Georgia, serif; font-size: 24px; margin:0; padding:0; line-height:24px; display:inline; float: left;}
.homeGizmoCOPY-1 {top: 170px; left: 205px; width: 100px; position: absolute; z-index:2;}
.homeGizmoCOPY-2 {top: 170px; left: 205px; width: 90px; position: absolute; z-index:2;}
.homeGizmoCOPY-3 {top: 170px; left: 190px; width: 100px; position: absolute; z-index:2;}

#homeBotContentShell {
width: 974px;
height: 162px;
text-align:left;
margin: 0;
position: relative;
clear:both;
}

#bspCoverShell {
padding: 42px 20px 40px 35px;
width: 102px;
float:left;
}


#bspTextLinkShell {
padding: 50px 0 0 0;
width: 500px;
float: left;
}

.homeHeadSmall {font-family: BreeSerifRegular, Georgia, serif; font-size: 18px; margin:0; padding:0; line-height:20px;}
.hometxtSmall {font-size: 12px; margin:5px 0 0 0; padding:0; color:#666666; line-height:18px;}
.hometxtSmall a, .hometxtSmall a:visited {color:#009999;}
.hometxtSmall a:hover {color:#009999; text-decoration: underline;}
#home311Box {float:left; margin-top:38px; width:284px; height:95px; background:url('http://sfbetterstreets.org/wp-content/themes/nicebollards/images/interface/home311Box_03.png')}
#home-311-image {margin:19px 16px 0 20px; float:left; display: inline;}
#home311txt {margin-top:16px; float:left; display: inline;}


/* HOMEPAGE HEADER SLIDESHOW*/


#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:974px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/


.slides_container div.slide {
	width:974px;
	height:300px;
	display:block;
}


/*
	Next/prev buttons


#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}
*/

/*
	Pagination
*/

.pagination {
	width:130px;
	margin-right:10px;
	position: absolute;
	z-index:1000;
	top: 20px;
	right: 0;
}

.pagination li {
	float:left;
	margin:0 2px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.homeSlidesCaption {
	z-index:500;
	position:absolute;
	top:200px;
	left:0;
	height:70px;
	padding:0;
	margin:0;
	
	text-shadow:none;
}

.homeSlidesCaptionTxt {
	font-size:3em;
	color:#000;
	float:left;
	display:inline;
	background:#D6EF1B;
	padding:5px;
	display:inline;

}

.homeSlidesCaptionArrowHead {
	width:10px;
	height:70px;
	background:url('http://www.sfbetterstreets.org/wp-content/themes/nicebollards/images/homeHeadSlides/captionArrowHead.png');
	float:right;
	display:inline;
}

/* homepage gizmo */
#homeGizmoShell {position: relative; z-index:0; left:1px; width:974px; height:365px; overflow: hidden; background-image:url(images/homeGizmo/streetScene.png)}

#txtContentShell {position: absolute; top:0; right:0; z-index:2; width: 334px; height:365px; text-align: left; }

/*make width 314px if remove padding*/
.homeGizmoHead {font-family: BreeSerifRegular, Georgia, serif; color:#454545; font-size:30px; line-height: 1em; margin: 40px 29px 0 29px;}

.homeGizmoTxt {font-family: Georgia, "Times New Roman", Times, serif; color: #3f3f3f; font-size: 17px; margin: 0 29px 0 29px;}

.hidesThings {}

.dotBtn {cursor:pointer; width:14px; height:14px; margin:12px; opacity:.7; filter:alpha(opacity=70); filter: "alpha(opacity=70)"; background: transparent;}

/*Street Trees*/	#dot1			{position: absolute; top:15px; left: 45px; z-index:201;}

/*Bike Parking*/ 	#dot2			{position: absolute; top:150px; left: 29px; z-index:202;}

/*Bulbouts*/		#dot3			{position: absolute; top:75px; left: 330px; z-index:203;}

/*Crosswalks*/	 	#dot4			{position: absolute; top:127px; left: 280px; z-index:204;}

/*Parklets*/		#dot5			{position: absolute; top:260px; left: 312px; z-index:205;}

/*St. Lights*/		#dot6			{position: absolute; top:130px; left: 472px; z-index:206;}

/*SW Lndscpng*/ 	#dot7			{position: absolute; top:293px; left: 435px; z-index:207;}

/*Cafe Seating*/	#dot8			{position: absolute; top:80px; left: 600px; z-index:208;}

/*Green Bulb*/		#dot9			{position: absolute; top:130px; left: 136px; z-index:203;}

/*Green Mask */	#greenMask {position: relative; z-index:300; background: url(images/homeGizmo/maskDot.png); width:334px; height:365px; float: right; display: none;}

/*Default page*/	#noDot	{position: absolute; z-index:100; width:100%; height: 100%;}

/*Street Trees*/	#dotTxt1	{position: absolute; z-index:101; width:100%; height: 100%; display: none;}

/*Bike Parking*/	#dotTxt2	{position: absolute; z-index:102; width:100%; height: 100%; display: none;}

/*Bulbouts*/		#dotTxt3	{position: absolute; z-index:103; width:100%; height: 100%; display: none;}

/*Crosswalks*/		#dotTxt4	{position: absolute; z-index:104; width:100%; height: 100%; display: none;}

/*Parklets*/		#dotTxt5	{position: absolute; z-index:105; width:100%; height: 100%; display: none;}

/*St. Lights*/		#dotTxt6	{position: absolute; z-index:106; width:100%; height: 100%; display: none;}

/*SW Lndscpng*/ 	#dotTxt7	{position: absolute; z-index:107; width:100%; height: 100%; display: none;}

/*Cafe Seating*/	#dotTxt8	{position: absolute; z-index:108; width:100%; height: 100%; display: none;}

/*Green Bulb*/		#dotTxt9	{position: absolute; z-index:109; width:100%; height: 100%; display: none;}