/*
Theme Name: Schools That Can
Theme URI: http://wordpress.org/
Description: The custom theme for Schools That Can.
Version: 1.0
Author: Jamie Gilmartin
Author URI: http://ogivly.com/
Tags: 
*/

/*
z-index index:
sidebar: 1
map: 8000
nav li: 8000
nav dd: 9000
*/

@import url( reset.css );

body {font-size: 11px; font-family: Tahoma,  Verdana, Arial, Sans-Serif; color: #000; background-color: #c30614; }
a {text-decoration: none;}

.allWrap {width: 970px; margin: 0 auto; overflow: hidden;}
.mainContainer {width: 900px; margin: 0 auto; padding: 0; }
h1.logo a {float: left; text-indent: -9999px; width: 178px; height: 57px; background:url('images/logo.gif') no-repeat left top; }

/*header*/
#header {height: 157px; background-image:url('images/header-bg-1.gif'); background-repeat: no-repeat; background-position: right top;}
#headerimg {height: 123px;}
#headerimg h1.logo a {position: relative; top: 38px;}
#headerimg .description h2 {float: left; text-indent: -9999px; width: 154px; height: 31px; background:url('images/description.gif') no-repeat left top; position: relative; top: 56px;}

/*main nav*/
#header ul.mainNav {list-style-type: none;}
#header ul.mainNav li {float: left; height: 33px; position: relative; z-index: 8000; background-repeat: no-repeat; background-position: 0 0; margin-left: -20px;}


#header ul.mainNav li a {display: block; text-indent: -9999px; margin: 9px auto; height: 15px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; color: #fff; }
#header ul.mainNav li a:hover {background-position: 0 -15px;}
#header ul.mainNav li.active {background-position: 0 -66px;}
#header ul.mainNav li.active a {background-position: 0 -30px;}

#header ul.mainNav li.whoweare {width: 144px; background-image:url('images/nav-whoweare-bg.gif'); margin-left: 0px;}
#header ul.mainNav li.whoweare a {width: 96px; background-image:url('images/nav-whoweare.gif');}

#header ul.mainNav li.whatwedo {width: 144px; background-image:url('images/nav-whatwedo-bg.gif');}
#header ul.mainNav li.whatwedo a {width: 92px; background-image:url('images/nav-whatwedo.gif');}

#header ul.mainNav li.ourlatestthinking {width: 213px; background-image:url('images/nav-ourlatestthinking-bg.gif');}
#header ul.mainNav li.ourlatestthinking a {width: 162px; background-image:url('images/nav-ourlatestthinking.gif');}

#header ul.mainNav li.getinvolved {width: 154px; background-image:url('images/nav-getinvolved-bg.gif');}
#header ul.mainNav li.getinvolved a {width: 104px; background-image:url('images/nav-getinvolved.gif');}

#header ul.mainNav li.newsevents {width: 188px; background-image:url('images/nav-newsevents-bg.gif');margin-left: -17px;}
#header ul.mainNav li.newsevents a {width: 117px; background-image:url('images/nav-newsevents.gif');}

/*dropdowns*/
#header ul.mainNav li .dropdown {position: absolute; z-index: 9000; display: none;}
#header ul.mainNav li .dropdown ul.subnav li {margin-left: 0; float: none; height: 29px;}
#header ul.mainNav li .dropdown ul.subnav li a {font-size: 13px; font-weight: bold; margin: 0; background-image: none; text-indent: 0; height: 22px; padding: 7px 0 0 18px; border-bottom: 1px solid #5896bf; }
#header ul.mainNav li .dropdown ul.subnav li a:hover {background-color: #2b3f78;}
#header ul.mainNav li .dropdown ul.subnav li.active a {background-color: #2b3f78;}

#header ul.mainNav li.whoweare .dropdown {width: 220px; height: 113px; background:url('images/nav-whoweare-dropdown-bg.png') no-repeat left top; _background:url('images/nav-whoweare-dropdown-bg.gif') no-repeat left top; left: -2px;}
#header ul.mainNav li.whoweare .dropdown ul.subnav {width: 204px; padding:  8px 0 0 2px;}
#header ul.mainNav li.whoweare .dropdown ul.subnav li a  {width: 186px;}

#header ul.mainNav li.whatwedo .dropdown {width: 220px; height: 113px; background:url('images/nav-whoweare-dropdown-bg.png') no-repeat left top; _background:url('images/nav-whoweare-dropdown-bg.gif') no-repeat left top; left: -2px;}
#header ul.mainNav li.whatwedo .dropdown ul.subnav {width: 204px; padding:  8px 0 0 2px;}
#header ul.mainNav li.whatwedo .dropdown ul.subnav li a  {width: 186px;}

#header ul.mainNav li.getinvolved .dropdown {width: 220px; height: 67px; background:url('images/nav-whoweare-dropdown-bg.png') no-repeat left top; _background:url('images/nav-whoweare-dropdown-bg.gif') no-repeat left top; left: -2px;}
#header ul.mainNav li.getinvolved .dropdown ul.subnav {width: 204px; padding:  8px 0 0 2px;}
#header ul.mainNav li.getinvolved .dropdown ul.subnav li a  {width: 186px;}

/*main content*/
.contentWrapper { background: #fff url('images/bottom-scape.jpg') no-repeat left bottom;  margin-top: -1px;}
.contentContainer {background:url('images/side-bar-bg.png') repeat-y right top; padding: 0 0 100px 0; }
#content {width: 600px; float: left; font-size: 11px;}
#content .top {height: 8px; background:url('images/content-top.gif') no-repeat left top;}


/*************************/
/*global elements = side bar, footer, map */
/*************************/


/*sidebar*/
#sidebar {width: 300px; height: 100%; float: left;  position: relative; z-index: 1; }
#sidebar .top {height: 15px; background:url('images/side-bar-top.gif') no-repeat left top;}

#sidebar ul.mods {padding: 13px 0 0 0; color: #fff;}
#sidebar ul.mods li h4 {height: 20px; text-indent: -9999px;}
#sidebar ul.mods li .modcontent {padding: 0;}


#sidebar ul.mods li.ourSchools {}
#sidebar ul.mods li.ourSchools h4 {background:url('images/side-bar-header-ourschools.gif') no-repeat left top;}
#sidebar ul.mods li.ourSchools .modcontent {height: 126px; background:url('images/side-bar-ourschools-bg.gif') no-repeat left top;}
#sidebar ul.mods li.ourSchools .modcontent ul li {height: 25px;}
#sidebar ul.mods li.ourSchools .modcontent ul li a {display: block; height: 22px; text-indent: -9999px; background-repeat: no-repeat; background-position: 0 0;}
.iphone #sidebar ul.mods li.ourSchools .modcontent ul li a {height: 21px;}
.ipad #sidebar ul.mods li.ourSchools .modcontent ul li a {height: 21px;}

#sidebar ul.mods li.ourSchools .modcontent ul li a:hover {background-position: 0 -22px;}
#sidebar ul.mods li.ourSchools .modcontent ul li a.active {background-position: 0 -44px;}
#sidebar ul.mods li.ourSchools .modcontent ul li.exploreOurSchools {padding: 14px 0 0 0;}
#sidebar ul.mods li.ourSchools .modcontent ul li.exploreOurSchools a {background-image:url('images/btn-explore-our-schools.png'); _background-image:url('images/btn-explore-our-schools.gif');}
#sidebar ul.mods li.ourSchools .modcontent ul li.meetOurSchoolLeaders a {background-image:url('images/btn-meet-our-school-leaders.png'); _background-image:url('images/btn-meet-our-school-leaders.gif');}

#sidebar ul.mods li.donations {}
#sidebar ul.mods li.donations h4 {background:url('images/side-bar-header-donations.gif') no-repeat left top;}
#sidebar ul.mods li.donations .modcontent p {width: 200px; padding: 10px 0 8px 16px;}
.mac.ff3 #sidebar ul.mods li.donations .modcontent p {width: 200px; padding: 6px 0 4px 16px;}
.iphone #sidebar ul.mods li.donations .modcontent p {width: 200px; padding: 2px 0 3px 16px;}
.ipad #sidebar ul.mods li.donations .modcontent p {width: 200px; padding: 2px 0 3px 16px;}
#sidebar ul.mods li.donations .modcontent ul li a {display: block; height: 24px; text-indent: -9999px; background-repeat: no-repeat; background-position: 0 0;}
#sidebar ul.mods li.donations .modcontent ul li a:hover {background-position: 0 -24px;}
#sidebar ul.mods li.donations .modcontent ul li.makeAdonation {padding: 0 0 16px 0;}
#sidebar ul.mods li.donations .modcontent ul li.makeAdonation a {background-image:url('images/btn-make-a-donation.png'); _background-image:url('images/btn-make-a-donation.gif');}

#sidebar ul.mods li.contactUs {}
#sidebar ul.mods li.contactUs h4 {background:url('images/side-bar-header-contactus.gif') no-repeat left top;}
#sidebar ul.mods li.contactUs .modcontent p {padding: 14px 0 0 16px;}
#sidebar ul.mods li.contactUs .modcontent ul {padding: 11px 0 0 0;}
#sidebar ul.mods li.contactUs .modcontent ul li {height: 24px; padding: 0 0 0 38px; background-repeat: no-repeat; background-position: 16px 0;}
#sidebar ul.mods li.contactUs .modcontent ul li a {color: #fff;}
#sidebar ul.mods li.contactUs .modcontent ul li a:hover {color: #fff;}

#sidebar ul.mods li.contactUs .modcontent ul li.tel {background-image:url('images/icon-t.png'); _background-image:url('images/icon-t.gif');}
#sidebar ul.mods li.contactUs .modcontent ul li.fax {background-image:url('images/icon-f.png'); _background-image:url('images/icon-f.gif');}
#sidebar ul.mods li.contactUs .modcontent ul li.email {background-image:url('images/icon-e.png'); _background-image:url('images/icon-e.gif');}
#sidebar ul.mods li.contactUs .modcontent ul li a {cursor: default !important;}
#sidebar ul.mods li.contactUs .modcontent ul li.email a {text-decoration: underline; cursor: pointer !important;}
#sidebar ul.mods li.contactUs .modcontent ul li.fb {background-image:url('images/icon-fb.png'); _background-image:url('images/icon-fb.gif');}
#sidebar ul.mods li.contactUs .modcontent ul li a {cursor: default !important;}
#sidebar ul.mods li.contactUs .modcontent ul li.fb a {text-decoration: underline; cursor: pointer !important;}
#sidebar ul.mods li.contactUs .modcontent ul li.twitter {background-image:url('images/icon-twitter.png'); _background-image:url('images/icon-twitter.gif');}
#sidebar ul.mods li.contactUs .modcontent ul li.twitter a {text-decoration: underline; cursor: pointer !important;}
#sidebar ul.mods li.contactUs .modcontent ul li.yt {background-image:url('images/icon-yt.png'); _background-image:url('images/icon-yt.png');}
#sidebar ul.mods li.contactUs .modcontent ul li.yt a {text-decoration: underline; cursor: pointer !important;}


/*map*/
#map {width: 902px; height: 468px; background:url('images/map-bg.png') no-repeat right top; _background:url('images/map-bg.gif') no-repeat right top; position: absolute; z-index: 8000; right: 0; top: 8px; display: none;}

.ie #map {background:url('images/map-bg.gif') no-repeat right top; height: 2000px;}


#map a.mapclose {display: block; color: #f7ec45; text-indent: -9999px; width: 55px; height: 15px; position: absolute; left: 600px; top: 10px; overflow: hidden; background-image:url('images/map-close-btn.gif'); background-repeat: no-repeat; background-position: 0 0;}
#map a.mapclose:hover {background-position: 0 -15px;}

#map .mapcontent {padding: 32px 0 0 35px; width: 545px;}
#map h2 {color: #f7ec45; text-indent: -9999px; width: 210px; height: 27px; background:url('images/map-header-ourschools.gif') no-repeat left top; padding: 0 !important;}


#map p {font-size: 12px; color: #fff; padding: 12px 0 20px 0;}
.iphone #map p {font-size: 9px; padding: 10px 0 18px 0;}
#map #schoolSelect {float: left; width: 330px;}
#map .meetOurSchoolLeaders {float: left; padding: 4px 0 0 20px;}
#map .meetOurSchoolLeaders a {display: block; text-indent: -9999px; width: 177px; height: 16px; background:url('images/btn-meet-our-school-leaders-map.gif') no-repeat left top;}
#map .meetOurSchoolLeaders a:hover {background-position: 0 -16px;}

#whiteOut {position: absolute; width: 900px; right: 0; top: 0; background-color: #fff; display: none;}


/*mapcanvas*/

#canvasWrap {background:url('images/MAPBG.gif') no-repeat left top; position: relative; width: 495px; height: 300px;}
.ie #mapoverforie {width: 495px; height: 300px; position: absolute; background: transparent; top: 0; left: 0;}
#mapcanvas {background:url('images/MAPBG.gif') no-repeat left top; cursor: pointer;}

/*mappop*/
.mappop {width: 338px; position: absolute; display: none; z-index: 3000;}
.mappop .con {background:url('images/map-pop-bg.png') repeat-y left top; cursor: pointer; }
.mappop .bottom {height: 45px; background:url('images/map-pop-bottom.png') no-repeat left top; cursor: pointer; }

.ie .mappop .con {background:url('images/map-pop-bg.gif') repeat-y left top; cursor: pointer; }
.ie .mappop .bottom {background:url('images/map-pop-bottom.gif') no-repeat left top; cursor: pointer; }


.mappop ul {padding: 0 0 0 2px; width: 322px;}
.mappop ul li {padding: 5px 0 5px 13px; background-color: #d4d4d4;}
.mappop ul li a {color: #77a428; font-weight: bold; }
.mappop ul li a:hover {color: #fff;}
.mappop ul li.name {background-color: #2b3f78; border-top: 2px solid #fff;}
.mappop ul li.name a {color: #fff; font-size: 14px;  text-transform: uppercase;}
.mappop ul li.city {background-color: #b7b7b7; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; border: 1px solid #d5d5d5; border-left: 0; border-right: 0;}
.mappop ul li.school {padding: 0;}
.mappop ul li.school a {display: block; width: 301px; padding: 6px 0 6px 21px;}
.mappop ul li.school a:hover {background-color: #c1d1b8; color: #77a428;}
.mappop ul li.color {background-color: #dfdfdf;}
.mappop .bottom ul li {padding-bottom: 8px;}


/*footer*/
.cityScape {width: 900px; height: 144px; background: #fff url('images/bottom-city-scape.jpg') no-repeat left top; position: relative; }

#footer {height: 122px;}
#footer h1.logo a {position: relative; top: 20px;}
#footer .nav  {float: left; position: relative; top: 65px; padding: 0 0 0 22px; }
#footer .nav ul {clear: both; padding: 0 0 22px 0;}
#footer .nav ul li {float: left; padding: 0 11px 0 11px; background:url('images/foot-nav-pipe.gif') no-repeat right top; color: #fff;}
#footer .nav ul li:nth-last-of-type(1) {background:none;}/*css3*/
#footer .nav ul li a {color: #fff;}
#footer .nav ul li a:hover {color: #ddd;}


/*************************/
/*pages*//*pages*//*pages*/
/*************************/


/*pages*/
.post {padding: 21px 55px 0 30px;}
#content h2 {color: #c30614; font-size: 26px;}
#content h3 {color: #949494; font-size: 14px; font-weight: bold; padding: 0 0 12px 0;}
.iphone #content h3 {font-size: 11px;}
#content p {padding: 0 0 12px 0;}
#content a {color: #77a428; font-weight: bold;}
#content a:hover {color: #73c044;}

/*home page*/
.hero {height: 280px; position: relative; overflow: hidden; background-color: #ccc; z-index: 1; _top: -5px;}

.hero ul.heros li {/*display: none;*/ position: absolute; left: 600px; z-index: 1;}
.hero ul.heros li.one {left: 0px;}
.hero ul.heros li.active {display: block; z-index: 100;}
.hero ul.heros li a {display: block; width: 600px; height: 280px; background-repeat: no-repeat; background-position: 0 0;}
.hero ul.heros li.over a:hover {background-position: 0 -280px;}
.hero ul.heros li .videoHolder {position: absolute; top: 25px; left: 303px; display:none;}
.hero ul.heros li.active .videoHolder {display:block;}

.hero ul.heros li.one   a {background-image:url('images/hero-yellow-study-tour-ladder.jpg'); }
.hero ul.heros li.two   a {background-image:url('images/hero-forum-status-quo.jpg'); }
.hero ul.heros li.three a {background-image:url('images/hero-forum-green-gabrieli.jpg'); }
.hero ul.heros li.four  a {background-image:url('images/hero.atkins.steiner.png'); }
.hero ul.heros li.five  a {background-image:url('images/hero-gap-with-video.jpg'); }
.hero ul.heros li.six   a {background-image:url('images/hero-teacher-talent.jpg'); }
.hero ul.heros li.seven a {background-image:url('images/hero7.png'); }
.hero ul.heros li.eight a {background-image:url('images/hero8.png'); }
.hero ul.heros li.nine  a {background-image:url('images/hero9.png'); }


.hero ul.nav {position: absolute; bottom: 13px; left: 30px; z-index: 101 !important; _background-color: #2b3f78; _padding: 2px 5px; _bottom: 11px; _left: 25px;}
.hero ul.nav li {float: left; padding: 0 3px 0 0;}
.hero ul.nav li a {display: block; text-indent: -9999px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: 0 0;}
.hero ul.nav li a:hover {background-position: 0 -20px;}
.hero ul.nav li.active a {background-position: 0 -20px;}

.hero ul.nav li.pause {margin: 1px 0 0 0;}
.hero ul.nav li.pause a {width: 18px; height: 18px; background-image:url('images/hero-nav-pause.png'); _background-image:url('images/hero-nav-pause.gif');}
.hero ul.nav li.pause a:hover {background-position: 0 -18px;}

.hero ul.nav li.play {margin: 1px 0 0 0; display: none;}
.hero ul.nav li.play a {width: 18px; height: 18px; background-image:url('images/hero-nav-play.png'); _background-image:url('images/hero-nav-play.gif');}
.hero ul.nav li.play a:hover {background-position: 0 -18px;}

.iphone .hero ul.nav li a {height: 19px;}
.iphone .hero ul.nav li.pause a {height: 17px;}
.iphone .hero ul.nav li.play a {height: 17px;}

.ipad .hero ul.nav li a {height: 19px;}
.ipad .hero ul.nav li.pause a {height: 17px;}
.ipad .hero ul.nav li.play a {height: 17px;}

.hero ul.nav li.one a {background-image:url('images/hero-nav-one.png'); _background-image:url('images/hero-yellow-study-tour-ladder.jpg'); }
.hero ul.nav li.two a {background-image:url('images/hero-nav-two.png'); _background-image:url('images/hero-nav-two.gif');}
.hero ul.nav li.three a {background-image:url('images/hero-nav-three.png'); _background-image:url('images/hero-nav-three.gif');}
.hero ul.nav li.four a {background-image:url('images/hero-nav-four.png'); _background-image:url('images/hero-nav-four.gif');}
.hero ul.nav li.five a {background-image:url('images/hero-nav-five.png'); _background-image:url('images/hero-nav-five.gif');}
.hero ul.nav li.six a {background-image:url('images/hero-nav-six.png'); _background-image:url('images/hero-nav-six.gif');}
.hero ul.nav li.seven a {background-image:url('images/hero-nav-seven.png'); _background-image:url('images/hero-nav-seven.gif');}
.hero ul.nav li.eight a {background-image:url('images/hero-nav-eight.png'); _background-image:url('images/hero-nav-eight.gif');}
.hero ul.nav li.nine a {background-image:url('images/hero-nav-nine.png'); _background-image:url('images/hero-nav-nine.gif');}





/***************/
/*blog list*/
/***************/
ul.blogList li.postExcerpt {padding:10px 55px 15px 30px;background-color: #f4f4f4;}
ul.blogList li.postExcerpt .thumb {width: 70px; padding: 2px 0 0 0; float: left;}
ul.blogList li.postExcerpt .thumb img {width: 51px !important; height: 51px;}
ul.blogList li.postExcerpt .floattext {width: 430px; float: left;}
.win ul.blogList li.postExcerpt .floattext  {width: 420px; }


ul.blogList li.white {background-color: #fff;}
ul.blogList li.postExcerpt p {padding: 0 !important;}
ul.blogList li.postExcerpt p.date {color: #949494; padding: 0 0 5px 0 !important;} 
ul.blogList li.postExcerpt p.title a {color: #949494 !important;}
ul.blogList li.postExcerpt p.title a:hover {color: #77a428 !important;}
.blog ul.blogList object {padding: 10px 0 10px 0;}

.featuredPost {padding: 5px 0 0 0;}
.featuredPost img {padding: 5px 5px 5px 10px; float: right;}

/*home blog*/
.homeBlogWrap {}
.homeBlogWrap .topCon {padding:20px 0 0 30px;}
.homeBlogWrap .topCon h2.subTitle {text-indent: -9999px; width: 211px; height: 18px; background: #fff url('images/sub-title-our-latest-thinking.gif') no-repeat left top; padding: 0 0 12px 0;} 
.homeBlogWrap .topCon h3 {width: 550px;} 

.homeBlogWrap ul.blogList {height: 380px; overflow: auto;}

/*blog*/
.blog .topCon {padding:20px 0 0 30px;}
.blog .topCon h2.title {text-indent: -9999px; width: 211px; height: 18px; background: #fff url('images/title-our-latest-thinking.gif') no-repeat left top; padding: 0 0 12px 0;}
.blog .topCon h3 {width: 550px;} 
.blog ul.blogList {padding-bottom: 10px;}
.blog .blogBottom {padding:10px 0 0 0; border-top: 1px solid #c9c9c9;}
.blog .blogBottom p {color: #949494; text-align: right; padding: 0 30px 10px 0 !important;}



/***************/
/*blog single*/
/***************/
.single .topCon {padding:20px 0 0 30px;}
.single .topCon h2.title {text-indent: -9999px; width: 211px; height: 18px; background: #fff url('images/title-our-latest-thinking.gif') no-repeat left top; padding: 0 0 12px 0;}

/*.single {border: 1px solid #c9c9c9; border-left: 0; border-right: 0;}*/
.single .thumbColumn {float: left; width: 70px;}
.single .entry {float: left; width: 440px;}
.single .entry p.postedBy {color: #949494;}

.single .blogBottom {padding:10px 0 0 0;border-top: 1px solid #c9c9c9;}
.single .blogBottom p {color: #949494; text-align: right; padding: 0 30px 10px 0 !important;}

.single .navigation {padding: 5px 30px 10px 30px;}
.single .navigation .alignleft {float: left;}
.single .navigation .alignright {float: right;}
.single .topNav {border-bottom: 1px solid #c9c9c9;}




/*comments*/
.single #responses {}

.single p.numResponses {font-weight: bold;}
.single #responses h3 {font-size: 12px;}


.single #responses ol.commentlist li { clear: both; padding: 10px 0 10px 0;}
.commentsTop {padding: 25px 40px 0 95px;}
p.commentTitle {width: 107px; height: 18px; text-indent: -9999px;  background: #fff url('images/title-comments.gif') no-repeat left top;}
p.commentSubTitle {color: #949494; font-size: 14px; width: 433px;}

ol.commentlist li {background-color: #fff; padding: 15px 40px 15px 95px !important; color: #333333;}
ol.commentlist li.grey {background-color: #f4f4f4;}
ol.commentlist li .comment-author {color: #949494; padding: 0 0 10px 0;}
ol.commentlist li .comment-author cite.fn {font-weight: bold;}

.single #respond {padding: 25px 40px 0 95px;background-color: #f4f4f4;}
.single #respond h3 {text-indent:-9999px; background: #f4f4f4 url('images/title-leave-a-reply.gif') no-repeat left top; height: 19px; width: 144px;}

.single #respond label {font-size: 14px; line-height: 22px; color: #949494; font-weight: bold !important;}
.single #respond span.star {color: #c30614;}
.single #respond label small {font-size: 11px; color: #333333;}
.single #respond input {border: 1px solid #949494; height: 20px; width: 212px;}
.single #respond textarea {border: 1px solid #949494; margin-left: -1px;}

.single #respond p.textareaWrap {padding: 0 0 0 0 !important;}
.single #respond p.submitWrap {margin-top: -2px;}
.single #respond input#submit {background: #f4f4f4 url('images/btn-submit-comment.gif') no-repeat left top; width: 172px; height: 24px; border: 0; text-indent: -9999px; cursor: pointer;}

/*archives*/
.archiveContent {width: 900px !important;}
.archiveContent .top {background-image:url('images/content-top-fullPage.gif') !important;}
.archives {background: none;}
.archives .topCon {padding:20px 0 0 30px;}
.archives .topCon h2.title {text-indent: -9999px; width: 253px; height: 18px; background: #fff url('images/title-latest-thinking-archive.gif') no-repeat left top; padding: 0 0 12px 0;}

.archivesNav {padding: 10px 0 0 0;}
.archivesNav ul {height: 22px; background-color: #dfdfdf; padding: 0 0 0 20px; }
.archivesNav ul li {float: left;}
.archivesNav ul li input {display: none;}
.archivesNav ul li a {display: block; height: 22px; background-repeat: no-repeat; background-position: 0 0; text-indent: -9999px;}
.archivesNav ul li a:hover {background-position: 0 -22px;}
.archivesNav ul li.down a {background-position: 0 -44px;}
.archivesNav ul li.up a {background-position: 0 -66px;}

.archivesNav ul li.date a {background-image:url('images/archive-nav-date.gif'); width: 110px;}
.archivesNav ul li.contributor a {background-image:url('images/archive-nav-contributor.gif'); width: 150px;}
.archivesNav ul li.entryTitle a {background-image: url('images/archive-nav-entry-title.gif'); width: 595px; }

/*archive list*/
ul.archiveList {display: none;}
ul.archiveList li.achiveItem { height: 21px; padding: 7px 0 0 0; background-color: #f4f4f4;}
.mac.ff3 ul.archiveList li.achiveItem { overflow: hidden !important;}
.iphone ul.archiveList li.achiveItem { overflow: hidden !important;}
ul.archiveList li.white {background-color: #fff;}
ul.archiveList li.achiveItem ul {padding: 0 0 0 30px;}
ul.archiveList li.achiveItem ul li {float: left;}
ul.archiveList li.achiveItem ul li.date {width: 110px; color: #949494;}
ul.archiveList li.achiveItem ul li.author {width: 140px; padding: 0 0 0 10px;}
ul.archiveList li.achiveItem ul li.title {width:595px;  padding: 0 0 0 5px;}
ul.archiveList li.achiveItem ul li.title a {color: #949494 !important;}
ul.archiveList li.achiveItem ul li.title a:hover {color: #77A428 !important;}

/*default display*/
#datedsc {display: block;}


/*single archive*/
.archiveSingle .topCon {padding:20px 0 0 30px;}
.archiveSingle .blogBottom {padding:10px 0 0 0; border-top: 1px solid #c9c9c9;}
.archiveSingle .blogBottom p {color: #949494; text-align: right; padding: 0 30px 0 0 !important;}
.archiveSingle h2.title {text-indent: -9999px; width: 211px; height: 18px; background: #fff url('images/title-our-latest-thinking.gif') no-repeat left top; padding: 0 0 12px 0;}

/*newsArchive & eventArchive*/
.newsArchive h2.title {width: 253px; height: 18px; background: #fff url('images/title-news-archive.gif') no-repeat left top !important;}
.eventArchive h2.title {width: 253px; height: 18px; background: #fff url('images/title-events-archive.gif') no-repeat left top !important;}


/*author archive*/
.authorInfo {padding: 0 0 0 30px;}
.authorInfo .avatarWrap {width: 111px; float: left;}
.authorInfo .infoWrap {width: 555px; float: left;}
.authorInfo p {color: #949494; line-height: 16px;}
.authorInfo p.name {color: #000; font-weight: bold; font-size: 14px; padding: 0 0 0 0 !important;}


/************/
/*Sub pages*/
/************/


/*whoWeAre == page-id-17*/
.page-id-17 h2 {width: 121px; height: 18px;  text-indent: -9999px; background: #fff url('images/title-whoweare.gif') no-repeat left top; padding: 0 0 24px 0;}
.whoWeAre ul {list-style-type: disc; list-style-position: inside; padding: 0 0 0 22px;}
.whoWeAre ul.linklist {list-style-type: none; padding: 0 0 12px 22px;}
.whoWeAre ul li {padding: 0 0 12px 0;}

/*ourexecutiveteam == page-id-10*/
.page-id-10 h2 {width: 203px; height: 18px;  text-indent: -9999px; background: #fff url('images/title-ourexecutiveteam.gif') no-repeat left top; padding: 0 0 24px 0;}
.ourexecutiveteam {}
.ourexecutiveteam h4 {font-size: 14px; color: #323333; font-weight: bold;}
.ourexecutiveteam h5 {font-size: 14px; color: #949494; font-weight: bold;}

.ourexecutiveteam ul {}
.ourexecutiveteam ul li {}
.ourexecutiveteam ul li .pic {width: 100px; height: 110px; float: left;}
.ourexecutiveteam ul li .info { float: left;}

/*ouradvisorycouncils == page-id-42*/
.page-id-7 h2 {width: 243px; height: 18px;  text-indent: -9999px; background: #fff url('images/title-ourregionalcouncils.gif') no-repeat left top; padding: 0 0 17px 0;}
.ourregionalcouncils {}
.ourregionalcouncils p.callout {font-size: 14px; color: #949494; font-weight: bold; padding: 0 0 25px 0 !important;}

.ourregionalcouncils h4 {font-size: 14px; color: #323333; font-weight: bold;}
.ourregionalcouncils h5 {font-size: 14px; color: #949494; font-weight: bold;}

.ourregionalcouncils .accordion {padding: 20px 0 0 0; }
/*accordions*/
.accordion {width: 600px; margin-left: -30px; overflow: hidden;}
.accordion h3 {margin: 0 0 2px 0; padding: 0 !important;}

.accordion h3 a {display: block; text-indent: -9999px; height: 22px; background-position:0 0;}
.accordion h3 a:hover {display: block; text-indent: -9999px; background-position:0 -22px;}

.accordion h3.ui-state-focus a {background-position:0 -22px;}
.accordion h3.ui-state-active a {background-position:0 -44px;}
.accordion .con {padding: 10px 55px 40px 30px;}

.accordion h3.boston a {background-image:url('images/accordion-boston.gif');}
.accordion h3.chicago a {background-image:url('images/accordion-chicago.gif');}
.accordion h3.cleveland a {background-image:url('images/accordion-cleveland.gif');}
.accordion h3.detroit a {background-image:url('images/accordion-detroit.gif');}
.accordion h3.grandrapids a {background-image:url('images/accordion-grandrapids.gif');}
.accordion h3.indianapolis a {background-image:url('images/accordion-indianapolis.gif');}
.accordion h3.milwaukee a {background-image:url('images/accordion-milwaukee.gif');}
.accordion h3.newyork a {background-image:url('images/accordion-newyork.gif');}
.accordion h3.northcarolina a {background-image:url('images/accordion-northcarolina.gif');}
.accordion h3.philadelphia a {background-image:url('images/accordion-philadelphia.gif');}
.accordion h3.losangeles a {background-image:url('images/accordion-losangeles.gif');}
.accordion h3.pittsburgh a {background-image:url('images/accordion-pittsburgh.gif');}
.accordion h3.newark a {background-image:url('images/accordion-newark.gif');}
.accordion h3.stlouis a {background-image:url('images/accordion-stlouis.gif');}
.accordion h3.sanfrancisco a {background-image:url('images/accordion-sanfrancisco.gif');}
.accordion h3.washingtondcbaltimore a {background-image:url('images/accordion-washingtondc-baltimore.gif');}



/*ourboardofdirectors == page-id-9*/
.page-id-9 h2 {width: 255px; height: 18px; text-indent: -9999px; background: #fff url('images/title-ourboardofdirectors.gif') no-repeat left top; padding: 0 0 17px 0;}
.ourboardofdirectors p.callout {font-size: 14px; color: #949494; font-weight: bold;}
.ourboardofdirectors h4 {font-size: 14px; color: #323333; font-weight: bold;}
.ourboardofdirectors h5 {font-size: 14px; color: #949494; font-weight: bold;}

.ourboardofdirectors ul {padding: 40px 0 0 0;}
.ourboardofdirectors ul li {}
.ourboardofdirectors ul li .pic {width: 100px; height: 110px; float: left;}
.ourboardofdirectors ul li .info { float: left; width: 412px;}

.ourboardofdirectors  h3.advisoryBoard {width: 204px; height: 18px; text-indent: -9999px; background: #fff url('images/title-stc-advisory-board.gif') no-repeat left top;}

/*whatWeDo == page-id-13*/
.page-id-13 h2 {width: 120px; height: 18px;  text-indent: -9999px; background: #fff url('images/title-whatwedo.gif') no-repeat left top; padding: 0 0 24px 0;}
.whatWeDo h4 {font-weight: bold; padding: 0 0 5px 0;}
.whatWeDo ul {list-style-type: disc; list-style-position: inside; padding: 0 0 12px 22px;}
.whatWeDo ul li {padding: 0 0 12px 0;}

/*regionalcouncils == page-id-4*/
.page-id-4 h2 {width: 200px; height: 18px;  text-indent: -9999px; background: #fff url('images/title-regionalcouncils.gif') no-repeat left top; padding: 0 0 24px 0;}
.regionalcouncils {padding: 0 0 0 0;}
.regionalcouncils ul {list-style-type: disc; list-style-position: inside; padding: 0 0 0 22px;}
.regionalcouncils ul li {padding: 0 0 12px 0;}

/*roundtablesandstudytours == index.php/what-we-do/roundtables-and-study-tours*/
.page-id-2961 h2 {width: 350px; height: 18px;  text-indent: -9999px; background: #fff url('images/title-roundtables-and-study-tours.jpg') no-repeat left top; padding: 0 0 24px 0;}
.roundtablesandstudytours {padding: 0 0 0 0;}
.roundtablesandstudytours ul {list-style-type: disc; list-style-position: inside; padding: 0 0 0 22px;}
.roundtablesandstudytours ul li {padding: 0 0 12px 0;}

/*stcnationalforum == index.php/what-we-do/stc-national-forum/*/
.page-id-2965 h2 {width: 250px; height: 18px;  text-indent: -9999px; background: #fff url('images/title-stc-national-forum.jpg') no-repeat left top; padding: 0 0 24px 0;}
.stcnationalforum {padding: 0 0 0 0;}
.stcnationalforum ul {list-style-type: disc; list-style-position: inside; padding: 0 0 0 22px;}
.stcnationalforum ul li {padding: 0 0 12px 0;}

/*getinvolved== page-id-6*/
.page-id-6 h2 {width: 136px; height: 18px;  text-indent: -9999px; background: #fff url('images/title-getinvolved.gif') no-repeat left top; padding: 0 0 24px 0;}
.getinvolved h3 {padding: 20px 0 12px 0 !important;}
.getinvolved h5 {font-size: 14px; color: #949494; font-weight: bold;}
.getinvolved .makeadonation {padding: 5px 0 15px 0; margin-left: -63px;}
.getinvolved .makeadonation input.paypal {display: block; width: 568px; height: 32px;}

/*applyformembership == index.php/get-involved/apply-for-membership-or-partnership*/
.page-id-2991 h2 {width: 450px; height: 18px;  text-indent: -9999px; background: #fff url('images/title-apply-for-membership-or-partnership.jpg') no-repeat left top; padding: 0 0 24px 0;}
.applyformembership {padding: 0 0 0 0;}
.applyformembership ul {list-style-type: disc; list-style-position: inside; padding: 0 0 0 22px;}
.applyformembership ul li {padding: 0 0 12px 0;}

/*newslettersignup == page-id-3037*/
.page-id-3037 h2 {width: 320px; height: 18px;  text-indent: -9999px; background: #fff url('images/title-newsletter-signup.jpg') no-repeat left top; padding: 0 0 17px 0;}
.newslettersignup {}
.newslettersignup p.callout {font-size: 14px; color: #949494; font-weight: bold; padding: 0 0 25px 0 !important;}
.newslettersignup h4 {font-size: 14px; color: #323333; font-weight: bold;}
.newslettersignup h5 {font-size: 14px; color: #949494; font-weight: bold;}

/*thankyou == page-id-3080*/
.page-id-3080 h2 {width: 115px; height: 18px;  text-indent: -9999px; background: #fff url('images/title-thank-you.jpg') no-repeat left top; padding: 0 0 17px 0;}
.thankyou {}
.thankyou p.callout {font-size: 14px; color: #949494; font-weight: bold; padding: 0 0 25px 0 !important;}

/*pleasetryagain == page-id-3085*/
.page-id-3085 h2 {width: 180px; height: 18px;  text-indent: -9999px; background: #fff url('images/title-please-try-again.jpg') no-repeat left top; padding: 0 0 17px 0;}
.pleasetryagain {}
.pleasetryagain p.callout {font-size: 14px; color: #949494; font-weight: bold; padding: 0 0 25px 0 !important;}

/*ourschoolleaders == page-id-11*/
.page-id-11 h2 {width: 215px; height: 18px;  text-indent: -9999px; background: #fff url('images/title-ourschoolleaders.gif') no-repeat left top; padding: 0 0 24px 0;}
.ourschoolleaders p.callout {font-size: 14px; color: #949494; font-weight: bold; padding: 0 !important;}
.ourschoolleaders .accordion {padding: 40px 0 0 0; }
.ourschoolleaders h4 {font-size: 14px; color: #323333; font-weight: bold;}
.ourschoolleaders h5 {font-size: 14px; color: #949494; font-weight: bold; padding: 0 0 12px 0;}


/*contactus == page-id-77*/
.page-id-77 h2 {width: 114px; height: 18px;  text-indent: -9999px; background: #fff url('images/title-contactus.gif') no-repeat left top; padding: 0 0 24px 0;}


/*newsAndEvents */
.page-id-405 {}
.news .newsTop {padding: 20px 0 0 30px;}
.news .eventsTop {padding: 50px 0 0 30px;}
.news h2 {text-indent: -9999px; height: 18px;}
.news h2.newsTitle {background: #fff url('images/title-news.gif') no-repeat left top; width: 54px;}
.news h2.eventsTitle {background: #fff url('images/title-events.gif') no-repeat left top; width: 72px;}

.news ul.blogList li.postExcerpt .text p.title a {color: #77a428 !important;}
.news ul.blogList li.postExcerpt .text p.title a:hover {color: #73c044 !important;}
.news ul.blogList li.postExcerpt .text .featuredPost p.title a {color: #949494 !important; font-size: 14px !important;}
.news ul.blogList li.postExcerpt .text .featuredPost p.title a:hover {color: #73c044 !important;}

.news .blogBottom {padding: 10px 0 0 0;}
.news .blogBottom p {color: #949494; text-align: right; padding: 0 30px 10px 0 !important;}



/*************************/
/*schoolPages*//*schoolPages*/
/*************************/

.schoolPage h2.title {text-transform: uppercase; font-weight: bold; font-size: 21px !important; padding: 0 0 10px 0 !important;}

.schoolPage .school {}
.schoolPage .school .topCon {border-bottom: 1px solid #d4d4d4; padding-bottom: 20px;}
.schoolPage .school .topCon .callOutPic {padding: 0 0 15px 0; margin-left: -30px;}
.schoolPage .school h3 {}
.schoolPage .school .topCon p.title {font-size: 14px; color: #949494; padding: 0 !important; text-transform: uppercase;}
.schoolPage .school .topCon p.website {padding: 15px 0 0 0 !important;}
.schoolPage .school .topCon h5 {font-size: 14px; color: #949494; font-weight: bold;}
.schoolPage .school .topCon .address {float: left; width: 260px;}
.schoolPage .school .topCon .contact {float: left; width: 255px;}
.schoolPage .school .divide {padding-top: 20px;}

.schoolPage .school .schoolContent {padding: 10px 0 0 0;}
.schoolPage .school .schoolContent ul {padding: 0 0 10px 10px;}
.schoolPage .school .schoolContent ul li {padding: 0 0 10px 0;}


/*privacy policy*/
#post-810 h2 {width: 153px; height: 18px;  text-indent: -9999px; background: #fff url('images/title-privacypolicy.gif') no-repeat left top; padding: 0 0 14px 0;}
#post-764 h2 {width: 153px; height: 18px;  text-indent: -9999px; background: #fff url('images/title-privacypolicy.gif') no-repeat left top; padding: 0 0 24px 0;}

.privacy p {line-height: 18px;}
.privacy h3 {padding: 20px 0 10px 0 !important;}
.privacy ul {list-style-type: disc; padding: 0 0 0 40px;}
.privacy ul li {padding: 5px 0 5px 0 !important;}
.privacy ul li p {padding: 10px 0 0 0 !important;}