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

/* ---------------------------------------

Client:  Second Genesis
Version: 1.0
Author: Rock Creek Strategic Marketing
Website: http://www.rockcreeksm.com

Colors:

Blue:			#67798f
Light Blue		#f0f1f4
Gold:			#e7921b
Light Gold:		#		
Green:			#699362
Grey:			#ccc;
LIght Grey:		#f0f1f4



------------------------------------------*/

/* GLOBAL
-------------------------------------------------------------------*/

body {
	background:#fff;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
	}
	
* {
	margin:0;
	padding:0;
	}
	
a, a:link {
	color:#67798f;
	text-decoration:none;

	}
	
a:hover {
    text-decoration:underline;

	}
	
p {
	font-size:11px;
	line-height:17px;
	margin-bottom: 8px;
	}
	
h1 {
	font-size:20px;
    font-weight:normal;
	color:#67798f;
	padding:0 0 5px 0;
    margin:0 0 10px 0;
	}
	
h2 {
	font-size:12px;
	color:#699362;
	padding:10px 0 3px 0;
	line-height: 20px;
	}
h3 {
	font-size:11px;
	color:#67798f;
	padding:8px 0 4px 0;
}	
ul {
margin:0px 0 8px 0;
}
ul li {
	font-size:11px;
	list-style:none;
	background: url(../images/callOutBullet.gif) 0px 4px no-repeat;
	padding:0 0 4px 13px;
	line-height:14px;
}

ol li {
	font-size:11px;
	padding:0 0 8px 13px;
	line-height:14px;
    margin-left:30px;
}

div.clear {
	clear:both;
	}
    
img {
	border:none;
    }
	
img.right {
	float:right;
	padding:0 0 10px 15px;
	}
	
img.left {
	float:left;
	padding:0 15px 10px 0;
	}
img.programs {
	margin:10px 0 10px 0;
}

div.left {
	float:left;
    padding:3px 15px 10px 0;
    }
    

/* LAYOUT
-------------------------------------------------------------------*/

#wrapper {
}

#masthead {
	width:850px;
	margin:0 auto 0;
    padding-bottom:10px;
     position:relative;
	}

#masthead img#home {
     position:absolute;
     top:0px;
     left:0px;
z-index:1;
}


#masthead img#logo {
	margin-bottom:10px;
    }
	
#callToAction {
	height:46px;
	background:url(../images/tagline.gif) 370px 22px no-repeat;
	padding:10px 0 0 0;
	position:relative;
	}
	
#callToAction img {
	position:absolute;
	top:10px;
	right:0px;
	}
	
/* SECONDARY NAV
-------------------------------------------------------------------*/
	
#secondaryNav {
	text-align:right;
	position:relative;
	width: 850px;
	}
	
#secondaryNav img {
	position:absolute;
	top:0;
	left:0;
	}
	
#secondaryNav p {
	padding:80px 0 0px 0;
	font-size:12px;
	color:#ccc;
    margin-bottom:10px;
	}
	
#secondaryNav p a {
	text-decoration:none;
	}
	
#secondaryNav p a:hover {
	text-decoration:underline;
	}

#contentWrap {
	width:100%;
	background:#fff url(../images/bkgd.gif) 0px 0px repeat-x;
	}
	
#content {
	background:#fff;
	width:856px;
	margin:0 auto 0;
	padding:0 5px 0px 8px;
	}
	
#mainContent {
	width:547px;
	float:left;
	padding:20px 10px 0 20px;
	}
	
	



/* SIDEBAR
-------------------------------------------------------------------*/
	
#sideBar {
	width:230px;
	float:left;
	margin:0 0 0 7px;
	padding: 20px 0 0 17px;
	}
	
#sideBar div {
	padding:7px 20px 12px 0;
	margin-bottom:7px;
	/*background:url(../images/focusZoneRule.gif) 0px 100% repeat-x;*/
	}
	
#sideBar h1 {
	font-size:14px;
	padding:0 0 3px 0;
	}
	
#sideBar p {
	font-size:11px;
	line-height:16px;
	}
	
#sideBar ul {
	list-style:none;
	}
	
#sideBar li {
	background:url(../images/callOutBullet.gif) 0px 4px no-repeat;
	padding:0 0 3px 12px;
	line-height:16px;
	}
	
#localNav {
}

#localNav h2 {
	background:url(../images/headline_local_nav.gif) 0px 0px no-repeat;
    height:10px;
    text-indent:-9999px;
    width:129px;
    }
	
#localNav li {
	background:none;
	padding:0;
	line-height:16px;
}

#localNav a,
#localNav a:link {
	background:url(../images/localNavBulletOff.gif) 0px 4px no-repeat;
	display:block;
	padding:3px 0 3px 19px;
    text-decoration:none;
	}
	
#localNav a:hover {
	background:url(../images/localNavBulletOn.gif) 0px 4px no-repeat;
	}
#sideBar #mediaContact {
	background-color:#e7e9ec;
	padding:0 0 1px 0;
	background-image:none;
}
#sideBar #mediaContact p {
padding:2px 8px 0px 8px;
margin-bottom:0;
}
#sideBar #mediaContact h2 {
font-size:12px;
font-weight:bold;
color:#67798f;
}
#sideBar #mediaContact h1{
	font-size:12px;
	background:#67798f url(../images/icon_contact2.gif) 3px 2px no-repeat;
	color:#fff;
	padding:3px 2px 0px 23px;
	margin-bottom:4px;
	text-transform:uppercase;
	font-weight:normal;
}
#mediaContact h2{

}

	

	

#mainPix {
	width:582px;
	height:168px;
	float:left;
	}
	
/* FOCUS ZONES
-------------------------------------------------------------------*/
#sideBar .focusZones h1 {
	text-transform:uppercase;
	font-size:12px;
	font-weight:normal;
	padding:4px 0 6px 27px;
	}
	
#sideBar div.last {
		background: none;
}

#sideBar .focusZoneMailing {
	border:1px solid #ebebeb;
    border-width:1px 0;
    padding:10px 0 3px;
    }
	
.focusZoneMailing h1.mailingList {
	background:url(../images/headline_mailing.gif) 0px 0px no-repeat;
    width:176px;
    height:22px;
    text-indent:-9999px;
	}
    
.focusZoneMailing input {
	width:140px;
    padding:3px 5px;
    font-weight:normal;
    float:left;
    }

.focusZoneMailing input.submit {
	width:51px;
    height:20px;
    margin:0 0 0 5px;
    }
    
.focusZones h1.faqs {
	background:url(../images/icon_faqs.gif) 0px 0 no-repeat;
	}
	
#virtualTour img {
	border:0;

}

	
/* GLOBAL NAV
-------------------------------------------------------------------*/
	
#globalNav {
	height:139px;
	margin-left:7px;
	float:left;
	background:#e7921b;
	padding:15px 0 14px;
	}

#globalNav ul {
	width:262px;
	height:139px;
	background:#e7921b url(../images/gNavMatrix.gif) 0px 0px no-repeat;
	position:relative;
	}
	
#globalNav li {
	position:absolute;
	left:0px;
	background:none;
	padding:0 0 0 0;
	}
	
#globalNav li, 
#globalNav li a {
	height:28px;
	width:262px;
	display:block;
	}
	
#globalNav li span {
	display:none;
	}
	
#globalNav li#about {
	top:0px;
	}
	
#globalNav li#programs {
	top:28px;
	}
	
#globalNav li#success {
	top:56px;
	}
	
#globalNav li#donations {
	top:84px;
	}
	
#globalNav li#faqs {
	top:112px;
	}
	
#globalNav li#about a:hover {
	background: url(../images/gNavMatrix.gif) -262px 0px no-repeat;
	}
	
#globalNav li#programs a:hover {
	background: url(../images/gNavMatrix.gif) -262px -28px no-repeat;
	}
	
#globalNav li#success a:hover {
	background: url(../images/gNavMatrix.gif) -262px -56px no-repeat;
	}
	
#globalNav li#donations a:hover {
	background: url(../images/gNavMatrix.gif) -262px -84px no-repeat;
	}
	
#globalNav li#faqs a:hover {
	background: url(../images/gNavMatrix.gif) -262px -112px no-repeat;
}

/* ACTIVE PAGE STYLES */

#about #globalNav li#about a {
	background: url(../images/gNavMatrix.gif) -262px 0px no-repeat;
	}
	
