/* @group Main Structure */

body {
  margin: 0;
  padding: 0;
  background: #fff url(http://www.stepscoalition.org/images/layout/background_homepage.gif) repeat-x;
  font: medium/1.5em Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #000;
  } html>body {font-size: medium;}

#fullpage_shell {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 25px;
  background: #184214;
}

#fullpage_shell p {
  font-family: lucida grande, Arial, Tahoma, Helvetica, Verdana, sans-serif;
  font-size: 80%;
  margin: 0;
  padding: 2px 2px 2px 2px;
  color: #6BBB26;
  }

#container {
  width: 800px;
  margin: 0px auto;
  background: none;
  color: #000;
  clear: both;
}

#fullpage_bottom {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 25px;
  background: #184214;
}


/* Logo Header
----------------------------------------------- */
#header {
  background-color: #CEE8B7;
  height: 134px;
  width: 100%;
  } html>body #header {height: 134px;}

#logo {
  width: 100%;
  height: 75px;
  background-color: #6BBB26;
  border-width: 0;
  margin: 0;
  padding:0;
  }


#logo a:link, #logo a:visited	{
	border-right : none;
	border-bottom: none;
	border-top: none;
	border-right: none;
}

/* Top Navigation Bar
----------------------------------------------- */
#top_nav {
	float: left;
	width: 100%;
	margin:0;
	padding:0;
	height: 22px;
	font-size: 85%;
  }
  
/* Navigation Main
----------------------------------------------- */
#nav {
	float: left;
	width: 100%;
	height: 50px;
	margin:0;
	padding:0;
        font: 85%/1.2em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
        list-style-type:none;
        background : url("http://www.stepscoalition.org/images/layout/nav_background.gif") repeat-y 0 0;
  }

#menu {
	margin : 0;
	padding-bottom : 25px;
	padding-left : 10px;
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	height: 35px;
	margin : 0;
	padding : 0;
}
	
#menu a:link, #menu a:visited	{
	border-right : none;
	border-bottom: none;
        color: #6BBB26;
	float : left;
	font-size : small;
	font-weight : bold;
	line-height : 30px;
	margin-right : 2px;
	padding : 5px 15px 0px 15px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	color : #666;
}

#menu a:hover	{
	color : #CC6D0F;
	background-color: #333300;
}
	
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-5 #menu li#nav-5 a, 
body.section-6 #menu li#nav-6 a, 
body.section-7 #menu li#nav-7 a, 
body.section-8 #menu li#nav-8 a {
    background : #CEE8B7 url("http://www.stepscoalition.org/images/layout/tab.gif") no-repeat 0 0;
    color : #666;
}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4,
#menu #subnav-5,
#menu #subnav-6,
#menu #subnav-7,
#menu #subnav-8 {
	background : none;
	display : none;
}

body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4,
body.section-5 #menu ul#subnav-5,
body.section-6 #menu ul#subnav-6,
body.section-7 #menu ul#subnav-7,
body.section-8 #menu ul#subnav-8 {
	display : block;
	top : 125px;
	position : absolute;
}

body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a,
body.section-5 #menu ul#subnav-5 a,
body.section-6 #menu ul#subnav-6 a,
body.section-7 #menu ul#subnav-7 a,
body.section-8 #menu ul#subnav-8 a {
	background : none;
	border : none;
	border-left : none;
	color : #333300;
	font-size : smaller;
	font-weight : bold;
	line-height : 35px;
	margin-right : 4px;
	padding : 5px 10px 0px 10px;
	text-decoration : none;
	left : 10px;
}

 #menu ul a:hover {
	color : #CC6D0F !important;
	background-color: #333300;
}


/* Column Structure
----------------------------------------------- */
#content, #content-report {width: 800px;}

.clear  {
  width: 100%;
  display: block;
  clear: both;
}

/* Footer
----------------------------------------------- */
#footer_container {
  margin: 0px auto;
  float: left;
  width: 100%;
  background: #6BBB26;
  color: #000;
  font-family: lucida grande, Arial, Tahoma, Helvetica, Verdana, sans-serif;
  font-size: 80%;
}

