/* CSS Document */


body, html { height: 100%; }

body {
	background: url(images/bg-sitewide.jpg) repeat-x rgb(217,217,217);
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
span.strongblue { font-weight: bold; color: #297083	}

a { color: #297083; }
a:hover { color: #1a4652; }
a img {border: 0;}

/**************PAGE ATTRIBUTES**************/

#wrap {
	margin: 0 auto;
	text-align: left;
	height: 100%;
	}
	
td.leftshadow {
	background: url(images/bg-shadow-repeat-left.jpg) repeat-y;
	}

td.rightshadow {
	background: url(images/bg-shadow-repeat-right.jpg) repeat-y;
	}

td.leftshadow img, td.rightshadow img {
	margin: -48px 0 0 0;
	}
	
td.main {
	width: 960px;
	background: url(images/bg-main-home-gradient.jpg) no-repeat rgb(237,242,245);
	}
	
td.main div.container {
	background: url(images/bg-main-home.jpg) no-repeat;
	float: left;
	width: 961px;
	text-align: center;
	}
	
td.main div.about-nsccbg {
	background: url(images/bg-main-about.jpg) no-repeat;
	}
	
td.main div.benefitsbg {
	background: url(images/bg-main-benefits.jpg) no-repeat;
	}
	
td.main div.contactbg {
	background: url(images/bg-main-contact.jpg) no-repeat;
	}
	
td.main div.eventsbg {
	background: url(images/bg-main-events.jpg) no-repeat;
	}
	
td.main div.joinbg {
	background: url(images/bg-main-join.jpg) no-repeat;
	}

td.main div.legislative-initiativesbg {
	background: url(images/bg-main-legislative-initiatives.jpg) no-repeat;
	}

td.main div.membersbg {
	background: url(images/bg-main-members.jpg) no-repeat;
	}

td.main div.newsbg {
	background: url(images/bg-main-news.jpg) no-repeat;
	}
	
td.main div.privacy-policybg{
	background: url(images/bg-main-privacypolicy.jpg) no-repeat;
	}
	
td.main div.resourcesbg {
	background: url(images/bg-main-resources.jpg) no-repeat;
	}
	
td.main div.terms-of-usebg {
	background: url(images/bg-main-terms-of-use.jpg) no-repeat;
	}
	
h1 {
	margin: 0;
	padding: 0;
	width: 300px;
	height: 24px;
	}
	
h1 span { display: none; }

h1.about-nscc { background: url(images/Headers/About-NSCC/About-NSCC.jpg) no-repeat; }
h1.board-of-directors{ background: url(images/Headers/About-NSCC/Board-of-Directors.jpg) no-repeat; }
h1.executive-director { background: url(images/Headers/About-NSCC/Executive-Directors.jpg) no-repeat; }
h1.mission { background: url(images/Headers/About-NSCC/mission.jpg) no-repeat; }
h1.strategic-plan{ background: url(images/Headers/About-NSCC/Strategic-Plan.jpg) no-repeat; }

h1.benefits { background: url(images/Headers/Benefits/Benefits.jpg) no-repeat; }
h1.desc-of-benefits { background: url(images/Headers/Benefits/Description-of-Benefits.jpg) no-repeat; }

h1.contact { background: url(images/Headers/Contact/Contact.jpg) no-repeat; }

h1.events { background: url(images/Headers/Events/Events.jpg) no-repeat; }
h1.ongoing-events { background: url(images/Headers/Events/Ongoing-Events.jpg) no-repeat; }
h1.upcoming-events { background: url(images/Headers/Events/Upcoming-Events.jpg) no-repeat; }

h1.join { background: url(images/Headers/Join/Join.jpg) no-repeat; }

h1.legislative-blog { background: url(images/Headers/Legislative/Legislative-Blog.jpg) no-repeat; }
h1.legislative-initiatives { background: url(images/Headers/Legislative/Legislative-Initiatives.jpg) no-repeat; }
h1.list-of-initiatives { background: url(images/Headers/Legislative/List-of-Initiatives.jpg) no-repeat; }
h1.pitt-government { background: url(images/Headers/Legislative/Pittsburgh-Government-Info.jpg) no-repeat; }
h1.pennsylvania-legislative { background: url(images/Headers/Legislative/Pennsylvania-Legislative.jpg) no-repeat; }

h1.members { background: url(images/Headers/Members/Members.jpg) no-repeat; }

h1.news { background: url(images/Headers/News/News.jpg) no-repeat; }

h1.privacy-policy { background: url(images/Headers/Privacy-Policy/Privacy-Policy.jpg) no-repeat; }

h1.resources { background: url(images/Headers/Resources/Resources.jpg) no-repeat; }

h1.terms-of-use { background: url(images/Headers/Terms-of-Use/Terms-of-Use.jpg) no-repeat; }


/**************TOP NAVI**************/
	
td.main div.container div.topnav {
	height: 63px;
	width: 959px;
	text-align: left;
	}
	
td.main div.container div.topnav ul {
	padding: 0 12px 0 0;
	margin: 0;
	list-style: none;
	float: right;
	}
	
td.main div.container div.topnav ul li {
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
	font-size: 11px;
	color: #c7d4d8;
	}
	
td.main div.container div.topnav ul li a {
	text-decoration: none;
	color: #c7d4d8;
	line-height: 28px;
	margin: 0 7px 0 0;
	}
	
td.main div.container div.topnav ul li a:hover { color:#ffffff; }

td.main div.container div.topnav ul li a.joinnscc {
	width: 80px;
	display: block;
	height: 62px;
	margin: 0;
	}
	
td.main div.container div.topnav ul li a.joinnscc span { display: none; }


/**************MAIN NAVI**************/

div.contentarea {
	margin: 282px auto 0 auto;
	width: 925px;
	text-align: left;
	}
	
div.subcontentarea {
	margin: 220px auto 0 auto;
	}
	
div.contentarea .mainnav {
	width: 925px;
	height: 33px;
	background: url(images/navigroup2.gif) no-repeat;
	}
	
div.contentarea .mainnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 33px;
	float: left;
	}
	
div.contentarea .mainnav ul li {
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	}
	
div.contentarea .mainnav ul li a {
	width: 100%;
	display: block;
	height: 33px;
	text-align: center;
	text-indent: -1000px;
	}
	
div.contentarea .mainnav ul li.home { width: 74px; }
div.contentarea .mainnav ul li.about { width: 113px; }
div.contentarea .mainnav ul li.legislative { width: 160px; }
div.contentarea .mainnav ul li.members { width: 96px; }
div.contentarea .mainnav ul li.benefits { width: 93px; }

div.contentarea .mainnav ul li.home a:hover { background: url(images/navigroup2.gif) no-repeat 0 -33px; }
div.contentarea .mainnav ul li.about a:hover { background: url(images/navigroup2.gif) no-repeat -74px -66px; }
div.contentarea .mainnav ul li.legislative a:hover { background: url(images/navigroup2.gif) no-repeat -189px -99px; }
div.contentarea .mainnav ul li.members a:hover { background: url(images/navigroup2.gif) no-repeat -349px -132px; }
div.contentarea .mainnav ul li.benefits a:hover { background: url(images/navigroup2.gif) no-repeat -445px -165px; }

div.home-page .mainnav ul li.home a { background: url(images/navigroup2.gif) no-repeat 0 -33px; }
div.about-nscc-page .mainnav ul li.about a { background: url(images/navigroup2.gif) no-repeat -74px -66px; }
div.legislative-page .mainnav ul li.legislative a{ background: url(images/navigroup2.gif) no-repeat -189px -99px; }
div.members-page .mainnav ul li.members a { background: url(images/navigroup2.gif) no-repeat -349px -132px; }
div.benefits-page .mainnav ul li.benefits a { background: url(images/navigroup2.gif) no-repeat -445px -165px; }


/**************SEARCH**************/


div.contentarea .mainnav .search {
	float: right;
	padding: 7px 14px 0 0;
	width: 275px;
	}
	
div.contentarea .mainnav .search .searchbox {
	background: url(images/search-arrow.jpg) right 50% #ffffff no-repeat;
	border: 1px solid #cccccc;
	padding: 1px;
	float: left;
	}
	
div.contentarea .mainnav .search .submit {
	float: right;
	margin: 0 0px 0 7px;
	}
	
div.contentarea .mainnav .search .searchbox input {
	margin: 0 20px 0 0;
	width: 200px;
	font-size: 11px;
	border: 0px;
	}
	
div.contentarea .mainnav .search .submit .submitimage {
	background: url(images/search-button.jpg) no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	width: 41px; 
	height: 19px;
	cursor: pointer;
	cursor: hand;
	}

/**************HOME PAGE STYLES**************/

div.contentarea .content {
	width: 925px;
	height: 330px;
	background: url(images/bg-main-home-content.jpg) no-repeat;
	}
	
div.contentarea .content div { float: left; height: auto; text-align: center; font-size: 11px; margin: 0;}
div.contentarea .content div.section-about { width: 224px; padding-left: 4px; }
div.contentarea .content div.section-legislative { width: 220px; padding-left: 4px; }
div.contentarea .content div.section-members { width: 100%; border-bottom: 1px solid #cccccc; padding-left: 6px; }
div.contentarea .content div.section-collab { width: 100%; padding-left: 6px; }
div.contentarea .content div.section-benefits { float: left; width: auto; padding-left: 5px; margin-top: 12px; display: block; height: 150px;}
div.contentarea .content div.section-join { float: left; width: auto; position: relative; padding-left: 5px; top: 30px; display: block;}
	



div.contentarea .content div.section-duo { display: block; width: 220px; }


div.contentarea .content div div.section-members img.learnmore { margin-top: -4px; margin-bottom: 5px; }
div.contentarea .content div div.section-collab img.learnmore { margin-right: 3px; }

div.contentarea .content div  div.section-benefits ul { list-style-type: square; float: left; padding: 5px 0 0 40px; width: auto;}
div.contentarea .content div  div.section-benefits ul li { background: none; padding-left: 0px; border: 0; margin-bottom: 1px; color: #444444}

div.contentarea .content div  div.section-benefits img.header { float: left; padding-left: 15px; }
div.contentarea .content div  div.section-join img.header { float: left; padding-left: 15px; }

div.contentarea .content div div.section-benefits p { float: left; padding-left: 23px }
div.contentarea .content div  div.section-join p { float: left; padding-left: 23px; margin-bottom: 0px;}

div.contentarea .content div img.teaser { float: left; margin: 0 0 0 3px; }
div.contentarea .content div img.header { float: left; margin: 7px 0 0 7px; }
div.contentarea .content div img.learnmore { float: right; margin: 5px 7px 0 0px; border: 0;}
div.contentarea .content div img.joinnow { float: right; margin: 0px 1px 0 0px; border: 0;}
div.contentarea .content div div  p { float: left; margin: 10px 0px 3px 0px; }
div.contentarea .content div div  img.learnmore { float: right; margin: 0px 7px 6px 0px; }
div.contentarea .content div ul li a { text-decoration: none; }
div.contentarea .content div p { float: left; padding-left: 5px; margin: 15px 0 10px 0; text-align: left; width: 90%;}
div.contentarea .content div ul { list-style: none; padding: 0px 0 0 7px; margin: 0; float: left; text-align: left; width: 90%; }

div.contentarea .content div ul li { 
	background: url(images/home-arrow-orange.jpg) no-repeat 0px 40%;
	padding: 0 0 1px 11px;
	border-bottom: 1px dotted #cccccc;
	margin: 0 0 2px 0;
	font-size: 11px;
	}


	
div.contentarea .footer {
	width: 925px;
	height: 8px;
	background: url(images/footer-main-home-content.jpg) no-repeat;
	}
	

/**************SUB PAGE STYLES**************/

div.contentarea .subcontent {
	width: 925px;
	height: auto;
	min-height: 100%;
	background: url(images/bg-main-sub-content-2.jpg) repeat-y;
	float: left;
	}
	
div.contentarea .subcontent .sub-subcontent {
	width: 925px;
	height: auto;
	min-height: 100%;
	background: url(images/bg-main-sub-content.jpg) repeat-y;
	float: left;
	margin: 5px 0 0 0;
	}
	
div.contentarea .subcontent .sub-subcontent div.sidenav {
	width: 185px;
	float: left;
	height: auto;
	padding: 5px 0 0 0px;
	text-align: center;
	font-size: 11px; 
	}

div.contentarea .subcontent .sub-subcontent div.sidenav  ul {
	list-style: none;
	margin: 15px 0 0px 0;
	padding: 0;
	text-align: left;
	}
	
div.contentarea .subcontent .sub-subcontent div.sidenav  ul li {
	margin: 0 0 5px 0;
	padding: 0 0 6px 0;
	background: url(images/sub-sidenav-divider.jpg) left bottom no-repeat;
	}
	
div.contentarea .subcontent .sub-subcontent div.sidenav  ul li a {
	background: url(images/sub-sidenav-bullet.jpg) left 50% no-repeat;
	margin: 0 0 0 15px;
	padding: 0 0 0 13px;
	text-decoration: none;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	display: block;
	outline: none;
	}
	
div.contentarea .subcontent .sub-subcontent div.sidenav  ul li a:hover { color: #3d72af }

div.contentarea .subcontent .sub-subcontent div.sidenav img { margin: 65px auto 0 auto; }

div.contentarea .subcontent .mainarea {
	width: 714px;
	height: auto;
	min-height: 100%;
	float: left;
	}
	
div.contentarea .subcontent .mainarea .breadcrumbs {
	font-size: 11px;
	margin: 10px 0 20px 20px;
}

div.contentarea .subcontent .mainarea .breadcrumbs a { font-weight: bold }

div.contentarea .subcontent .mainarea table.content-about {
	margin: 0 0 0 20px;
	float: left;
	}
	
div.contentarea .subcontent .mainarea table.content-about td:first-child img { margin-bottom: 60px; }
div.contentarea .subcontent .mainarea table.content-about td.rightside { padding: 0 20px 0 15px;} 
div.contentarea .subcontent .mainarea table.content-about td.rightside p { margin: 10px 0 20px 0; line-height: 16px; }

div.contentarea .subcontent .mainarea table.content-about td.rightside h2 {
	margin: 8px 0 0 0;
	padding: 0;
	color: #297083;
	font-size: 14px;
	}
	
div.contentarea .subfooter {
	width: 920px;
	height: 8px;
	background: url(images/footer-main-sub-content.jpg) no-repeat;
	float: left;
	}
	
.subpage-lists { margin-bottom: 20px; }
	
.subpage-lists li {
	margin-bottom: 10px;
	}
	
.subpage-lists li ol {
	padding: 8px auto 5px auto;
	margin-top: 10px;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	}
	
.subpage-lists li ol  li { margin-top: 5px; }

.upcomingevents SPAN.name { font-weight: bold } 
.upcomingevents SPAN.date { font-style: italic } 
.upcomingevents SPAN.location { font-style: italic }

#event SPAN.name { font-weight: bold } 
#event SPAN.date { font-style: italic } 
#event SPAN.location { font-style: italic }

/**************FOOTER**************/

div#footer .links {
	text-align: center;
	width: 910px;
	border-bottom: 1px solid #cccccc;
	padding: 0 0 5px 0;
	margin: 0 0 0 25px;
	float: left;
	}
	
div#footer .links ul {
	margin: 5px auto 0px auto;
	padding: 0;
	list-style: none;
	width: 280px;
	height: 15px;
	}
	
div#footer .links ul li {
	float: left;
	margin: 0 0 0 10px;
	}
	
div#footer .links ul li.home { margin: 0; }
	
div#footer .links ul li a {
	margin-right: 7px;
	font-size: 11px;
	}
	
div#footer .info {
	margin: 10px 0 20px 25px;
	width: 910px;
	float: left;
	}
	
div#footer .info .logo {
	border-right: 1px solid #cccccc;
	padding-right: 5px;
	float: left;
	}
	
div#footer .info .contactinfo {
	float: left;
	text-align: left;
	font-size: 11px;
	padding: 7px 0 0 6px;
	}