@charset "UTF-8";
/* CSS Document */

h1 {
	font-size: 20px;
	color: #01a490;
	font-weight: bold;
}
h2 {
	font-size: 16px;
	color: #01a490;
	font-weight: lighter;
}
.subheader {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 125%;
	font-weight: lighter;
	color: #01a490;
}
  a:link {
	color: #006b6b;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #006b6b;
}
a:hover {
	text-decoration: underline;
	color: #20bdbe;
}
a:active {
	text-decoration: none;
	color: #006b6b;
}
#interiorHeaderArea {
	height: 225px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	float: left;
	background-image: url(../images/taglines/green.gif);
	background-repeat: no-repeat;
	background-position: 201px 125px;
}
#footer {
	background-image: url(../images/footer_green.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border: 2px solid;
	border-radius: 15px;
	margin-bottom: 5px;
	height: auto;
	width: 1000px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	float: left;
	padding-bottom: 10px;
}
#breadcrumbBar {
	height: 18px;
	background-image: url(../images/breadcrumbBar_green.gif);
	color: #FFF;
	width: 980px;
	padding-left: 20px;
	padding-top: 2px;
	float: left;
	z-index: 500;
}
#socialMediaIcons {
	float: right;
	height: auto;
	font-size: 9px;
	line-height: normal;
	background-image: url(../images/buttons/connectWithY_green.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 120px;
	text-align: right;
}
#socialMediaIconsPC {
	float: right;
	height: auto;
	font-size: 9px;
	line-height: normal;
	background-image: url(http://www.projectcornerstone.org/images/connect/green.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 185px;
	text-align: right;
}
.Ylogo {
	background-image:url(../images/Ylogo_green.png);
	height: auto;
	width: auto;
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 250px;
	background-position: 20px 40px;
	background-repeat: no-repeat;
}
.YlogoHome {
	background-image:url(../images/Ylogo_green.png);
	height: auto;
	width: auto;
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 70px;
	background-position: 20px 30px;
	background-repeat: no-repeat;
}
/* TOP NAVIGATION INTERIOR PAGES **************************************************************************/
#topnavIntBoxAO, #topnavIntBoxCN, #topnavIntBoxEC, #topnavIntBoxEV, #topnavIntBoxEPA, #topnavIntBoxMM, #topnavIntBoxNW, #topnavIntBoxPA, #topnavIntBoxSEQ, #topnavIntBoxSV, #topnavIntBoxSW {
	height: 70px;
	width: 995px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 5px;
	line-height: normal;
	margin-bottom: 2px;
	background-repeat: no-repeat;
	background-position: left top;
}
#topnavIntBoxAO {
	background-image: url(../images/header/ao/green.gif);
}
#topnavIntBoxCN {
	background-image: url(../images/header/cn/green.gif);
}
#topnavIntBoxEPA {
	background-image: url(../images/header/epa/green.gif);
}
#topnavIntBoxEV {
	background-image: url(../images/header/ev/green.gif);
}
#topnavIntBoxEC {
	background-image: url(../images/header/ec/green.gif);
}
#topnavIntBoxMM {
	background-image: url(../images/header/mm/green.gif);
}
#topnavIntBoxNW {
	background-image: url(../images/header/nw/green.gif);
}
#topnavIntBoxPA {
	background-image: url(../images/header/pa/green.gif);
}
#topnavIntBoxSEQ {
	background-image: url(../images/header/seq/green.gif);
}
#topnavIntBoxSV {
	background-image: url(../images/header/sv/green.gif);
}
#topnavIntBoxSW {
	background-image: url(../images/header/sw/green.gif);
}

/* NAVIGATION **************************************************************************/.ddsmoothmenu{
	width: 1000px;
	background-image: url(../images/nav_green.gif);
	height: 40px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: bold;
	z-index: 900;
}

.ddsmoothmenu ul{
	z-index:100;
	list-style-type: none;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	line-height: normal;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
color: white;
text-align:center;
width: 200px;
height:18px;
padding: 12px 0px 10px;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background-image: url(../images/activeButton_green.png); 
color: white;
}

.ddsmoothmenu ul li a:hover{
background-image: url(../images/activeButton_green.png); /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
background-image: url(../images/navSub_green.png);
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 11px Verdana;
width: 190px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/* ASSOCIATION NAVIGATION **************************************************************************/
.Addsmoothmenu{
	width: 1000px;
	background-image: url(../images/nav_green.gif);
	height: 40px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: bold;
	z-index: 900;
}

.Addsmoothmenu ul{
	z-index:100;
	list-style-type: none;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	line-height: 22px;
	font-family: Verdana, Geneva, sans-serif;
}

/*Top level list items*/
.Addsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.Addsmoothmenu ul li a{
display: block;
color: white;
text-align:center;
width: 166px;
height:22px;
padding: 8px 0px 10px;
color: #2d2b2b;
text-decoration: none;
}

* html .Addsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.Addsmoothmenu ul li a:link, .Addsmoothmenu ul li a:visited{
color: white;
}

.Addsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background-image: url(../images/activeButton_green.png); 
color: white;
}

.Addsmoothmenu ul li a:hover{
background-image: url(../images/activeButton_green.png); /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.Addsmoothmenu ul li ul{
background-image: url(../images/navSub_green.png);
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.Addsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.Addsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.Addsmoothmenu ul li ul li a{
font: normal 10px Verdana;
width: 170px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
}

/* Holly Hack for IE \*/
* html .Addsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/* SLIDESHOW **************************************************************************/
/*
Title:		jShowOff: a jQuery Content Rotator Plugin
Author:		Erik Kallevig
Version:	0.1.2
Website:	http://ekallevig.com/jshowoff
License: 	Dual licensed under the MIT and GPL licenses.
*/

/*-- jShowOff module styles --*/
#slideshow
{
	/*-- display:none;--*/
    left:0px;
	font-size:12px;
	background: #ffffff;
	position: relative;
	overflow: hidden;
	width: 730px;
	height: 420px;
}
#Slide1{
	height:420px;
	width:715px;
	top:0;
	left:0;
	background-image:url(../images/home/1_green.gif);
	background-repeat:no-repeat;
}
#Slide1 .content{
	position: absolute;
	top:187px;
	font-weight:normal;
	color:#636466;
	line-height:1.5em;
	width:380px;
}
#Slide2{
	height:420px;
	width:715px;
	top:0;
	left:0;
	background-image:url(../images/home/2_green.gif);
	background-repeat:no-repeat;
}
#Slide2 .content{
	position: absolute;
	top:187px;
	color:#636466;
	line-height:1.5em;
	width:380px;
}
#Slide3{
	height:420px;
	width:715px;
	top:0;
	left:0;
	background-image:url(../images/home/3_green.gif);
	background-repeat:no-repeat;
}
#Slide3 .content{
	position: absolute;
	top:187px;
	color:#636466;
	line-height:1.5em;
	width:365px;
}
#Slide4{
	height:420px;
	width:715px;
	top:0;
	left:0;
	background-image:url(../images/home/4_green.gif);
	background-repeat:no-repeat;
}
#Slide4 .content{
	position: absolute;
	top:187px;
	font-weight:normal;
	color:#636466;
	line-height:1.5em;
	width:380px;
}
#Slide5{
	height:420px;
	width:715px;
	top:0;
	left:0;
	background-image:url(../images/home/5_green.gif);
	background-repeat:no-repeat;
}
#Slide5 .content{
	position: absolute;
	top:187px;
	color:#636466;
	line-height:1.5em;
	width:380px;
}
#Slide6{
	height:420px;
	width:715px;
	top:0;
	left:0;
	background-image:url(../images/home/6_green.gif);
	background-repeat:no-repeat;
}
#Slide6 .content{
	position: absolute;
	top:187px;
	color:#636466;
	line-height:1.5em;
	width:365px;
}
#SlidePC{
	height:420px;
	width:715px;
	background-image:url(http://www.projectcornerstone.org/images/home/green.gif);
	background-repeat:no-repeat;
}
#SlidePC .content{
	position: absolute;
	top:237px;
	color:#636466;
	line-height:1.5em;
	width:330px;
}
#kfa1 {
	background-image: url(../images/kfa/kf1_green.gif);
	background-repeat: no-repeat;
	height: 54px;
	width: 210px;
	margin-left: 25px;
}
#kfa2 {
	background-image: url(../images/kfa/kf2_green.gif);
	background-repeat: no-repeat;
	height: 54px;
	width: 210px;
	margin-left: 25px;
}
#kfa3 {
	background-image: url(../images/kfa/kf3_green.gif);
	background-repeat: no-repeat;
	height: 54px;
	width: 210px;
	margin-left: 25px;
}
#kfa {
	background-image: url(../images/kfa/green.gif);
	background-repeat: no-repeat;
	height: 54px;
	width: 205px;
	margin-top:24px;
	margin-left: 30px;
}
#kfaPC {
	background-image: url(http://www.projectcornerstone.org/images/tagline/green.gif);
	background-repeat: no-repeat;
	height: 54px;
	width: 205px;
	margin-top:20px;
	margin-left: 30px;
}
#projectcornerstone {
	background-image: url(http://www.projectcornerstone.org/images/pc/green.jpg);
	background-repeat: no-repeat;
	height: 100px;
	width: 214px;
	margin-top:25px;
	margin-left: 22px;
}
#projectcornerstoneHeader {
	background-image: url(http://www.projectcornerstone.org/images/pc/green.jpg);
	background-repeat: no-repeat;
	height: 100px;
	width: 214px;
	margin-top:75px;
	margin-left: 760px;
}
.branchAddressTitle {
	color: #0587D5;
	font-weight: bold;
}
.branchAddressHome a:hover {
	color: #0587D5;
}