.archivetop {
  clear: both;
  border-top: 15px solid #CEE8B7;
  background-color: #333300;
  height: 22px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.archive {
  clear: both;
  background-color : #6BBB26;
  margin-left: 65px;
}

.archive_about { 
  float: left;
  width: 100%;
  text-align: left;
  margin: 0 12px 0 12px;
  font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
  font-size: 11px;
  color: #A9A9A9;
}

.archive_about p {
  margin: 10px 0 0 0;
  width: 350px;
  font-family: "Lucida Grande", 'trebuchet ms', arial, helvetica, verdana, sans-serif;
  font-size: 11px;
  color: #FFF;
  text-align: left;
  line-height: 14px;
}

.archive_about h2 {
  padding-top: 8px;
  padding-bottom: 2px;
  margin: 0 0 .25em;
  width: 350px;
  font: bold 14px/16px Lucida Grande, Arial, Tahoma, Sans-serif;
  font-stretch: condensed;
  color: #fff;
  border-bottom: 1px solid #999;
  }

#footer {
  clear: both;
  }

#footer2 {
  clear: both;
  }

#footer p {
  font-family: lucida grande, Arial, Tahoma, Helvetica, Verdana, sans-serif;
  font-size: 80%;
  background: #184214 repeat-x 0 -4px;
  margin: 0;
  padding: 2px 2px 2px 2px;
  color: #A9A9A9;
  line-height: 1.2em;
  }
/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   But IE5-Mac shouldn't see this \*/
  * html #footer p {height: 1%;}
    
#footer ul li {
  display: inline;
}

#footer  ul li a {
  float: left;
  padding: 0px 10px 0px 0px;
  letter-spacing: 1px;
  text-decoration: none;
  background-color: #000;
  }



/* @end */

/* @group Page Sections */

/* Spotlight
----------------------------------------------- */

#spotlight_container {
  float:left;
  width:800px;
  height: 385px;
  padding-top: 20px;
  padding-bottom: 5px;
  display: table;
  }

.spotlight_article { 
  position: absolute; 
  width: 45px; 
  height: 177px; 
  left: 0;
  top: 225px;
  background: url(http://www.stepscoalition.org/images/layout/spotlight.gif) no-repeat; 
  }


#spotlight {
  float:left;
  width:500px;
  list-style:none;
  text-indent: 0;
  display: block;
  }

#spotlight .date {
  font: normal 10px Tahoma, Arial, sans serif;
  font-stretch: condensed;
  color: #8DE076;
  text-decoration: none; 
  border-bottom: none;
 }
 
p.spotlight {
  padding-top: 1px;
  padding-bottom: 2px;
  margin: 0 0 .25em;
  font: 14px Trebuchet, Tahoma, Arial, sans serif;
  font-stretch: condensed;
  color: #fff;
  border-bottom: none;
  }
  
h2.spotlight {
  padding-top: 0;
  padding-bottom: 1px;
  margin: 0;
  font: 36px/1.2em "Gill Sans", "Futura Condensed", Impact, Tahoma, sans serif;
  font-stretch: condensed;
  color: #000;
  border-bottom: none;
  }

h5.spotlight {
  border-top: 1px solid #9c3;
  border-bottom: 2px solid #9c3;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: .25em;
  background: #000;
  font: 125%/1.2em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #fff;
  vertical-align: middle;
  line-height: 22px;
  }

h6.closeSpotlight {
  border-top: 1px solid #000;
  border-bottom: 2px solid #000;
  padding-top: 1px;
  padding-bottom: 1px;
  background: #none;
  font: 70%/1em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #000;
  vertical-align: middle;
  line-height: 16px;
  text-align: right;
  }

#spotlight h2 a:link {
 color: #000; 
 text-decoration: none; 
 border-bottom: none;
 }
  
#spotlight h2 a:visited {
 color: #000; 
 border-width: 0; 
 text-decoration: none; 
 border-bottom: none;
}

#spotlight h2 a:hover, {
 color: #8DE076;
 text-decoration: none; 
 border-bottom: none;
}

  
#spotlight a:link {
  color: #8DE076;
  text-decoration: none;
  }
  
#spotlight a:visited {
  color: #1F1A11;
  }
  
#spotlight a:hover {
  color: #4B443A;
  border-color: #1F1A11;
  }
  
/* Events	
----------------------------------------------- */
#events {
 float:right;
 width: 275px;
 display: table;
}

.eventBlock {
  margin-top: 3px;
  padding-bottom: 1px;
  border-bottom: 1px dotted #FFF;
  display: table;
  height: 48px;
  width: 100%;
  }

#events h5 {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding-left: 30px;
  padding-bottom: 2px;
  margin-bottom: .25em;
  background: #000 url("http://www.stepscoalition.org/images/layout/spotlight_bkgrnd_header.gif") repeat-y 0 0;
  font: 115%/1.2em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #FFF;
  vertical-align: middle;
  line-height: 22px;
  }
  
h6.closeEvents {
  border-top: 1px solid #000;
  border-bottom: 2px solid #000;
  padding-top: 1px;
  padding-bottom: 1px;
  background: #none;
  font: 70%/1em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #000;
  vertical-align: middle;
  line-height: 16px;
  text-align: right;
  }

#events p {
  width: 100%;	 
  text-align: left;
  margin: 0 0 0 0;
  padding-top: 0;
  color: #000;
  font: normal 10px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
}

 #events ul li {
  margin-left: -5px;
  font: bold small "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  text-transform: capitalize;
  list-style: bullet;
  margin-top: 3px;
  padding-bottom: 1px;
  border-bottom: 1px dotted #FFF;
  display: table;
  height: 20px;
  width: 100%;
  }
  
#events a:link {
  color: #FFFFFF;
  text-decoration: none;
  }
  
#events a:visited {
  color: #1F1A11;
  }
  
#events a:hover {
  color: #000;
  border-color: #1F1A11;
  }



/* Featured
----------------------------------------------- */
#featured_container {
float:left;
width:800px;
height: 350px;
padding-top: 20px;
padding-bottom: 10px;
display: table;
}


#featured {
float:left;
width:500px;
list-style:none;
text-indent: 0;
display: block;
}

h2.featured {
  padding-top: 5px;
  padding-bottom: 2px;
  margin: 0 0 .25em;
  font: 250%/1.25em Times, Times New Roman, Georgia, times-roman,  serif;
  font-stretch: condensed;
  color: #251F15;
  border-bottom: 1px dotted #CEE8B7;
  }

h5.featured {
  border-top: 1px solid #9c3;
  border-bottom: 2px solid #9c3;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: .25em;
  background: #E8E8E8;
  font: 125%/1.2em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #466432;
  vertical-align: middle;
  line-height: 22px;
  }

h6.closeSection {
  border-top: 1px solid #9c3;
  border-bottom: 2px solid #9c3;
  padding-top: 1px;
  padding-bottom: 1px;
  margin-bottom: .25em;
  background: #FFFFFF;
  font: 70%/1em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #466432;
  vertical-align: middle;
  line-height: 16px;
  text-align: right;
  }

#featured h2 a:link {
 color: #4B443A; 
 text-decoration: none; 
 border-bottom: none;
 }
  
#featured h2 a:visited {
 color: #BBB9B6; 
 border-width: 0; 
 text-decoration: none; 
 border-bottom: none;
}

#featured h2 a:hover, {
 color: #78736C;
 text-decoration: none; 
 border-bottom: none;
}

  
#featured a:link {
  color: #4B443A;
  text-decoration: none;
  border-bottom: 1px dotted #1F1A11;
  }
  
#featured a:visited {
  color: #DBD9C3;
  border-bottom: 1px dotted #1F1A11;
  }
  
#featured a:hover {
  color: #4B443A;
  border-color: #1F1A11;
  }

/* News Images
----------------------------------------------- */
#news_images {
 float:right;
 width: 275px;
 height: 65px;
 display: table;
}

#news_images h5 {
  border-top: 1px solid #9c3;
  border-bottom: 2px solid #9c3;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: .25em;
  background: #E8E8E8;
  font: 125%/1.2em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #466432;
  vertical-align: middle;
  line-height: 22px;
  }
  
#news_images h6 {
  margin: 0 0 2px 0;
  padding-top: 0;
  border-bottom: 1px solid #9c3;
  font: bold 10px "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #466432;
  text-align: left;
  vertical-align: top;
  }

#news_images p {
  width: 100%;	 
  text-align: left;
  margin: 0 0 0 0;
  padding-top: 0;
  color: #000;
  font: normal 10px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
}

#news_images a {
	color: #251F15;
}

.image_news {
width: 75px;
}

.image_news img {
width: 100%;
}

.imgleft {
  padding: 2px;
  border: 1px solid #ddc;
  }

#search {
 padding-top: 10px;
 background-color: #fff;
 float:right;
 width: 275px;
 height: 45px;
 display: table;
}

#search input { 
  background-color: #E8E8E8; 
  color: #184214; 
  }


