body {background:#fff; font-family: arial, helvetica, "sans serif";}

#wrap, #footer, #header, #main, #sub {width:950px; margin:0 auto;}

#header-wrap {background:url(/images/header-bg.jpg) repeat-x;}

#header {position:relative; height:140px;}

#logo {position:absolute;left:-28px; top: 39px; z-index:10;}

.content #main, .content #sub {float:left;}

.content #main {width:624px; margin-right:56px;}

.content #sub {width:270px;}
		
#footer-wrap {background:url(/images/footer-bg.jpg); height:273px;}


/* Typography */

.content h1 {font-size:48px; color:#f96f00; text-shadow:0px -1px 0px #a96300; text-transform:uppercase; font-family:Avenir, arial, "sans serif"; margin:46px 0 16px;}

.content h2 {font-size:16px; line-height:2; margin-bottom:16px; color:#00406c; text-transform:uppercase;}

.content #main h3 {font-size:14px; color:#ff7504; margin-bottom:8px; line-height:2}

.content #content h3 a {color:#ff7504; border-bottom:1px dotted #FF7504;}

.content #content h3 a:hover {color:#FF953F}

.content p, .content li {font-size:16px; line-height:1.75; color:#222; margin-bottom:16px;}

.content #main li {margin:0 0 0px 0; padding:0 75px 0 25px; background:url(/images/star.gif) no-repeat 7px 8px; color:#666666}

.content #main li ul {margin-bottom:0px;}

.content #main li ul li {margin:0px; background:url(/images/check.gif) no-repeat 7px 9px; font-size:14px; color:#444}

.content p.lead-in {color:black; font-size:22px; margin-bottom:36px; line-height:1.75}

.content #sub h2 {font-size:16px; color:#ff7504; line-height:2; margin-bottom:12px; text-transform:none; font-weight:normal; margin-bottom:8px;}

.content #sub ul li {font-size:12px; line-height:2; color:#000; background:url(/images/star.gif) no-repeat 0 5px; margin-left:-15px; padding-left:15px;}

.content #sub p {font-size:12px; color:#000; line-height:2}

.content #content a {color:#ff7504; border-bottom:1px dotted #FF7504; text-decoration:none;}

.content #content a:hover {color:#FF953F; border:none;}

.content #main ul {margin-bottom:16px;}

.content #sub img {margin:10px 0 49px;}


.site-map #main ul {margin:0}

.site-map #main ul li {background:none; padding:0; margin:0;}

.site-map #main ul li a {border:none;}

.site-map #main ul li ul li {font-size:14px; background:none; margin-left:16px;}

.site-map #main ul li ul li a {color:#444}

.site-map #main ul li ul li a {border-bottom:1px dotted #444}


.contact-us #main div, .contact-us #main span {font-size:16px; line-height:1.75; color:#222;}

.tel, .email {display:block}

.vcard {margin-bottom:16px;}


.search table, #directory-listing table {font-size:13px; text-align:left; margin-top:16px; width:100%}

.search table a, #directory-listing table a {border:none !important}

#directory-listing tbody tr:hover {background: #fff6ee}

.search th, #directory-listing th {font-size: 16px; font-weight:100; padding: 8px 14px; color:#222; border: 1px solid #bbb; border-left:0; border-right:0; text-align:left}

.search td, #directory-listing td {padding:6px 14px; line-height:1.75; color:#666; border-bottom:1px solid #eee}

.search p {display:inline}

#submit {background: #f96f00; text-transform:uppercase; color:#fff; cursor:pointer; width:auto; border:none}

#submit:hover {background:#FF7A0F;}

.search input {font-size:14px; padding:10px; border:1px solid #ccc; width:500px}

.search input:hover {border:1px solid #aaa}

.search input:focus {border:1px solid #444}



/* Navigation */


#nav {position:absolute; right:0; top:91px; z-index:10;}

#nav li {float:left;}

#nav li a {height:19px; margin-left:14px; padding-left:14px; border-right:1px solid #ccc; background:url(/images/nav.gif) no-repeat; text-indent:-9999px; display:block;}

#nav .about-us a {width:89px; background-position:0 0;}

#nav .the-cluster a {width:111px; background-position:-118px 0;}

#nav .projects a {width:84px; background-position:-266px 0;}

#nav .resources a {width:99px; background-position:-380px 0;}		

#nav .news-events a {width:106px; background-position:-508px 0;}

#nav .about-us a:hover { background-position:0 -21px;}

#nav .the-cluster a:hover { background-position:-118px -21px;}

#nav .projects a:hover { background-position:-266px -21px;}

#nav .resources a:hover { background-position:-380px -21px;}		

#nav .news-events a:hover { background-position:-508px -21px;}	

#nav .about-us a.here, #nav .about-us a:active {width:89px; background-position:-2px -41px;}

#nav .the-cluster a.here, #nav .the-cluster a:active {width:111px; margin-left:13px; padding-right:1px; background-position:-118px -41px;}

#nav .projects a.here, #nav .projects a:active  {width:84px; margin-left:13px; padding-right:1px; background-position:-266px -41px;}

#nav .resources a.here, #nav .resources a:active {width:99px; margin-left:13px; padding-right:1px; background-position:-380px -41px;}		

#nav .news-events a.here, #nav .news-events a:active {width:111px; margin:0 -2px 0 11px; background-position:-508px -41px;}




#super-nav li {float:left; line-height:1 !important}

#super-nav li a {font-size:9px; text-transform:uppercase; letter-spacing:.03em; color:#333; margin-right:10px; text-decoration:none;}

#super-nav li a:hover {color:#aaa;}

#super-nav li a:active {color:#000}

#super-nav {position:absolute; top:3px; right:0;}



/* Footer */


#footer {padding-top:41px;}

.foot-col {float:left;}
	
#footer #events {width:230px; height:180px; background:url(/images/footer-border.gif) left center no-repeat; padding:5px 0 0 45px; position:relative;}

#footer h2 {margin-bottom:6px;}

#footer .vevent .summary {display:block; font-size:16px; line-height:1.5em; font-weight:100; text-shadow:0 1px 0px #fff; margin-bottom:6px;}

#footer .vevent .summary a {color:#000;text-decoration:none; display:block; width:100%}

#footer .vevent .summary a:hover {border:none; color:#555;} 

#footer .vevent .description {color:#333; font-size:12px; line-height:2em; margin-bottom:0; display:block}

.get-more {line-height:24px; font-size:10px; text-transform:uppercase; border-bottom:1px dotted #207aa0; color:#207aa0; text-decoration:none; }

.get-more:hover {border:none;}

#more-events {background:url(/images/event-arrow.gif) no-repeat; position:absolute; display:block; text-indent:-9999px; width:20px; height:115px; right:-35px; top:40px;}

#more-events:hover {background-position:0 -115px;}

#footer .vevent {position:absolute; background:url(/images/footer-bg.jpg) 0 -80px; height:125px; width:230px}

#event-ticker {height:137px}



/* Slider */

.slider {display:block; width:272px; height:180px; overflow:hidden; position:relative; color:#000; text-decoration:none; line-height:2}

.slider img {top:0; left:0; position:absolute}

.slider span {background:#EEEEEE none repeat scroll 0 0; border:6px solid #FFFFFF; display:block; height:108px; padding:30px 20px; position:absolute; width:220px; z-index:0;}



/* About */

.about-us #sub, .why-northeast-ohio #sub {background: transparent url(/images/border-shadow.jpg) repeat-y -22px 0px; padding-left:30px; width:240px; position:relative}

.about-us #sub .top, .why-northeast-ohio #sub .top {background:transparent url(/images/border-shadow-top.jpg) repeat-y scroll -22px -6px; display:block; height:64px; left:0; position:absolute; top:-26px; width:240px; z-index:1;}

.about-us #sub .bottom, .why-northeast-ohio #sub .bottom {background: transparent url(/images/border-shadow-bottom.jpg) repeat-y scroll -22px -35px; display:block; height:30px; left:0; position:absolute; bottom:-20px; width:240px; z-index:1;}

.about-us #sub a {font-weight:bold} 

.about-us #sub img {margin:0;}

#about-map {float:right; margin:-68px -17px 0px 30px}


#by-the-numbers {margin-top:38px;}

#by-the-numbers.on {width:950px; position:relative; height:275px}

#facts.on {height:275px;}

#by-the-numbers span.on {display:block; background:#000; position:absolute;z-index:10; bottom: 0px; left:0px; width:950px; height:50px; opacity:.4}

#by-the-numbers h2.on {position:absolute; color:#fff; z-index:15; text-transform:none; position:absolute; bottom:-11px; left:25px; font-weight:100; font-size:22px}

.why-northeast-ohio #main {width:100%}

.why-northeast-ohio #main ul li {font-size:13px; background:none; padding:0}

.fact {width:270px; float:left; margin-right:50px; font-size:13px !important; margin-bottom:32px;}

.fact img {margin-bottom:16px; border:1px solid #bbb; }

.fact h3 {font-size:13px !important; font-weight:100}

#main .fact ul li {padding-left:16px; background:url(/images/check-small.gif) no-repeat 0 6px; margin-left:-16px}

.why-northeast-ohio #main h2 {text-transform:inherit; font-size:28px; font-weight:100; margin-bottom:36px;}

.why-northeast-ohio #main h3 {color:#000; font-weight:bold}

.why-northeast-ohio p.lead-in {font-size:32px; margin:32px 0 6px;}



/* Success Stories */

.regional-success-stories #main, .regional-success-stories #sub {float:right; margin:0}

.regional-success-stories #sub {margin-right:56px;}

#header-image {position:relative; margin-bottom:45px; height:302px}

#header-image span, #header-image h2, #header-image img {position:absolute;}

#header-image span {display:block; height:50px; width:950px; opacity:.6; background:#000; bottom:2px; left:0; z-index:6}

#header-image h2 {color:#fff; font-size: 24px; text-transform:none; font-weight:100; margin-bottom:0; font-family:Avenir; left:18px; bottom:0; z-index:10}

.regional-success-stories #sub h2 {text-transform:uppercase}

.regional-success-stories #main p.lead-in {margin-bottom:32px;}

#success-sub-nav {border-bottom:1px solid #eee; margin-bottom:32px;}

#sub #success-sub-nav li {background:none; font-size:14px; color:#000}

#sub #success-sub-nav li a {color:#777; border:none; font-size:14px;}

#sub #success-sub-nav li a:hover {color:#000;}

.regional-success-stories #sub img {margin:0}

.regional-success-stories #sub p.caption {margin-top:8px; color:#777}



/* Projects */

.projects #main {width:100%}

.projects.entry #main {width:624px;}

.projects.entry #main, .projects.entry #sub {float:right; margin:0;}

.projects.entry #sub {margin-right:56px;}

.projects.content.entry h1 {font-size:38px;}

#header-image {position:relative; margin-bottom:45px; height:302px}

#header-image span, #header-image h2, #header-image img {position:absolute;}

#header-image span {display:block; height:50px; width:950px; opacity:.6; background:#000; bottom:2px; left:0; z-index:6}

#header-image h2 {color:#fff; font-size: 24px; text-transform:none; font-weight:100; margin-bottom:0; font-family:Avenir; left:18px; bottom:0; z-index:10}

.projects.entry #sub h2 {text-transform:uppercase}

.projects.entry #main p.lead-in {margin-bottom:32px;}

#projects-sub-nav {border-bottom:1px solid #eee; margin-bottom:32px;}

#sub #projects-sub-nav li {background:none; font-size:14px; color:#000}

#sub #projects-sub-nav li a {color:#777; border:none; font-size:14px;}

#sub #projects-sub-nav li a:hover {color:#000;}

.projects.entry #sub img {margin:0}

.projects.entry #sub p.caption {margin-top:8px; color:#777}

.projects #projects li {background:none; width:270px; margin:0 50px 20px 0; float:left; padding:0; font-size:14px}

.projects #projects li a {border:none; display:block; font-size:18px;}

.projects #projects li a:hover {color:#ff7504}


/* Resources */

.resources #content #main p {margin-bottom:32px;}

.resources #main {width:100%}


.header-image-2 {position:relative; margin-bottom:32px; height:202px}

.header-image-2 span, .header-image-2 h2, .header-image-2 img {position:absolute;}

.header-image-2 span {display:block; height:50px; width:950px; opacity:.6; background:#000; bottom:2px; left:0; z-index:6}

.header-image-2 h2 {color:#fff; font-size: 24px; text-transform:none; font-weight:100; margin-bottom:0; font-family:Avenir; left:18px; bottom:0; z-index:10}


.header-image {position:relative; margin-bottom:32px; height:177px}

.header-image span, .header-image h2, .header-image img {position:absolute;}

.header-image span {display:block; height:50px; width:450px; opacity:.6; background:#000; bottom:2px; left:0; z-index:6}

.header-image h2 {color:#fff; font-size: 24px; text-transform:none; font-weight:100; margin-bottom:0; font-family:Avenir; left:18px; bottom:0; z-index:10}

#orgs, #reports {float:left; width:450px}

#orgs {margin-right:24px; padding-right:25px; border-right:1px solid #eee}


.resources #main p {font-size:14px;}


/* News and Events */

.news-events #main, .news-events #sub {float:left; margin:0}

.news-events #sub {margin-left:56px}

#main .vevent {margin-bottom:32px;}

#main .vevent .summary {display:block; margin-bottom:8px;}

#main #news li, #sub #news li {background:none;}

#main #news li {margin-bottom:16px; color:#000; padding:0}

#main #news span {font-size:13px;}

#news span, #news em {display:block}

#news em {color:#444; font-size:11px}

#main .vevent .summary a, #sub #news li a {color:#ff7504; border-bottom:1px dotted #ff7504}

.news-events #sub #news li a {font-size:13px; color:#00406C; border-bottom:1px dotted #00406C}

.news-events #sub a {font-size:13px}

#main .vevent .summary a:hover, #sub #news li a:hover {border:none !important;}

#main .dtstart {display:block; line-height:2; font-size:15px; color:#000}

#main .description p {font-size:14px;}

.news-events #main h2, .news-events #sub h2 {font-size:24px ;color:#00406C ; font-size:20px ; font-weight:100; text-transform:uppercase;}

.news-events #sub h2 {color:#FF7504}

.news-events #sub {background: transparent url(/images/border-shadow.jpg) repeat-y -22px 0px; padding-left:30px; width:240px; position:relative; padding-top:6px; padding-bottom:20px;}

.news-events #sub .top {background:transparent url(/images/border-shadow-top.jpg) repeat-y scroll -22px -6px; display:block; height:64px; left:0; position:absolute; top:-15px; width:240px; z-index:1;}

.news-events #sub .bottom {background: transparent url(/images/border-shadow-bottom.jpg) repeat-y scroll -22px -35px; display:block; height:30px; left:0; position:absolute; bottom:-20px; width:240px; z-index:1;}




/* The Cluster */

.the-cluster #sub {background: transparent url(/images/border-shadow.jpg) repeat-y -22px 0px; padding-left:30px; width:240px; position:relative; padding-top:6px; padding-bottom:20px}

.the-cluster #sub .top {background:transparent url(/images/border-shadow-top.jpg) repeat-y scroll -22px -6px; display:block; height:64px; left:0; position:absolute; top:-30px; width:240px; z-index:1;}

.the-cluster #sub .bottom {background: transparent url(/images/border-shadow-bottom.jpg) repeat-y scroll -22px -35px; display:block; height:30px; left:0; position:absolute; bottom:-20px; width:240px; z-index:1;}

.the-cluster #sub #join, .the-cluster #sub #update, .the-cluster #sub #search {display:block; width:240px; height:77px; text-indent:-9999px; border:none; margin: 16px 0; background:url(/images/cluster-buttons.jpg);}

.the-cluster #sub #join {background-position: 0 0}

.the-cluster #sub #update {background-position: -240px 0}

.the-cluster #sub #search {background-position: -510px 0}

.the-cluster #sub #join:hover {background-position:0 -77px}

.the-cluster #sub #update:hover {background-position:-240px -77px}

.the-cluster #sub #search:hover {background-position:-510px -77px}

.the-cluster #sub #join:active {background-position:0 -154px}

.the-cluster #sub #update:active {background-position:-240px -154px}

.the-cluster #sub #search:active {background-position:-510px -154px}

.the-cluster #main .cluster-map {border:medium none; display:block; float:left; font-size:9px; margin-right:20px; text-transform:uppercase; width:300px; color:#777}

.the-cluster #main .cluster-map:hover {color:#00406c}

.the-cluster #main .cluster-map img {margin-bottom:10px}

td span {border-bottom: 1px dashed #ccc; display: block; margin-bottom: 8px; padding-bottom: 8px;}

td span:last-child {border:none !important; margin-bottom:0 !important; padding-bottom:0 !important}



.last {margin:0 !important; padding: 0 !important; border:none!important;}

.no-border {border:none!important;}

.border {border: 1px solid #ccc;}

.middle {margin: 0 41px 0 50px;}
	
.shadow {-moz-box-shadow: 0 1px 4px #555; -webkit-box-shadow: 0 1px 4px #555; box-shadow: 0 1px 4px #555;}

.black {color:#000 !important;}

.right {float:right; margin:20px 0 20px 20px; }

.left {float:left; margin:20px 20px 20px 0; }

.gray {color:#666666}


/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%; padding-bottom:75px;}

#content {padding-bottom: 273px;}  /* must be same height as the footer */

#footer-wrap {position: relative;
	margin-top: -273px; /* negative value of footer height */
	height: 273px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */