/*----Reset----*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*----core styles----*/
body {
	background-color : #DFE9F2;
	background-image : url(http://www.brooklyngreenway.org/assets/index_bg.gif);
	background-repeat : repeat-x;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 14px;

}


a {
color: #0000FF;
text-decoration: none;
}

a:hover {
color: #7D7EBD;
text-decoration: underline;
}

a:visited {
color: #646DFE;
}


h1 {
    background-color: transparent;
	background-image : url(http://www.brooklyngreenway.org/assets/bgi_logo.gif);
	background-repeat : no-repeat;
    height: 174px;
    margin-left: 27px;
    text-indent: -9999px;
    width: 175px;
}


p {
  margin-bottom: 25px;
}


ul {
 margin-bottom: 25px;
}


.clear {
clear: both;
}

.clear10 {
clear: both;
height: 10px;
}

.clear35 {
clear: both;
height: 35px;
}

/*----sidebar and navigation----*/
.leftColumn {
margin: 0px 65px 0px 36px;
float: left;
width: 185px;
}

.leftColumn h2 {
color:#008C00;
}



/*Style Applied to the Paragraphs for Main Section Links */
.navButts {
	color : #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 4px;
	margin-top : 6px
}

.navButts a {
	background-color : #CFD5C8;
	border : 1px solid #999999;
	color : #333333;
	display : block;
	padding-bottom : 2px;
	padding-left : 12px;
	padding-top : 4px;
	text-decoration : none;
	width : 100%
}

.navButts a:hover {
	background-color : #CDC9D8;
	border : 1px solid #999999;
	color : #FFFFFF;
	text-decoration : none
}

/*Style Applied to the Paragraphs for the Sub-Section Links */
.navSubs {
	color : #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px
}

.navSubs a {
	background-color : #FFFFFF;
	display : block;
	padding-left : 14px;
	text-decoration : none;
	width : 100%
}



.navSubs a:hover {
	background-color : #F4F4F4;
	color : #999999;
	text-decoration : none
}


.navSubsOn {
  background-color : #FFFFFF;
	display : block;
    margin-bottom : 2px;
	margin-left : 0px;
	margin-top : 0px;
	padding-left : 14px;
	text-decoration : none;
	width : 100%;
    font-size: 12px;
    font-weight:normal;
}


/*Style Applied to the Paragraphs for Static Down-State Main Section Links */
.navViz {
	color : #333333;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : normal;
	margin-bottom : 6px;
	margin-left : 0px;
	margin-top : 6px
}

.navViz a {
	background-color : #CCCCCC;
	border : 1px solid #999999;
	color : #FFFFFF;
	display : block;
	padding-bottom : 2px;
	padding-left : 12px;
	padding-top : 4px;
	text-decoration : none;
	width : 100%
}


/*----E-Newsletter Styles----*/

.eNewsContainer {
font-family: verdana;
font-size: 11px;
width: 160px; padding: 10px;
background: #dddddd;
margin-top: 20px;
border: 1px #c5d6b7 solid;
}


.eNewsContainer strong {
color: #155CAF;
font-size: 13px;
}


.eNewsContainer #txtSearch   {
margin-top: 5px;
border: 1px solid #c5d6b7;
padding: 3px;
font-size: 10px
}

.eNewsContainer #goButton {
margin-top: 5px;
border: none;
padding: 3px;
background-color: #3877C5;
color: white;
font-size: 12px;
float: right;
margin-right: 1px;
}



 /*----content----*/
 .contentColumn {
 float: left;
 margin: -90px 0px 0px;
 width: 660px;
 }


 .contentColumn h2 {
  font-size: 18px;
 }


  .contentColumn h3 {
    font-size: 12px;
    font-weight: normal;
    color: #868B8F;
    margin: 3px 0px 15px;
 }
 
 /*----Home Page Styles----*/
 