#programs #globalNav li#programs a {
	background: url(../images/gNavMatrix.gif) -262px -28px no-repeat;
	}
	
#success #globalNav li#success a {
	background: url(../images/gNavMatrix.gif) -262px -56px no-repeat;
	}
	
#donations #globalNav li#donations a {
	background: url(../images/gNavMatrix.gif) -262px -84px no-repeat;
	}
	
#faqs #globalNav li#faqs a {
	background: url(../images/gNavMatrix.gif) -262px -112px no-repeat;
}
	

	
/* BODY COPY & All OF THEIR VARIATIONS
-------------------------------------------------------------------*/
	
#bodyCopy {
	width:315px;
	padding:20px 20px 0 0px;
	float:left;
	}
	
#bodyCopyWide {
	width:550px;
	padding:20px 20px 0 0;
	float:left;
	}
	


#bodyCopy li, #bodyCopyWide li {
 font-size:12px;
 line-height:16px;
}
	
/* CALL OUT TEXT
-------------------------------------------------------------------*/
	
#callOutBoxHolder {
	background:#fff;
	float:left;
	width:222px;
	padding: 20px 0 0 0;
	}
	
#sideBar div.callOutBox {
	background: #f0f1f4;
	padding:19px 13px 12px;
	margin:0 0 15px 0;
	}
	
#sideBar div.callOutBox p {
	font-size:11px;
	line-height:16px;
    padding-bottom:8px;
	}
	
#sideBar div.callOutBox h2 {
	color:#67798f;
	font-size:11px;
    line-height:16px;
	padding: 0;
    margin: 0 0 5px 0;
	}
	
#sideBar div.callOutBox ul {
	list-style:none;
	}
	
#sideBar div.callOutBox li {
	list-style:none;
	background: url(../images/callOutBullet.gif) 0px 4px no-repeat;
	padding:0 0 6px 13px;
	line-height:14px;
	}
	
#sideBar div.callOutBox h1.criteria {
	background:url(../images/icon_criteria.gif) 0px 0 no-repeat;
	}
	
#sideBar div.callOutBox h1.payment {
	background:url(../images/icon_payment.gif) 0px 0 no-repeat;
	}
	
#sideBar div.callOutBox h1.contact {
	background:url(../images/icon_contact.gif) 0px -2px no-repeat;
	}
#sideBar div.callOutBox h1.volunteer {
	background:url(../images/icon_volunteer.gif) 0px -2px no-repeat;
	}
    
/* Locations */

#sideBar div.locations {
	padding-bottom:5px;
	}
	
#sideBar div.locations p {
	color:#000;
	padding:0px 0px;
	font-size:10px;
	line-height: 16px;
    margin:0px;
	}
	
#sideBar div.locations h1 {
	font-size:11px;
   	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color: #699362;
	padding:0 0px;
    margin:0px;
	}
	
/* FOOTER
-------------------------------------------------------------------*/

#footer {
	width:856px;
	margin:0 auto 0;
	padding:20px 5px 10px;;
	}
	
#footer div.locations {
	width:208px;
	float:left;
	background:#67798f;
	margin-right:8px;
	padding:12px 0;
    min-height:100px;
	}
	
#footer div.last {
	margin-right:0px;
	}
	
#footer div.locations p {
	color:#fff;
	padding:0px 15px;
	font-size:9px;
	line-height: 14px;
	}
	
#footer div.locations h1 {
	font-size:10px;
   	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color: #fff;
	padding:0 15px;
	}
	
#footerNav {
	background:#f0f1f4;
	padding:15px 10px;
	margin-top:10px;
	}
	
#footerNav p {
	text-align:center;
	}
	
#footerNav p.main {
	color:#999;
	font-size:11px;
	font-weight:bold;
	padding-bottom:5px;
	}
	
#footerNav p.secondary {
	color:#999;
	font-size:10px;
	}
	
#footerNav a {
	text-decoration:none;
	}

#copyright {
padding-top:5px;
}

	
#copyright p {
	text-align:right;
	font-size:10px;
	color:#ccc;
	padding:0px 0;
	}
	
/* BODY COPY STYLES
-------------------------------------------------------------------*/