/* News Segments
----------------------------------------------- */

#news_container {
  float:left;
  width:100%;
  padding-top: 25px;
  padding-bottom: 10px;
  border-bottom: 1px solid #251F15;
  font: normal 90% "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  display: table;
  clear: both;
}

#news .news_stories {
	width: 256px;
	margin: 0 5px;
	float: left;
	display: inline; 
	}
	
#news h5 {
  border-bottom: 1px solid #9c3;
  padding-bottom: 3px;
  margin-top: 1em;
  margin-bottom: .25em;
  margin-left: 0;
  padding-left: 30px;
  background: url("http://www.stepscoalition.org/images/layout/bkgrnd_header.gif") repeat-y 0 0;
  font: bold 110%/1.2em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #000;
  vertical-align: middle;
  line-height: 22px;
  }
  
#news h5 a:link, h3 a:visited {
  display: block;
  border-width: 0; 
  color: #466432;
  }

.story {
  display: table;
  width: 100%;
  clear: both;
  }

#news p.date {
  margin: 0 0 0 0;
  padding-top: 3px;
  font: bold 80%/1.2em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #A9A9A9;
  text-align: left;
  }
	
#news p.story {
  margin: 0 0 0 0;
  padding-top: 2px;
  padding-bottom: 10px;
  color: #000;
  font: normal 90% "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  display: block;
  border-bottom: 1px solid #E8E8E8;
  }
  
#news p.title {
  margin: 0 0 0 0;
  padding-top: 5px;
  font: bold 100% "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  line-height: 110%;
  border-bottom: none;
  display: block;
  }
	
#news a:link {
  line-height: 110%;
  font: bold 100% "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  color: #963;
  text-decoration: none;
  border-bottom: none;
  }
  
#news a:visited {
  color: #A9A9A9;
  }
  
#news a:hover {
  color: #1F1A11;
  background: #E8E8E8;
  }



/* Media & Stories
----------------------------------------------- */
#media_container {
float:right;
width:800px;
height: 350px;
margin-top: 1em;
padding-bottom: 10px;
display: table;
}


#media {
float:left;
width:500px;
list-style:none;
text-indent: 0;
display: block;
}

h2.media {
  padding-top: 5px;
  padding-bottom: 2px;
  margin: 0 0 .25em;
  font: 175%/1.25em Times, Times New Roman, Georgia, times-roman,  serif;
  font-stretch: condensed;
  color: #251F15;
  border-bottom: 1px dotted #CEE8B7;
  }

h5.media {
  border-top: 1px solid #9c3;
  border-bottom: 2px solid #9c3;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: .25em;
  background: #E8E8E8;
  font: 125%/1.2em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #466432;
  vertical-align: middle;
  line-height: 22px;
  }

h6.closeSection {
  border-top: 1px solid #9c3;
  border-bottom: 2px solid #9c3;
  padding-top: 1px;
  padding-bottom: 1px;
  margin-bottom: .25em;
  background: #FFFFFF;
  font: 70%/1em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #466432;
  vertical-align: middle;
  line-height: 16px;
  text-align: right;
  }

#media p.date {
  margin: 0 0 0 0;
  padding-top: 3px;
  font: bold 90%/1.2em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #A9A9A9;
  text-align: right;
  }
  
#media h2 a:link {
 color: #4B443A; 
 text-decoration: none; 
 border-bottom: none;
 }
  
#media h2 a:visited {
 color: #BBB9B6; 
 border-width: 0; 
 text-decoration: none; 
 border-bottom: none;
}

#media h2 a:hover, {
 color: #78736C;
 text-decoration: none; 
 border-bottom: none;
}

  
#media a:link {
  color: #4B443A;
  text-decoration: none;
  border-bottom: 1px dotted #1F1A11;
  }
  
#media a:visited {
  color: #DBD9C3;
  border-bottom: 1px dotted #1F1A11;
  }
  
#media a:hover {
  color: #4B443A;
  border-color: #1F1A11;
  }

/* Experts for the Media
----------------------------------------------- */
#experts {
 padding-right: 10px;
 float: left;
 width: 275px;
 height: 65px;
 display: table;
}

#experts h3 {
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: .25em;
  background: none;
  font: 100%/1.2em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #466432;
  vertical-align: middle;
  line-height: 16px;
  }
  
