p, body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 90%; color: #555555; }

img { border: 0px; }

h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

h4.news-headline { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 36px; line-height: 1em; font-weight: bold; color: #222222; margin: 0px; }

a:link { font-weight: bold; color: #85a004; text-decoration: underline; }

a:visited { font-weight: bold; color: #85a004; text-decoration: underline; }

a:active { font-weight: bold; color: #85a004; text-decoration: underline; }

a:hover { font-weight: bold; color: #506003; text-decoration: underline; transition-property: color; -webkit-transition-duration: .5s; -webkit-transition-delay: .2s; -moz-transition-duration: .5s; -moz-transition-delay: .2s; }

.news-article { width: 500px; height: auto; }

.nml { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; color: #555555; }

.nml a:link { font-weight: bold; color: #85a004; text-decoration: underline; }

.nml a:visited { font-weight: bold; color: #85a004; text-decoration: underline; }

.nml a:active { font-weight: bold; color: #85a004; text-decoration: underline; }

.nml a:hover { font-weight: bold; color: #506003; text-decoration: underline; transition-property: color; -webkit-transition-duration: .5s; -webkit-transition-delay: .2s; -moz-transition-duration: .5s; -moz-transition-delay: .2s; }

.nml2 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px; color: #555555; }

.nml2 a:link { font-weight: bold; color: #85a004; text-decoration: underline; }

.nml2 a:visited { font-weight: bold; color: #85a004; text-decoration: underline; }

.nml2 a:active { font-weight: bold; color: #85a004; text-decoration: underline; }

.nml2 a:hover { font-weight: bold; color: #506003; text-decoration: underline; transition-property: color; -webkit-transition-duration: .5s; -webkit-transition-delay: .2s; -moz-transition-duration: .5s; -moz-transition-delay: .2s; }

.util { font-size: 70% }

.notice { font-size: 80% }

.calendar { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

.narrow { padding: 0;
margin: 0 } 

.menu { font-size: 80%;
margin-top: 0px;
margin-bottom: 5px
}

.home { font-size: 80%;
margin-right: 10px;
margin-bottom: 5px
}

.text { font-size: 80%;
margin-right: 10px;
margin-left: 10px
}

dl.norm { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 90%;
color: #000000;
background: #ffffff
}

ul li { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #555555;
background: #ffffff;
font-size: 90%;
list-style-image: url('/themes/outfront/www.outfront.org/images/bullet3.gif')
}

ol li { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #555555;
background: #ffffff;
font-size: 90%;
}



#thumb img {
	padding: 5px 5px 5px 5px;
	background-color: #C0C0C0;
	border: 0px
}

p.archive { background: #33cc33
}

p.archiveb { background: #66ff33
}

p.archivec { background: #000000
}

p.vote { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: x-small;
color: #000000
}

table.results { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: x-small;
color: #000000
}

#full_page_wrapper { width: 750px; height: auto; margin: 0 auto; padding: 10px 0 0 0; }


#topnavwrapper {
	height: 25px;
	margin: 0px;
	margin-top: 20px;
	padding-left: 110px;
	font-size: 12pt;
}

#subnavwrapper {
	width: 750px;
	height: 23px;
	margin: 0px;
	padding-top: 2px;
	background: #85a004;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: white;	
	margin-bottom: 10px;
	//border: 1px solid #85a004;
}

#subnavwrapper a {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: white;
}
	
#subnavwrapper a:hover {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #ffcc00;
	transition-property: color;
	-webkit-transition-duration: .5s; 
	-webkit-transition-delay: .2s; 
	-moz-transition-duration: .5s; 
	-moz-transition-delay: .2s;
}

#subnavwrapper a.active {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #ffcc00;
}

/* ----------------------------------------------------------- */
#topnav a
{
color: #ffffff;
background: #336699;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
text-decoration: none;
padding-left: 3px;
padding-bottom: 0px;
padding-bottom: 4px;
padding-top: 3px;

-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

#topnav a span
{
background: #336699;
padding-right: 3px;
padding-top: 3px;

-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}

#topnav a.active
{
color: #ffcc00;
background: #85a004;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
text-decoration: none;
padding-left: 3px;
padding-bottom: 0px;
padding-bottom: 4px;

padding-top: 3px;

-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;

transition-property: background;
-webkit-transition-duration: .5s; 
-webkit-transition-delay: .2s; 
-moz-transition-duration: .5s; 
-moz-transition-delay: .2s;
}

#topnav a.active span
{
background: #85a004;
padding-right: 3px;
padding-top: 3px;

-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;

transition-property: background;
-webkit-transition-duration: .5s; 
-webkit-transition-delay: .2s; 
-moz-transition-duration: .5s; 
-moz-transition-delay: .2s;
}
/* ----------------------------------------------------------- */




#topnav a, #navigation a span
{
display: block;
float: left
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none
}
/* End hide */

#topnav a:hover
{
color: #ffcc00;
background: #85a004;
padding-left: 3px;
}

#topnav a:hover span
{
background: #85a004;
padding-right: 3px;

transition-property: background;
-webkit-transition-duration: .5s; 
-webkit-transition-delay: .2s; 
-moz-transition-duration: .5s; 
-moz-transition-delay: .2s;
}

#topnav ul
{
list-style: none;
padding: 0px;
margin: 0px;
}

#topnav li
{
list-style: none;
float: left;
margin: 0px;
margin-right: 2px;
}


#content { 
	margin-left: 0px;
	margin-right: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000000;
	background: none;
}

#footer {
	width: 750px;
	height: auto;
	margin: 20px 0px;
	padding: 0px;
	border-top-style: solid;
	border-top-color: #85a004;
	border-top-width: 3px;
}

p.footer-text {
	font-size: 11px;
	text-align: center;
	padding: 10px 0px 0px 0px;
}

/* CMS Specific Stuff */
.control_bar {
        position: absolute;
        text-align: left;
        z-index: 99;
}

#control {
        text-align: left;
        padding-left: 5px;
        width: 300px;
        color: black;
        font-family: Verdana, sans-serif;
        font-size: 12px;
        z-index: 99;

}

#control a b {
        color: red;
}

#pgtitle {
	width: 500px;
	background-color: #877d62;
	color: white;
	font-size: 16pt;
	padding-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	letter-spacing: 2px;
}

.bannerblurb { 
	font-size: 10px;
}

.modal {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color: white;
	
	width:400px;	
	min-height:200px;
	border:1px solid #666;
	
	padding: 20px;
	

}

/* close button positioned on upper right corner */
.modal .close {
	background-image:url(/lib/images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
	
.overlayMe { 
	cursor: pointer;
	color: blue;
}



/* ------------- YEA 2012 Custom CSS Remove after December 2012 --------------------------- */
.hero_gradient {  
   	background: url(/images/green2blue_750x750.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	transition-property: background; 
	-webkit-transition-duration: .9s; 
	-webkit-transition-delay: .4s; 
	-moz-transition-duration: .9s; 
	-moz-transition-delay: .4s;
	transition-duration: .9s; 
	transition-delay: .4s;
}  
  
.hero_gradient:hover, .hero_gradient:focus, .hero_gradient:active {  
    background: url(/images/yellow2magenta_750x750.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	transition-property: background; 
	-webkit-transition-duration: .9s; 
	-webkit-transition-delay: .4s; 
	-moz-transition-duration: .9s; 
	-moz-transition-delay: .4s;
	transition-duration: .9s; 
	transition-delay: .4s;
}

.gradient_2 {  
   	background: url(/images/yellow2magenta_750x750.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	transition-property: background; 
	-webkit-transition-duration: .9s; 
	-webkit-transition-delay: .4s; 
	-moz-transition-duration: .9s; 
	-moz-transition-delay: .4s;
	transition-duration: .9s; 
	transition-delay: .4s;
}  
  
.gradient_2:hover, .gradient_2:focus, .gradient_2:active {  
   	background: url(https://www.outfront.org/images/blue2pink_750x750.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	transition-property: background; 
	-webkit-transition-duration: .9s; 
	-webkit-transition-delay: .4s; 
	-moz-transition-duration: .9s; 
	-moz-transition-delay: .4s;
	transition-duration: .9s; 
	transition-delay: .4s;
}

.gradient_3 {  
   	background: url(/images/blue2pink_750x750.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	transition-property: background; 
	-webkit-transition-duration: .9s; 
	-webkit-transition-delay: .4s; 
	-moz-transition-duration: .9s; 
	-moz-transition-delay: .4s;
	transition-duration: .9s; 
	transition-delay: .4s;
}  
  
.gradient_3:hover, .gradient_3:focus, .gradient_3:active {  
   	background: url(/images/green2blue_750x750.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	transition-property: background; 
	-webkit-transition-duration: .9s; 
	-webkit-transition-delay: .4s; 
	-moz-transition-duration: .9s; 
	-moz-transition-delay: .4s;
	transition-duration: .9s; 
	transition-delay: .4s;
}