p.date
	{
	color:#699362;
	font-size:10px;
	letter-spacing:1px;
	text-transform:uppercase;
	border-bottom: 1px solid #ddd;
	padding: 5px 0 5px 0;
	}
    

p.more {
margin-top:15px;
}

p.more a {
background:#67798f;
color:#fff;
padding:5px 10px;
text-decoration:none;
}

p.more a:hover {
background:#e7921b;
}



    
p.location {
	color:#699362;
	font-size:10px;
    font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	border-top: 1px solid #ddd;
	padding: 5px 0 2px 0;
    margin-bottom:8px;
	}
span.location {
	text-transform:uppercase;
}

p.pullQuote {
	font-size:14px;
    line-height:21px;
    color:#e7921b;
    border:1px solid #ebebeb;
    border-width:1px 0;
    padding:9px 0;
    }

span.status {
	font-weight:normal;
    }
    
span.role {
	font-size:11px;
    font-weight:bold;
	color:#67798f;
	padding:8px 0 4px 0;
}
    
p.pullquotes {
	padding:6px 15px 6px 15px;
	margin-bottom:12px;
	text-indent:15px;
	font-style:italic;
	color:#222;
	background:#ffeace url(../images/pullQuotes.gif) 10px 7px no-repeat;
}
/*h2 span {
	color:#67798f;
	font-size:10px;
	letter-spacing:1px;
	text-transform:uppercase;
	border-bottom: 1px solid #ddd;
	display:block;
}*/
p.posted {
	color:#666;
}
.posted strong {
	text-transform:uppercase;
	font-size:11px;
}

p.top {
	background: url(../images/icon_back_to_top.gif) 0px 50% no-repeat;
    padding-left:15px;
    }
/*
p.summary {
	font-size:10px;
	border-bottom: 1px solid #ddd;
	padding: 5px 0 8px 0;
	font-size:11px;
    line-height:17px;
    margin:10px 0 10px;
    }
    
    */
       
#referrals h3,
#faqs h3 {
	padding:5px 0 3px 0;
    }
    
    
p.pdfLink {
	background: url(../images/icon_pdf.gif) 0px 50% no-repeat;
    padding-left:15px;
    }
	
       
/* CONTACT FORM STYLES
-------------------------------------------------------------------*/

form#contact {
	padding:10px 0px;
    }
    
input, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    }

input {
border:1px solid #ccc;
font-size:11px;
padding:5px 3px;
color:#666;
width:400px;
margin-bottom:5px;
}

input.tellFriend {
	height:auto;
    width:auto;
    border:none;
    }
    
input.submit {
	width:123px;
    height:36px;
    border:none;
    padding:0px;
    margin-top:10px;
    }

textarea {
	border:1px solid #ccc;
    font-size:11px;
    padding:5px 3px;
    color: #666;
    width:400px;
    }
    
#contact h2 {
	font-weight:normal;
    width:400px;
    }
    
label {
	color:#67798f;
	font-weight:bold;
    }
    
 /* HOME
-------------------------------------------------------------------*/

#home #focusZones {
	width:582px;
	padding:11px 0 10px;
    }
	
#home #focusZones img {
	margin-right:13px;
    float:left;
	}
	
#home #focusZones img.last {
	margin-right:0px;
	}
    
#home #mainContent {
	width:582px;
	float:left;
	padding:0px 0 0 0px;
	}
    
#home #mainPix {
	float:none;
	height:306px;
    }
   
#home #sideBar {
	margin: 0 0 0 7px;
	padding:0px;
    }
	
#home #sideBar div {
	margin:0;
	padding:0;
	}

#home #sideBar #globalNav {
	padding:15px 0 14px 0;
    }
	
#home #sideBar #intro {
	padding:15px 0px 15px 15px;
	line-height:20px;
	}
    
#intro strong {
	color:#67798f;
    }
    
#home #sideBar #newsModule {
	padding:15px 0px 15px 15px;
    }
   
   
#newsModule h2 {
	background:url(../images/headline_news.gif) 0 0 no-repeat;
    height:22px;
    text-indent:-9999px;
    width:140px;
    }
    