#experts h5 {
  border-top: 1px solid #9c3;
  border-bottom: 2px solid #9c3;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: .25em;
  background: #E8E8E8;
  font: 125%/1.2em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #466432;
  vertical-align: middle;
  line-height: 22px;
  }
  
#experts h6 {
  margin: 0 0 0 0;
  padding-top: 0;
  border-bottom: 1px solid #9c3;
  font: bold 10px "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #466432;
  text-align: left;
  vertical-align: top;
  }

#experts p {
  width: 100%;	 
  text-align: left;
  margin: 0 0 0 0;
  padding-top: 0;
  color: #000;
  font: normal 10px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
}

##experts a {
	color: #251F15;
}

.imgleft {
  padding: 2px;
  border: 1px solid #ddc;
  }

/* Profiles
----------------------------------------------- */
#profile_container {
  float:left;
  width:800px;
  height: 385px;
  padding-top: 20px;
  padding-bottom: 5px;
  display: table;
  }

.profile_article { 
  position: absolute; 
  width: 45px;
  height: 300px;
  left: 0;
  top: 225px;
  background: url(http://www.stepscoalition.org/images/layout/coalition.gif) no-repeat; 
  }


#profile {
  float:left;
  width:500px;
  list-style:none;
  text-indent: 0;
  display: block;
  }

#profile .date {
  font: normal 10px Tahoma, Arial, sans serif;
  font-stretch: condensed;
  color: #8DE076;
  text-decoration: none; 
  border-bottom: none;
 }
 
p.profile {
  padding-top: 1px;
  padding-bottom: 2px;
  margin: 0 0 3px;
  font: 14px Trebuchet, Tahoma, Arial, sans serif;
  font-stretch: condensed;
  color: #fff;
  border-bottom: none;
  }
  
h2.profile {
  padding-top: 0;
  padding-bottom: 1px;
  margin: 0;
  font: 36px/1.2em "Gill Sans", "Futura Condensed", Impact, Tahoma, sans serif;
  font-stretch: condensed;
  color: #000;
  border-bottom: none;
  }

h5.profile {
  border-top: 1px solid #9c3;
  border-bottom: 2px solid #9c3;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: .25em;
  background: #000;
  font: 125%/1.2em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #fff;
  vertical-align: middle;
  line-height: 22px;
  }

h6.profile {
  margin-top: 10px;
  margin-bottom: 0;
  border-top: 1px solid #000;
  border-bottom: 2px solid #000;
  padding-top: 1px;
  padding-bottom: 1px;
  background: #none;
  font: bold 90%/1em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #000;
  vertical-align: middle;
  line-height: 16px;
  text-align: left;
  clear: both;
  }

h6.closeProfile {
  border-top: 1px solid #000;
  border-bottom: 2px solid #000;
  padding-top: 1px;
  padding-bottom: 1px;
  background: #none;
  font: 70%/1em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #000;
  vertical-align: middle;
  line-height: 16px;
  text-align: right;
  }

#profile table {
    width: 110%;
	borders: 0;
	padding: 0;
	background: none;
}

#profile p.address  {
  margin: 5px;
  font: normal 90%/1em Trebuchet, Tahoma, Arial, sans serif;
  font-stretch: condensed;
  color: #fff;
  border-bottom: none;
  padding-top: 0;
  padding-bottom: 10px;
  }
  
#profile p.contact  {
  width: 100%;	 
  text-align: left;
  margin: 0;
  padding-top: 5px;
  border-bottom: 1px dotted #8DE076;
  color: #fff;
  font: normal 80%/1.5em "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  display: cell;
  }

.contactLabel {
  font: bold 80%/1.5em Trebuchet, Tahoma, Arial, sans serif;
  color: #000;
  padding-top: 5px;
  }

#history p {
  padding-top: 1px;
  padding-bottom: 2px;
  margin: 0 0 3px;
  font: normal 12px Trebuchet, Tahoma, Arial, sans serif;
  color: #000;
  border-bottom: none;
  }
  
h2.history {
  padding-top: 0;
  padding-bottom: 1px;
  margin: 0;
  font: bold 24px/1.2em "Gill Sans", "Futura Condensed", Impact, Tahoma, sans serif;
  font-stretch: condensed;
  color: #000;
  border-bottom: none;
  }

#history a:link {
  color: #666;
  font-weight: bold;
  }

#history a:visited {
  color: #000;
  font-weight: bold;
  }


