/* 
TABLE OF CONTENTS

  HTML Elements
  Page Structure
  Headings
  Content Area
  Forms
  Clear
  Footer



/* ---------- @ HTML Elements -----------*/

* { 
	margin: 0;
	padding: 0;
} 

body, html {	
	color:#666;
	background: #E7E7E7;
	min-height:101%;
}

body, select, textarea, input {	
	font: 100% Arial,Verdana,sans-serif;
}

p {	
	margin: 15px 0;
}
		
a, a:visited {	
	text-decoration:none;
	color: #666; 
}

a:hover, a:active {	
	color:#CC0000;
}

a.more, 
span.more a {
	color:#CC0000;
}

span.more {
	display:block;
	margin:-5px 0px 0px 12px;
}

ul {
	margin:20px 0px 20px 48px;
}

*:focus { 
	outline: none;
}




/* ---------- @ Page Structure -----------*/

#wrapper {
	font-size:.75em;
	line-height:1.5em;
	background:#E7E7E7;
	margin: 0 auto;
	padding-bottom:10px;
	width:956px;
	border:none;
}
	   
#content {
	padding:0px 30px;
}

#interior #content {
	padding:20px 20px 0px;
	background:#FFF url(/images/tile_dots.gif) repeat-y left top;	
}

#content-wrap {
	padding:56px 0px 60px;
	background:#FFF url(/images/shadow_top.gif) repeat-x left top;
	border-bottom:1px solid #CCC;
}

#interior #content-wrap {
	padding-top:40px;
}

#content-wrap.astoria,
#content-wrap.boston {
	background-image:none;
}

#home #about {
	width:560px;
	padding-bottom:20px;
}

#home #recent {
	width:290px;
	border-top:1px solid #ACACAC;
	padding-bottom:20px;
}

#home #sites {
	clear:both;
}

#home #portfolio {
	width:560px;
	border-top:1px solid #ACACAC;
}

#home #development {
	width:290px;
	border-top:1px solid #ACACAC;
	clear:right;
}

#home #portfolio .entry,
#home #development .entry {
	float:left;
}

#interior #section-header {
	height:20px;
	padding-bottom:11px;
	background:url(/images/shadow_bottom.gif) repeat-x left bottom;
}

#interior #section-header.astoria,
#interior #section-header.boston {
	padding-bottom:0px;
	background:none;
}

#interior #main {
	width:570px;
	padding-left:30px;
}

#interior.page-the-uspg-team #main,
#interior #main.publications,
#interior.page-contact #main {
	width:520px;
	padding-left:80px;
}

#interior .boston #main,
#interior .astoria #main {
	width:570px;
}

#interior #main.calendar,
#interior.page-south-pier #main,
#interior.page-luyster-creek #main {
	width:576px;
	padding-left:20px;
}

#interior.page-arabic #main,
#interior.page-chinese #main {
	font-size:1.2em;
	line-height:1.4em;
}

#interior #sidebar {
	width:286px;
}

.left {	
	float:left;
}

.right {	
	float:right
}


		
/* ---------- @ Headings -----------*/

		   
h1 {
	background: url(/images/logo.gif) no-repeat left top;
	margin:32px 0px 40px;
	text-indent:-9999px;
	display:block;
	width:330px;
	height:22px;
}

#interior h1 a {
	display:block;
	width:330px;
	height:22px;
}

#interior h1#logo-astoria {
	background:url(/images/logo_astoria_main.gif) no-repeat left top;
	width:230px;
	height:106px;
	margin:0px;
}

#interior h1#logo-astoria a {
	width:230px;
	height:106px;
}

h2 {	
	font-size: 1.6em
}

#home #about h2 {
	text-indent:-9999px;
	background:url(/images/hdr_who.gif) no-repeat left top;
	width:108px;
	height:14px;
	margin:15px 0px 0px 12px;
}

h2#section-title,
h2#latest-news {
	float:left;
	color:#FFF;
	font-size:11px;
	letter-spacing:2px;
	text-transform:uppercase;
	line-height:1em;
	height:12px;
	padding:4px 0px 4px 50px;
	width:600px;
	background:#151A60 url(/images/bullet_blue_bg.gif) no-repeat 36px 6px;
}

h2#latest-news {
	float:right;
	padding:4px 0px 4px 60px;
	width:246px;
	background:#323E7B none;
}

#interior h2#spip-header a,
#interior h2#spip-header a:visited,
#interior h2#spip-header a:hover,
#interior h2#lcep-header a,
#interior h2#lcep-header a:visited,
#interior h2#lcep-header a:hover {
	color:#525759;
	padding-top:72px;
	margin:0px 0px 20px 0px;
	font-size:18px;
	text-transform:uppercase;
	letter-spacing:3px;
	display:block;
	float:right;
}

	
h3 {	
	font-size: 1.4em
}

#home #recent h3 {
	text-indent:-9999px;
	background:url(/images/hdr_recent_news.gif) no-repeat left top;
	width:114px;
	height:13px;
	margin:15px 0px 0px 12px;
}

#home #portfolio h3 {
	text-indent:-9999px;
	background:url(/images/hdr_from_our_portfolio.gif) no-repeat left top;
	width:159px;
	height:18px;
	margin:15px 0px 0px 12px;
}

#home #development h3 {
	text-indent:-9999px;
	background:url(/images/hdr_in_development.gif) no-repeat left top;
	width:137px;
	height:18px;
	margin:15px 0px 0px 12px;
}

#interior #main h3 {
	color:#003366;
	font-size:16px;
	font-weight:normal;
	line-height:1.3em;
}

#interior #sidebar h3 {
	text-transform:uppercase;
	font-size:12px;
	font-weight:normal;
	padding:14px 0px 0px 60px;
}

#interior.page-get-involved h3,
#interior.page-document-repositories h3,
#interior.page-spanish #main h3,
#interior.page-arabic #main h3,
#interior.page-chinese #main h3 {
	padding-bottom:15px;
}

h4 {	
	font-size: 1.2em
}

#home .entry h4 {
	font-size:1em;
	font-weight:normal;
	margin:8px 0px 0px 5px;
	padding-left:12px;
	background:url(/images/bullet.gif) no-repeat left 4px;
}

#interior #main h4 {
	font-size:11px;
}

#interior #main.press-release h4,
#interior.page-faq #main h4 {
	color:#003366;
	font-size:12px;
	font-weight:bold;
	padding-top:6px;
}

#interior.page-project-team #main h4,
#interior.page-agency-links #main h4,
#interior.page-get-involved #main h4,
#interior.page-document-repositories #main h4,
#interior.page-spanish #main h4,
#interior.page-arabic #main h4,
#interior.page-chinese #main h4,
#interior.page-whos-who #main h4 {
	color:#003366;
	font-size:1em;
	font-weight:normal;
	margin-top:15px;
}

#interior.page-project-team #main h5,
#interior.page-agency-links #main h5,
#interior.page-get-involved #main h5,
#interior.page-spanish #main h5,
#interior.page-arabic #main h5,
#interior.page-chinese #main h5,
#interior.page-whos-who #main h5 {
	color:#CC0000;
	font-size:1em;
	font-weight:normal;
}


/* ---------- @ Content Area -----------*/

/*Home*/

#home #about p {
	padding:0px 12px;
}

#home #recent p {
	padding:0px 12px;
	background:url(/images/bullet.gif) no-repeat left 4px;
}

#home .entry {
	margin:0px 40px 0px 10px;
	padding-top:18px;
	display:inline;
}

#home #development .entry {
	display: block;
	float: none;
	overflow: hidden;
}

#home .entry img {
	border:5px solid #DDD;
}


/*Interior*/

a#contact-btn,
a.download-btn {
	float:right;
	clear:both;
	line-height:2.2em;
	text-transform:uppercase;
	font-size:10px;
	padding-left:24px;
	margin-top:-56px;
	background:url(/images/download.gif) no-repeat left top;
}

#interior a.download-btn {
	float:left;
	margin-top:15px;
}

#latest-news a:link,
#latest-news a:visited {
	color:#FFF;
}

#latest-news a:hover {
	color:#CC0000;
}

#interior .press-release .date {
	font-weight:bold;
	margin-bottom:15px;
}

#interior a.publink {
	display:block;
	float:left;
	margin-top:30px;
	border:1px solid #CCC;
}

#interior a.publink img {
	border:none;
	clear:both;
}

#interior.page-faq ol {
	padding:10px 0px 20px 20px;
}

#interior.page-faq ol#faq-cats {
	padding:20px 0px 20px 20px;
}

#interior #logos {
	clear:both;
}