.homeModuleHolderNews {
	padding:8px 10px 0 0px;
    width:265px;
    float:left;
    margin-right:15px;
    }
    
 .homeModuleHolderEvents {
	padding:8px 10px 0 20px;
    width:260px;
    float:left;
    margin-right:0px;
    border-left:1px solid #ebebeb;
    }
    
.homeModuleHolderNews h2,
.homeModuleHolderEvents h2, {
    height:22px;
    text-indent:-9999px;
    width:230px;
    }
    
.homeModuleHolderNews h2 {
	background:url(../images/headline_news.gif) 0 0 no-repeat;
    text-indent:-9999px;
    }
    
.homeModuleHolderEvents h2 {
	background:url(../images/headline_events.gif) 0 0 no-repeat;
    text-indent:-9999px;
    }
    
.homeModuleHolderNews li,
.homeModuleHolderEvents li {
	padding-bottom:8px;
    }


/* Carousel -------------------------------------------------------------------*/
#carousel{ width: 582px; height: 306px; background-color: #eee; z-index:1; position:relative;}
#carousel div { width: 582px; height: 306px;padding: 0px; text-align: left; font-size: 16px; position:relative;}
#carousel div img { float: left; width:582px; height: 306px;padding: 0px; background: #fff } 

#carousel_nav{
bottom:25px;
margin:0 0 0 100px;
position:absolute;
right:30px;
width:120px;
z-index:1000;
}
#carousel_nav a { margin: 0 5px; padding: 3px 5px; color:#999; background: #333; text-decoration: none;  }
#carousel_nav a.activeSlide { background: #fff; color:#333; }
#carousel_nav a:focus { outline: none; }
#carouselWrap {
	position:relative;
	 width: 582px; height: 306px;
}
#output { text-align: left; }

#carousel .message {
	background:transparent url(http://www.santesys.net/images/gray_transparency.png) repeat 0 0;
	bottom:0px;
	color:#FFFFFF;
	height:50px;
	position:absolute;
	left:0;
	width:582px;

}
#carousel .message h1 {
	padding:5px 20px;
	font-size:14px;
	color:#fff;
line-height:25px;
}


#carousel .message p {
	padding:0 20px;
	color:#dedede;
}

/* subscribe button */
#subscribe{
	padding:0!important;
    margin-left:15px!important;
}

#subscribe #ea{
	border:1px solid #CCCCCC!important;
color:#666666!important;
display:inline!important;
float:left!important;
font-size:11px!important; 
margin:10px 0 0!important;
padding:4px 3px!important;
width:142px!important;
}

#subscribe form input.submit {
background:#67798F none repeat scroll 0 0;
border:medium none !important;
color:#FFFFFF;
display:inline;
float:right;
font-size:9px;
height:24px;
margin-left:1px; 
padding:3px 4px;
width:60px;
}


/* Carousel -------------------------------------------------------------------*/
#carousel{ width: 582px; height: 306px; background-color: #eee; z-index:1; position:relative;}
#carousel div { width: 582px; height: 306px;padding: 0px; text-align: left; font-size: 16px; position:relative;}
#carousel div img { float: left; width:582px; height: 306px;padding: 0px; background: #fff } 

#carousel_nav{
bottom:25px;
margin:0 0 0 100px;
position:absolute;
right:30px;
width:120px;
z-index:1000;
}
#carousel_nav a { margin: 0 5px; padding: 3px 5px; color:#999; background: #333; text-decoration: none;  }
#carousel_nav a.activeSlide { background: #fff; color:#333; }
#carousel_nav a:focus { outline: none; }
#carouselWrap {
	position:relative;
	 width: 582px; height: 306px;
}
#output { text-align: left; }

#carousel .message {
	background:transparent url(http://www.rockcreeksm.com/clients/second_genesis/carousel/gray_transparency.png) repeat 0 0;
	bottom:0px;
	color:#FFFFFF;
	height:50px;
	position:absolute;
	left:0;
	width:582px;

}
#carousel .message h1 {
	padding:10px 20px;
	font-size:14px;
	color:#fff;
line-height:25px;
}


#carousel .message p {
	padding:0 20px;
	color:#dedede;
}


#carousel .message h1 a{
	color:#fff;
	font-size:14px; 
	text-decoration:none;
}
#carousel .message h1 a:hover{
	color:#dedede;
		text-decoration:none;
}