#profile h2 a:link {
 color: #000; 
 text-decoration: none; 
 border-bottom: none;
 }
  
#profile h2 a:visited {
 color: #000; 
 border-width: 0; 
 text-decoration: none; 
 border-bottom: none;
}

#profile h2 a:hover, {
 color: #FFF;
 text-decoration: none; 
 border-bottom: none;
}

  
#profile a:link {
  color: #8DE076;
  text-decoration: none;
  }
  
#profile a:visited {
  color: #8DE076;
  text-decoration: none;
  }
  
#profile a:hover {
  color: #4B443A;
  border-color: #1F1A11;
  }
  
/* Giving Opportunities
----------------------------------------------- */
#gives {
 float:right;
 width: 275px;
 display: table;
}

.givesSpace {
  border-bottom: 1px solid #000;
  width: 100%;
  height: 8px;
  display: table;
  }

.givesBlock {
  margin-top: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #000;
  display: table;
  width: 100%;
  height: 22px;
  color: #fff;
  font: normal 10px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  vertical-align: middle;
  }

.givesBlock_last {
  margin-top: 5px;
  display: table;
  width: 100%;
  height: 22px;
  color: #fff;
  font: normal 10px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  vertical-align: middle;
  }

#gives h5 {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding-left: 30px;
  padding-bottom: 2px;
  margin-bottom: .25em;
  background: #000 url("http://www.stepscoalition.org/images/layout/spotlight_bkgrnd_header.gif") repeat-y 0 0;
  font: 115%/1.2em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #FFF;
  vertical-align: middle;
  line-height: 22px;
  }
  
h6.closeGives {
  border-top: 1px solid #000;
  border-bottom: 2px solid #000;
  padding-top: 1px;
  padding-bottom: 1px;
  background: #none;
  font: 70%/1em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #000;
  vertical-align: middle;
  line-height: 16px;
  text-align: right;
  }

#gives p {
  width: 100%;	 
  text-align: left;
  vertical-align: middle;
  margin: 0 0 0 0;
  padding-top: 0;
  color: #000;
  font: normal 10px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  display: cell;
}

.donateLabel {
  font: bold 80%/1em Trebuchet, Tahoma, Arial, sans serif;
  color: #000;
  }
  
#gives a:link {
  color: #fff;
  text-decoration: none;
  }
  
#gives a:visited {
  color: #8DE076;
  }
  
#gives a:hover {
  color: #1F1A11;
  border-color: #1F1A11;
  }

#gives .imgright, .right, img.right {
  float: right;
  margin: 2px 1px 1px 2px;
  border: none;
  }

/* History
----------------------------------------------- */
#history_container {
  float:left;
  width:800px;
  height: 385px;
  padding-top: 20px;
  padding-bottom: 5px;
  display: table;
  }

#history {
  float:left;
  width:500px;
  list-style:none;
  text-indent: 0;
  display: block;
  }
 
p.history {
  padding-top: 1px;
  padding-bottom: 2px;
  margin: 0 0 3px;
  font: 14px Trebuchet, Tahoma, Arial, sans serif;
  font-stretch: condensed;
  color: #fff;
  border-bottom: none;
  }
  
ul.history {
  padding-top: 1px;
  padding-bottom: 6px;
  font: 12px/125% Trebuchet, Tahoma, Arial, sans;
  font-stretch: condensed;
  color: #000;
  border-bottom: none;
  list-style-type: square;
}
  
h2.history {
  padding-top: 0;
  padding-bottom: 1px;
  margin: 0;
  font: bold 24px/1.2em "Gill Sans", "Futura Condensed", Impact, Tahoma, sans serif;
  font-stretch: condensed;
  color: #000;
  border-bottom: none;
  }

h4.history {
  padding-top: 0;
  padding-bottom: 1px;
  margin: 0;
  font: bold 18px "Gill Sans", "Futura Condensed", Impact, Tahoma, sans serif;
  font-stretch: condensed;
  color: #000;
  border-bottom: 1px solid #9C3;
  }
  
 
h5.history {
  border-top: 1px solid #9c3;
  border-bottom: 2px solid #9c3;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: .25em;
  background: #000;
  font: 125%/1.2em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #fff;
  vertical-align: middle;
  line-height: 22px;
  }