#calloutImage {
list-style-type: none;
padding: 0px;
width: 703px;
margin: 40px 0px 14px;
}

#calloutImage li{
position: relative;
margin: -45px 0px 0px 0px;
width: 703px;
}

.calloutText {
width: 703px;
}

.LayerMain {
float: left; 
margin-top: -130px; 
margin-left: 60px;
}

.leftColHome {
float: left; 
margin-right: 24px;
width: 337px; 
}


/*----Greenway Status Callout----*/
.greenwayStatus {
    float: left;
    border-top: none;
    border-left: solid #3dbd50 1px;
    border-right: solid #3dbd50 1px;
    border-bottom: solid #3dbd50 1px;
    background-image: url(http://www.brooklyngreenway.org/images/greenway-news.png);
    background-repeat: no-repeat;
    background-position: 0px -2px;
    width: 330px;
    padding: 12px 5px 5px 5px;
    margin-bottom: 16px;
}


.greenwayStatus  ul {
    margin: 28px 0px 0px 0px;
    margin-bottom: 10px;
	padding: 0px;
    color: black;
    font-weight: normal;
  }

.greenwayStatus  ul  li {
	margin: 14px 0px 0px 6px;
  }



.statusText {
background-color: #97c93c;
border-right: 7px white solid;
color: #fff;
float: left;
font-size: 16px;
height: 33px;
*height: 34px;
margin-top: -4px;
*margin-top: -6px;
padding: 6px 10px 0px;
padding: 8px 10px 0px;
*position: relative; top: 1px;
width: 240px;
}

.statusLink {
background-color: #E29717;
color: #fff;
float: left;
font-size: 24px;
height: 33px;
margin-top: -2px;
padding: 6px 16px 0px 0px;
position: relative;
text-align: right;
width: 420px;
}

.statusLink a {
color: #0000FF !important;
}




.subcalloutContainer {
margin-top: 40px;
width: 740px;
}

.credit {
display: block;
float: right;
margin-top: 7px;
margin-right: 0px;
font-size: 11px;
color: #7F7F7F !important;
font-style: italic;
text-decoration: none;
}

a:hover.credit  {
text-decoration: underline !important;
}


a.moreBoxes {
    background-color: #e1e3df;
    padding: 3px;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    float: right;
}

.moreAbout {
background-color: #e1e3df;
margin-top: 12px;
padding: 3px;
text-decoration: none;
font-size: 11px;
font-weight: bold;
float: right
}

#callout {
  width: 748px;
  height: 296px;
  margin: 40px 0px;
}


.usersGuide {
background:#DDDDDD none repeat scroll 0 0;
border:1px solid #C5D6B7;
font-family:verdana;
font-size:12px;
margin-top:20px;
padding:10px;
width:160px;
}

.usersGuide h2 {
color:#155CAF;
font-size:14px;
margin-top: 2px;
}