/* Branch Name **************************************************************************/
#interiorHeaderAreaCN {
	height: 225px;
	width: 100%;
	float:left;
	background-image:url(../images/branches/CN/green.gif)
}
#interiorHeaderAreaEC {
	height: 225px;
	width: 100%;
	float:left;
	background-image:url(../images/branches/EC/green.gif)
}
#interiorHeaderAreaEPA {
	height: 225px;
	width: 100%;
	float:left;
	background-image:url(../images/branches/EPA/green.gif)
}
#interiorHeaderAreaEV {
	height: 225px;
	width: 100%;
	float:left;
	background-image:url(../images/branches/EV/green.gif)
}
#interiorHeaderAreaMM {
	height: 225px;
	width: 100%;
	float:left;
	background-image:url(../images/branches/MM/green.gif)
}
#interiorHeaderAreaNW {
	height: 225px;
	width: 100%;
	float:left;
	background-image:url(../images/branches/NW/green.gif)
}
#interiorHeaderAreaPAF {
	height: 225px;
	width: 100%;
	float:left;
	background-image:url(../images/branches/PAF/green.gif)
}
#interiorHeaderAreaPM {
	height: 225px;
	width: 100%;
	float:left;
	background-image:url(../images/branches/PM/green.gif)
}
#interiorHeaderAreaSEQ {
	height: 225px;
	width: 100%;
	float:left;
	background-image:url(../images/branches/SEQ/green.gif)
}
#interiorHeaderAreaSV {
	height: 225px;
	width: 100%;
	float:left;
	background-image:url(../images/branches/SV/green.gif)
}
#interiorHeaderAreaSW {
	height: 225px;
	width: 100%;
	float:left;
	background-image:url(../images/branches/SW/green.gif)
}