/* Project Home Pages */

#interior.page-south-pier div.thumb,
#interior.page-luyster-creek div.thumb {
	float:left;
	width:139px;
	text-align:center;
	margin-bottom:20px;
}

#interior.page-south-pier div.thumb a img,
#interior.page-luyster-creek div.thumb a img {
	border:none;
	margin-bottom:15px;
}

#interior.page-luyster-creek div.overview-thumb a img {
	margin-left: 24px;
	margin-top: 23px;
}

#interior.page-south-pier div.thumb a.pic,
#interior.page-luyster-creek div.thumb a.pic {
	float:left;
}

#interior.page-south-pier div#languages.thumb a.nopic,
#interior.page-luyster-creek div#languages.thumb a.nopic {
	display:block;
	margin-top:130px;
}

#interior.page-south-pier div#languages.thumb img,
#interior.page-luyster-creek div#languages.thumb img {
	margin-bottom:0px;
}

#interior.page-maps #main p,
#interior.page-documents #main p,
#interior.page-downloads #main p,
#interior.page-gowanus-generating-station p,
#interior.page-pictures p {
	margin:0px 0px 20px 0px;
}

#interior #maps a,
#interior #pictures a {
	border:none;
}

#interior #maps a img {
	margin:0px 20px 25px 0px;
}

#interior #maps a img,
#interior #pictures a img {
	border:none;
	float:left;
}

#interior #pictures a {
	display:block;
	float:left;
	margin:0px 20px 25px 0px;
	border:5px solid #CCC;
}

#interior .ngg-clear {
	clear:none;
}

#interior #main img.stats {
	float:left;
}

#interior .ngg-galleryoverview {
	width:268px;
	float:right;
	clear:none;
	margin:-8px 0px 20px 16px;
}

#interior .ngg-galleryoverview .slideshow {
	margin:0px;
	border:4px solid #CCC;
}

#interior .ngg-galleryoverview .slideshowlink {
padding-bottom:8px;
}



#interior .download {
	float:left;
	clear:both;
	padding:20px 0px 24px;
	border-bottom:1px solid #CCC;
	width:100%;
}

#interior #main .download h4 {
	color:#151A60;
	font-size:1em;
	font-weight:normal;
}

#interior #main .download h4 span {
	text-transform:uppercase;
}

#interior .download p {
	clear:both;
	margin:0px;
}

#interior .download a.download-btn {
	margin-top:6px;
}

#interior.page-project-team #main p,
#interior.page-agency-links #main p,
#interior.page-document-repositories #main p,
#interior.page-whos-who #main p {
	margin:0px;
}

#interior.page-get-involved #main p,
#interior.page-spanish #main p,
#interior.page-arabic #main p,
#interior.page-chinese #main p {
	margin:0px 0px 15px;
}

ul.languages {
	list-style:none;
	padding:15px 0px 0px;
	margin:0px;
}

ul.languages li a img {
	border:none;
	padding-right:8px
}

ul.arabic {
	margin-right:40px;
}

#interior.page-arabic p.download-btn,
#interior.page-spanish p.download-btn,
#interior.page-chinese p.download-btn {
	float:left;
	width:100%;
	clear:both;
}

#interior.page-arabic p a.download-btn,
#interior.page-spanish p a.download-btn,
#interior.page-chinese p a.download-btn {
	margin-top:0px;
}

#interior.page-arabic p a.download-btn {
	float:right;
}

img.picleft,
img.alignleft {
	float:left;
	margin:4px 14px 14px 0px;
	border:4px solid #CCC;
	display:inline;
}

img.picright,
img.alignright {
	float:right;
	margin:4px 0px 14px 14px;
	border:4px solid #CCC;
	display:inline;
}

/* Calendar */

.calnk a:hover {
	 background-position:0 0;
	 text-decoration:none;  
	 color:#000000;
	 border-bottom:1px dotted #000000;
	 }
.calnk a:visited {
	 text-decoration:none;
	 color:#000000;
	 border-bottom:1px dotted #000000;
	}
.calnk a {
	text-decoration:none; 
	color:#000000; 
	border-bottom:1px dotted #000000;
	}
.calnk a span { 
	display:none; 
	}