h6.history {
  margin-top: 10px;
  margin-bottom: 0;
  border-top: 1px solid #000;
  border-bottom: 2px solid #000;
  padding-top: 1px;
  padding-bottom: 1px;
  background: #none;
  font: bold 90%/1em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #000;
  vertical-align: middle;
  line-height: 16px;
  text-align: left;
  clear: both;
  }

h6.closehistory {
  border-top: 1px solid #000;
  border-bottom: 2px solid #000;
  padding-top: 1px;
  padding-bottom: 1px;
  background: #none;
  font: 70%/1em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #000;
  vertical-align: middle;
  line-height: 16px;
  text-align: right;
  }
  
#history p.details  {
  width: 100%;	 
  text-align: left;
  margin: 0;
  padding-top: 5px;
  border-bottom: 1px solid #8DE076;
  color: #fff;
  font: normal 80%/1.5em "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  display: cell;
  }

.detailsLabel {
  font: bold 80%/1.5em Trebuchet, Tahoma, Arial, sans serif;
  color: #000;
  padding-top: 5px;
  }


#history h2 a:link {
 color: #4B443A; 
 text-decoration: none; 
 border-bottom: none;
 }
  
#history h2 a:visited {
 color: #000; 
 border-width: 0; 
 text-decoration: none; 
 border-bottom: none;
}

#history h2 a:hover, {
 color: #78736C;
 text-decoration: none; 
 border-bottom: none;
}

  
#history a:link {
  color: #6BBB26;
  text-decoration: underline;
  font-style: normal;
  }
  
#history a:visited {
  color: #8DE076;
  text-decoration: none;
  font-style: normal;
  }
  
#history a:hover {
  color: #4B443A;
  border-color: #1F1A11;
  }
  
/* Details
----------------------------------------------- */
#details {
 float:right;
 width: 275px;
 display: table;
}

.detailsSpace {
  border-bottom: 1px solid #000;
  width: 100%;
  height: 8px;
  display: table;
  }

.detailsBlock {
  margin-top: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #000;
  display: table;
  width: 100%;
  height: 22px;
  color: #fff;
  font: normal 10px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  vertical-align: middle;
  }

.detailsBlock_last {
  margin-top: 5px;
  display: table;
  width: 100%;
  height: 22px;
  color: #fff;
  font: normal 10px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  vertical-align: middle;
  }

#details h5 {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding-left: 30px;
  padding-bottom: 2px;
  margin-bottom: .25em;
  background: #000 url("http://www.stepscoalition.org/images/layout/spotlight_bkgrnd_header.gif") repeat-y 0 0;
  font: 115%/1.2em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #FFF;
  vertical-align: middle;
  line-height: 22px;
  }
  
h6.closedetails {
  border-top: 1px solid #000;
  border-bottom: 2px solid #000;
  padding-top: 1px;
  padding-bottom: 1px;
  background: #none;
  font: 70%/1em "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  color: #000;
  vertical-align: middle;
  line-height: 16px;
  text-align: right;
  }

#details p {
  width: 100%;	 
  text-align: left;
  vertical-align: middle;
  margin: 0 0 0 0;
  padding-top: 0;
  color: #000;
  font: normal 10px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
  display: cell;
}
  
#details a:link {
  color: #fff;
  text-decoration: none;
  }
  
#details a:visited {
  color: #8DE076;
  }
  
#details a:hover {
  color: #1F1A11;
  border-color: #1F1A11;
  }

#details .imgright, .right, img.right {
  float: right;
  margin: 2px 1px 1px 2px;
  border: none;
  }



/* @end */

/* @group Calendar */

/* Events Calendar
----------------------------------------------- */
.calendarcol {
  float: left;
  width: 100%;
  font-family: "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  font-size: 90%;
  line-height: 1.0em;
  overflow:hidden;
  display: inline;
  }

.calendarBG {
 background-color: #fff;
 border: 1px solid #fff;
}

.calendarBlank { 
 background-color: #fff;
}

.calendarHeader { 
 font-family: "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
 font-size: 24px;
 font-weight: bold;
 color: #000; 
 height: 48px;
 text-align: center;
 background-color: #fff; 
 border: 1px solid #fff;
}

.calendarMonthLinks {
 font-family: "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
 font-size: 24px;
 font-weight: bold;
 color: #000; 
 height: 30px;
 text-align: center;
 background-color: #fff; 
 border: 1px solid #fff;
}