.usersGuide h3 {
background-image: url(http://www.brooklyngreenway.org/images/users-guide-to-brooklyn-greenway.png);
background-repeat: no-repeat;
background-position: top center;
height: 140px;
text-indent: -9999px;
width: 138px;
margin: 10px auto;
}

.usersGuide p {
color: #000;
font-size: 11px !important;
margin: 4px !important;
width: 160px !important;
}


.eventsbox
{
   float: left;
    border-style: solid;
    border-color: #23408f;
    border-width: thin;
    width: 330px;
    height: 260px;
   padding: 5px 5px 5px 5px;
}

.eventsbox1
{
   float: left;
    border-left-style: solid;
    border-left-color: #6cc067;
    border-left-width: thin;
    border-right-style: solid;
    border-right-color: #6cc067;
    border-right-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #6cc067;
    border-bottom-width: thin;
    width: 330px;
    margin-top: -6px;
    padding: 0px 5px 5px 5px;
    *padding: 0px 5px 5px 3px;
}

.eventsbox1a
{
   float: left;
    border-left-style: solid;
    border-left-color: #3877c5;
    border-left-width: thin;
    border-right-style: solid;
    border-right-color: #3877c5;
    border-right-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #3877c5;
    border-bottom-width: thin;
    width: 330px;
    height: 265px;
    margin-top: -6px;
    padding: 0px 5px 5px 5px;
    *padding: 0px 4px 5px 4px;
}

.eventsbox2
{
   float: left;
    border-style: solid;
    border-color: #6cc067;
    border-width: thin;
    width: 330px;
   padding: 5px 5px 5px 5px;
}

.eventsCalloutb {
margin-left: 18px;
*margin-left: 18px;
}


.newsbox
{
   float: left;
    border-style: solid;
    border-color: #9bd19d;
    border-width: thin;
    width: 330px;
    height: 180px;
    margin-right: 15px;
   padding: 5px 5px 5px 5px;
}

.newsbox2
{
   float: left;
    border-style: solid;
    border-color: #7fafda;
    border-width: thin;
    width: 330px;
    height: 180px;
   padding: 5px 5px 5px 5px;
}


.whatIsGreenway
{
    float: left;
    border-top: none;
    border-left: solid #3877c5 1px;
    border-right: solid #3877c5 1px;
    border-bottom: solid #3877c5 1px;
    width: 330px;
    height: 330px;
    background-image: url(http://www.brooklyngreenway.org/images/what-is-brooklyn-greenway.gif);
    background-repeat: no-repeat;
    background-position: 0px -2px;
    margin-right: 15px;
    padding: 10px 5px 0px 5px;
    font-weight: normal;
}


.whatIsGreenway  ul
{
    margin: 6px 0px 0px 0px;
    padding: 0px;
    color: black;
    font-weight: normal;
  }

.whatIsGreenway  ul  li
{
    list-style-image: url(http://www.brooklyngreenway.org/images/images/orange-bullet.gif);
    margin: 0px 0px 18px 24px;
  }



.whatIsGreenwayShort
{
    float: left;
    border-top: none;
    border-left: solid #3877c5 1px;
    border-right: solid #3877c5 1px;
    border-bottom: solid #3877c5 1px;
    width: 325px;
    background-image: url(http://www.brooklyngreenway.org/images/what-is-brooklyn-greenway.gif);
    background-repeat: no-repeat;
    background-position: 0px -2px;
    margin-right: 24px;
    padding: 12px 5px 10px 5px;
    font-weight: normal;
}


.whatIsGreenwayShort  ul
{
    margin: 6px 0px 0px 0px;
    padding: 0px;
    color: black;
    font-weight: normal;
    list-style-image: url(http://www.brooklyngreenway.org/images/images/orange-bullet.gif);
  }

.whatIsGreenwayShort  ul  li
{

    margin: 0px 0px 18px 24px;
  }

.greenwayMap {
border: solid #3877c5 1px;
float: left;
position: relative;
margin-top: 20px;
width: 335px;
}

.greenwayMap h2 {
background-color: #3877c5;
background-image: url(http://www.brooklyngreenway.org/images/map-the-route.gif);
background-position: top left;
background-repeat: no-repeat;
border: solid #3877c5 1px;
margin: 0px 0px 0px -1px;
text-indent: -9999px;
display: block;
top: -30px;
height: 28px;
position: relative;
width: 335px;
}


.greenwayMap h3 {
background-image: url(http://www.brooklyngreenway.org/images/greenway-map-callout.jpg);
background-position: top left;
background-repeat: no-repeat;
height: 139px;
margin-top: -35px;
text-indent: -9999px;
}


.greenwayMap .mapLink {
background-color: #3877c5;
display: block;
padding: 3px;
text-decoration: none;
text-align: right;
font-size: 11px;
font-weight: bold;
width: 330px;
}

.mapLink a {
color: #fff !important;
text-decoration: none !important;
}

#last
{
    margin: 0px 0px 0px 24px;
  }
.greenwayEvents
{    
    border-top: none;
    border-left: solid #aaadb1 1px;
    border-right: solid #aaadb1 1px;
    border-bottom: solid #aaadb1 1px;
    background-image: url(http://www.brooklyngreenway.org/images/greenway-events.gif);
    background-repeat: no-repeat;
    background-position: 0px -2px;
	float: left;
	margin-bottom: 20px;

    width: 330px;
    padding: 12px 5px 7px 5px;
}


.greenwayEvents ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}


.greenwayEvents li {
margin-top: 24px;
color: #000;
font-weight: normal;
margin-left: 6px;
width: 320px;
}

.first {
margin-top: 10px !important;
}

li .calendarDate {
color: #008C66;
float: left;
margin: 0px;
position: relative;
width: 60px;
}

li .calendarName {
float: left;
margin-left: 20px;
position: relative;
width: 220px;
}


li a {
text-decoration: none;
}

li a:hover {
text-decoration: underline;
}


/*----Posts/news/posts/ Page----*/
.postsContainer {
padding-bottom: 30px;
width:780px;  
}

.postsImage {
float: left; 
width: 280px;
}


/*----Calendar page----*/
.category-calendar {
margin-bottom: 50px;
}

.category-calendar h2{
color: #008C00;
margin-bottom: 10px;
}

.category-calendar h3 {
border-right: 1px solid #CCC;
color: #000;
font-size: 13px;
margin: 2px 10px 0px 0px;
padding-right: 8px;
float: left;
}

.category-calendar h4 {
float: left;
}

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

.footer {
border-top: 1px solid #3877C5;
border-bottom: 30px solid #3877C5;
position: relative;
margin: 25px 0px 0px -264px;
width: 971px;
}


.footerNEW {
border-top: 1px solid #3877C5;
position: relative;
margin: 25px 0px 0px -298px;
width: 1006px;
}



.footerNEW a {
color: #0000ff !important;
}



.footerOne {
color: #000;
font-size: 12px !important;
float: left;
list-style-type: none;
margin: 8px 60px 8px 0px;
*margin: 4px;
}

.footer li, .footerNEW li {
margin-bottom: 8px;
font-size: 12px !important;
}


.footerTwo {
color: #000;
font-size: 12px !important;
float: left;
list-style-type: none;
margin: 8px 60px 8px 0px;
}

.footerThree {
color: #000;
font-size: 12px !important;
float: left;
margin: 4px 36px 4px 0px;
*margin-top: 10px;
width: 250px;
}

.footerFour {
color: #000;
font-size: 12px !important;
float: right;
margin: 4px 0px 4px 0px;
*margin-top: 10px;
}

.footerBottom {
background-color: #3877C5;
height: 25px;
position: relative;
width: 971px; 
}

.socialList {
background-color: #3877C5;
padding-bottom: 10px;
list-style-type: none;
margin: -20px 0px 0px 0px;
position: relative;
width: 1006px;
}

#facebook  {
background-image:url(http://www.brooklyngreenway.org/images/icon-facebook.png);
background-repeat: no-repeat;  
float: right;
height: 25px;
margin: 5px 120px 0px 0px;
position: relative;
text-indent: -9999px;
width: 25px;
}

#facebook a {
display: block;
width: 25px;
}


#twitter {
background-image:url(http://www.brooklyngreenway.org/images/icon-twitter.png);
background-repeat: no-repeat;
float: right;
height: 25px;
margin: 5px 20px 0px 0px;
text-indent: -9999px;
width: 25px;
}

#twitter a{

display: block;
height: 25px;
width: 25px;
}

.footerButtonNEW {
position: absolute; 
top: 10px;
right: 10px;
margin-bottom: 0px;
margin-right: 0px;
margin-top: 0px;
}

.footerButton {
position: absolute;
right: 10px;
top: 110px;
*top: 114px;
}