.calnk a:hover span {
	color:#333333; 
	background:#F6F79B; 
	display:block;
	position:absolute; 
	margin-top:1px; 
	padding:5px; 
	width:150px; 
	z-index:100;
	}
 .calendar-table {
	border:none;
	width:100%;
 }
 .calendar-heading {
	height:25px;
	text-align:center;
	border:1px solid #D6DED5;
	background-color:#151a60;
 }
 .calendar-heading a, .calendar-heading a:visited {
	color: #fff;
 }
 .calendar-heading a:hover, .calendar-heading a:active {
	color: #cc0000;
 }
 .calendar-next {
	width:25%;
	text-align:center;
 }
 .calendar-prev {
	width:25%;
	text-align:center;
 }
 .calendar-month {
	width:50%;
	text-align:center;
	font-weight:bold;
	color: #fff;
 }
 .normal-day-heading,
 .weekend-heading {
	text-align:center;
	width:25px;
	height:25px;
	font-size:0.8em;
	border:1px solid #DFE6DE;
	background-color:#EBF2EA;
 }
 .day-with-date {
	vertical-align:text-top;
	text-align:left;
	width:60px;
	height:60px;
	border:1px solid #DFE6DE;
 }
 .no-events {

 }
 .day-without-date {
	width:60px;
	height:60px;
	border:1px solid #E9F0E8;
 }
 .current-day {
	vertical-align:text-top;
	text-align:left;
	width:60px;
	height:60px;
	border:1px solid #BFBFBF;
	background-color:#323e7b;
	color: #fff;
 }
 span.event {
	font-size:0.75em;
 }
 .event-title {
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
 }
 .event-title-break {
	width:96%;
	margin-left:2%;
	margin-right:2%;
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
	height:1px;
	background-color:#000000;
 }
 .event-content-break {
	width:96%;
	margin-left:2%;
	margin-right:2%;
	margin-top:5px;
	margin-bottom:5px;
	text-align:center;
	height:1px;
	background-color:#000000;
 }
 .calendar-date-switcher {
	height:25px; color:#FFF;
	text-align:center;
	border:1px solid #D6DED5;
	background-color:#151a60;
 }
 .calendar-date-switcher form {
	margin:0;
	padding:0;
 }
 .calendar-date-switcher input {
	border:1px #D6DED5 solid;
 }
 .calendar-date-switcher select {
	border:1px #D6DED5 solid;
 }
 .cat-key {
	width:100%;
	margin-top:10px;
	padding:5px;
	border:1px solid #D6DED5;
 }
 .kjo-link {
	display: none !important;
 }

/*Table*/		

.data {
	width:100%;
	border-collapse:collapse;
	margin:10px 0;
	}

.data td, .data th {
	border-bottom:1px solid #bbbd9e;
	padding:3px;
	}

.data th {
	color:#3c3c3c;
	font-weight:normal
	}
	
.data td {
	color:#76785a;
	}
	
.data .even {
	background:#FFF;
	}
	
.data .odd {
	background:#d3e2ed;
	}	

.data th {
	text-align:left;
	width:142px;
	}	
		
	
	
/* ---------- @ Forms -----------*/


.button {	
	background: #e3e5dd ! important;
	border:#e3e5dd 1px solid;
	margin: 0 0 1px 3px;
	font-size:0.9em;
	}

.button:focus {	
	background: #e3e5dd ! important;
	}
		
.button:hover {	
	background: #b2b5a9 ! important;
}

.field {
	background:#a48c80;
	border:none;
	}	

/* cforms */

input.single {
	width:180px;
}

textarea.area {
	width:250px;
}

p.linklove {
	display:none;
}

#interior.page-arabic .cform,
#interior.page-chinese .cform,
#interior.page-spanish .cform {
	width:510px;
}

#interior.page-arabic #cforms6form label,
#interior.page-chinese #cforms5form label,
#interior.page-spanish #cforms4form label, 
#interior.page-arabic #cforms6form label span,
#interior.page-chinese #cforms5form label span,
#interior.page-spanish #cforms4form label span {
	width:160px;
}

#interior.page-spanish .cform input.sendbutton,
#interior.page-arabic .cform input.sendbutton,
#interior.page-chinese .cform input.sendbutton {
	margin-left:170px;
}

/*Clear*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block
	}

.clearfloat {
	display:block
	}




/* ---------- @ Footer -----------*/

#footer {
	margin:0 auto;
	width:956px;
	font-size:11px;
	line-height:1.3em;
	padding:0px 0px 30px 0px;
}