.calendarMonthLinks a {
 color:             #000;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #666;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #6BBB26;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-family: Lucida Sans, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-weight: bold; 
 font-size: 10px;
 color: #fff; 
 height: 25px;
 background-color: #333300; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 font-family:       Lucida Sans, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         9px;
 font-weight:		normal;
 text-decoration:   none;
 text-align:  left;
 vertical-align: top;
 color: #999;
 background-color: #FFF;
 overflow: hidden;
 border-color="#E8E8E8";
}

.calendarCell {
 width: 110px;
 height: 100px;
 font-family:       Lucida Sans, Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         9px;
 font-weight:		normal;
 text-decoration:   none;
 text-align:  left;
 vertical-align: top;
 color:             #999;
 background-color:  #fff;
 overflow: hidden;
 border-color="#E8E8E8";
}

.daynumTOC,
.todayTOC {
	padding: 2px;
	margin-bottom: 2px;
	background: #EBE9DB;
	border-bottom: 1px solid #C6C5AF;
	text-align: left;
	}
	
.todayTOC { /* today's style */
	color: white;
	font-weight: bold;
	background: #E8E8E8;
	}
	
.titleTOC {
   color: #333300;
    width: 100px;
    padding-left: 10px;
    font-size: 1.0em;
    overflow: hidden;
    white-space: nowrap;
	background: url(http://www.stepscoalition.org/images/layout/event_arrow.gif) 0 .4em no-repeat;
	}
	
.titleTOC:hover {
	color: #6BBB26;
	}

.calendarCell a {
 color:             #333300;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarCell a:visited {
 color:             #999;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #6BBB26;
 text-decoration:   none;
 background-color:  transparent;
}



/* @end */

/* @group Three Columns */

/* Three Column Format
-----------------------------------------------*/
#three_columns {
  float: left;
  width: 100%;
  padding-bottom: 10px;
  list-style: none;
  display: inline;
  }

#three_columns .leftcol {
  float: left;
  width: 256px;
  padding-right: 10px;
  display: inline;
  margin: 0 5px;
  }

#three_columns .centercol {
  float: left;
  width: 256px;
  padding-right: 10px;
  display: inline;
  margin: 0;
  }

#three_columns .rightcol {
  float: left;
  width: 256px;
  padding-right: 10px;
  display: inline;
  margin: 0 5px;
  }
  
 #three_columns ul li a {
  position: relative;
  margin-left: 0;
  padding-left: 1em;
  font: bold small "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  text-transform: capitalize;
  list-style: none;
  border-bottom: 1px silver dotted;
  display: block;
  }

 #three_columns li ul li a {
  position: relative;
  margin-left: 0;
  padding-left: 1.5em;
  padding-bottom: 0;
  font: normal x-small "Lucida Grande", Arial, Tahoma, Helvetica, Verdana, sans-serif;
  font-stretch: condensed;
  list-style: none;
   }

#three_columns li a:hover span {
  color: #999800;
  background-color: #9c3;
  border-bottom: 1px solid #ccc;
  display: block;
  }



/* @end */ 

----------------------------------------------- */
.reset {
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  }

.sort {
  margin-top: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-top: 1px solid #ddc;
  }

/* @group Images */

.imgleft, .left, img.left {
  float: left;
  margin: 4px 8px 4px 4px;
  }
  
.imgright, .right, img.right {
  float: right;
  margin: 4px 4px 4px 8px;
  }
  
.imgcenter, .center, img.center {
  position: relative;
  margin: 4px 8px 4px 4px;
  }
  
img.imgleft, img.imgright, img.center, imgcenter {
  padding: 4px;
  border: 1px solid #ddc;
  }
  
.left em, .right em {
  margin-top: .25em;
  display: block;
  }
  
img.block {
  display: table-cell;
  margin: .5em 0;
  }

.imgthumb, .thumb, img.thumb {
  float: left;
  margin: 2px 4px 2px 2px;
  border: 1px solid #ddc;
  width: 45px;
  height: auto;
  }

.imgpamphlet, .pamphlet, img.pamphlet {
    float: left;
    margin: 4px 8px 15px 0px;
    padding: 4px;
    border: 1px solid #ddc;
    width: 145px;
    height: auto;
    }

#imgleft caption {
  display: table-caption;
  caption-side: bottom;
  color: #000;
  font: 9px Arial,Verdana,Sans-serif;
}

#imgright caption{
  display: table-caption;
  caption-side: bottom;
  color: #000;
  font: 9px Arial,Verdana,Sans-serif;
}



/* @end */