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

body {
	background:url(../images/bColor.jpg) repeat-x;
	background-position:bottom;
	background-color: #fff;
	background-attachment:fixed;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align:center;
}
body,td,th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7f7f7f;
}
a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7f7f7f;
	text-decoration:none;
	outline:none;
}
a:hover {
	/*color: #ccb462;
	color:#48ae51;*/
	/*text-decoration: underline;*/
}

#clear{
	clear:both;
}
img{
	border:none;
}
/*******************************************************
	Headers
*******************************************************/
h1{
	color: #333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:0px;
	margin-bottom:0px;
	font-size:16px;
}
h1 a{
	color: #ccb462;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:0px;
	margin-bottom:0px;
	font-size:24px;
}
h2{
	color: #999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:0px;
	margin-bottom:0px;
	font-weight:normal;
	font-size:12px;

}
h3{
	color: #999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0 0 5px 0;
	font-weight:normal;
	font-size:12px;

}
h4{
	color: #666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	font-weight:normal;
	font-size:11px;
	padding:0 0 10px 0; 
}
h5{
	color: #fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px 10px 10px 10px;
	margin:0px;
	font-weight:normal;
	font-size:14px;
}

/*******************************************************
	Main
*******************************************************/
#topColor{
	background:url(../images/topColor_repeat.jpg) repeat-x;
	height:17px;
	text-align:left;
}
#topColorImage{
	background:url(../images/topColor.jpg) no-repeat 0 0;
	height:17px;
	text-align:left;
}

#siteCc{
	width:950px;
	padding:50px 15px 0 15px;
}

#logo{
	padding: 0 0 15px 0;
}

#contentCc{
	width:692px;
	float:left;
	text-align:left;
	/*padding:10px 0 0 15px;*/
	/*border-left:dotted 1px #333;*/
}
#content ul li{
	
}

/*******************************************************
	home
*******************************************************/

#hOptions ul{
	margin:0;
	padding:0;
	list-style:circle;
}
#hOptions{
	margin:0 0 0 0px;
	padding:10px 0 0 0;
}

#hGettingStarted{
	float:left;
	margin:0 0 5px 0;
}
#hGettingStartedDot{
	height:40px;
	float:left;
	font-size:16px;
	text-align:left;
	margin:-5px 0 0 0;
	padding: 0 2px 0 0px;
}
#hGettingStarted ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	display:inline;
	list-style:circle;
}
#hGettingStarted a{
	float:left;
	cursor:pointer;
	background:url(../images/hCallOuts.png) no-repeat -1px 0;
	width:320px;
	height:70px;
	margin:0;
	padding:105px 0 0 25px;
	text-decoration:none;
	color:#48ae51;
}

#hGettingStarted a:hover{
	color:#26ace2;
}

#hToolkitM{
	float:left;
	margin:0 0 5px 0;
}
#hToolkitMDot{
	height:40px;
	float:left;
	font-size:24px;
	text-align:left;
	margin:-5px 0 0 0;
	padding: 0 2px 0 0px;
}
#hToolkitM ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	display:inline;
	list-style:circle;
}
#hToolkitM a{
	float:left;
	cursor:pointer;
	background:url(../images/hCallOuts.png) no-repeat -347px 0;
	width:320px;
	height:70px;
	margin:0;
	padding:105px 0 0 25px;
	text-decoration:none;
	color:#48ae51;
}

#hToolkitM a:hover{
	color:#26ace2;
}

#hWorkshops{
	float:left;
}
#hWorkshopsDot{
	height:40px;
	float:left;
	font-size:24px;
	text-align:left;
	margin:-5px 0 0 0;
	padding: 0 2px 0 0px;
}
#hWorkshops ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	display:inline;
	list-style:circle;
}
#hWorkshops a{
	float:left;
	cursor:pointer;
	background:url(../images/hCallOuts.png) no-repeat -1px -183px;
	width:320px;
	height:70px;
	margin:0;
	padding:105px 0 0 25px;
	text-decoration:none;
	color:#48ae51;
}

#hWorkshops a:hover{
	color:#26ace2;
}

#hStories{
	float:left;
}
#hStoriesDot{
	height:40px;
	float:left;
	font-size:24px;
	text-align:left;
	margin:-5px 0 0 0;
	padding: 0 2px 0 0px;
}
#hStories ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	display:inline;
	list-style:circle;
}
#hStories a{
	float:left;
	cursor:pointer;
	background:url(../images/hCallOuts.png) no-repeat -347px -183px;
	width:320px;
	height:70px;
	margin:0;
	padding:105px 0 0 25px;
	text-decoration:none;
	color:#48ae51;
}

#hStories a:hover{
	color:#26ace2;
}
/*******************************************************
	nav
*******************************************************/
#navCc{
	float:left;
	width:255px;
	text-align:left;
	position: absolute; 
    top: 50; left: 50; 
    z-index: 1; 
	padding:0 0 0 10px;
}
#navCcFake{
	float:left;
	width:255px;
	text-align:left;
	height:290px;
}
#nav{
	clear:both;
	width:255px;
	height:320px;
}
#nav ul{
	list-style:none;
	margin:0;
	padding:0;
}
#gettingStarted{
	float:left;
}
#gettingStarted ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#gettingStarted a{
	float:left;
	cursor:pointer;
	background:url(../images/navRoll.gif) no-repeat -5px 0;
	width:181px;
	height:38px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}

#gettingStarted a:hover{
	background:url(../images/navRoll.gif) no-repeat -5px -40px;
}

#about{
	float:left;
}
#about ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#about a{
	float:left;
	cursor:pointer;
	background:url(../images/navRoll.gif) no-repeat -5px -80px;
	width:181px;
	height:38px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}

#about a:hover{
	background:url(../images/navRoll.gif) no-repeat -5px -120px;
}

#stories{
	float:left;
}
#stories ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#stories a{
	float:left;
	cursor:pointer;
	background:url(../images/navRoll.gif) no-repeat -5px -160px;
	width:181px;
	height:38px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}

#stories a:hover{
	background:url(../images/navRoll.gif) no-repeat -5px -200px;
}

#support{
	float:left;
}
#support ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#support a{
	float:left;
	cursor:pointer;
	background:url(../images/navRoll.gif) no-repeat -5px -240px;
	width:181px;
	height:38px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}

#support a:hover{
	background:url(../images/navRoll.gif) no-repeat -5px -280px;
}

#contact{
	float:left;
}
#contact ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#contact a{
	float:left;
	cursor:pointer;
	background:url(../images/navRoll.gif) no-repeat -5px -320px;
	width:181px;
	height:38px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}

#contact a:hover{
	background:url(../images/navRoll.gif) no-repeat -5px -360px;
}

/*subNav**************************************/

#begin{
	float:left;
}
#begin ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#begin a{
	float:left;
	cursor:pointer;
	background:url(../images/navRoll.gif) no-repeat -5px -1285px;
	width:145px;
	height:27px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}

#begin a:hover{
	background:url(../images/navRoll.gif) no-repeat -5px -1315px;
}

#workshops{
	float:left;
}
#workshops ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#workshops a{
	float:left;
	cursor:pointer;
	background:url(../images/navRoll.gif) no-repeat -5px -405px;
	width:145px;
	height:27px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}

#workshops a:hover{
	background:url(../images/navRoll.gif) no-repeat -5px -435px;
}

#walkthrough{
	float:left;
}
#walkthrough ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#walkthrough a{
	float:left;
	cursor:pointer;
	background:url(../images/navRoll.gif) no-repeat -5px -465px;
	width:145px;
	height:27px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}

#walkthrough a:hover{
	background:url(../images/navRoll.gif) no-repeat -5px -495px;
}

#toolkit{
	float:left;
}
#toolkit ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#toolkit a{
	float:left;
	cursor:pointer;
	background:url(../images/navRoll.gif) no-repeat -5px -525px;
	width:145px;
	height:27px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}

#toolkit a:hover{
	background:url(../images/navRoll.gif) no-repeat -5px -555px;
}

#candice{
	float:left;
}
#candice ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#candice a{
	float:left;
	cursor:pointer;
	background:url(../images/navRoll.gif) no-repeat -5px -1343px;
	width:145px;
	height:27px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}

#candice a:hover{
	background:url(../images/navRoll.gif) no-repeat -5px -1373px;
}

#nineonetwo{
	float:left;
}
#nineonetwo ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#nineonetwo a{
	float:left;
	cursor:pointer;
	background:url(../images/navRoll.gif) no-repeat -5px -582px;
	width:145px;
	height:27px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}

#nineonetwo a:hover{
	background:url(../images/navRoll.gif) no-repeat -5px -612px;
}

#blog{
	float:left;
}
#blog ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#blog a{
	float:left;
	cursor:pointer;
	background:url(../images/navRoll.gif) no-repeat -5px -642px;
	width:145px;
	height:27px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}

#blog a:hover{
	background:url(../images/navRoll.gif) no-repeat -5px -672px;
}

#encourage{
	float:left;
}
#encourage ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#encourage a{
	float:left;
	cursor:pointer;
	background:url(../images/navRoll.gif) no-repeat -5px -1103px;
	width:145px;
	height:27px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}

#encourage a:hover{
	background:url(../images/navRoll.gif) no-repeat -5px -1133px;
}
#payitforward{
	float:left;
}
#payitforward ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#payitforward a{
	float:left;
	cursor:pointer;
	background:url(../images/navRoll.gif) no-repeat -5px -1163px;
	width:145px;
	height:27px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}

#payitforward a:hover{
	background:url(../images/navRoll.gif) no-repeat -5px -1193px;
}
#sharestory{
	float:left;
}
#sharestory ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#sharestory a{
	float:left;
	cursor:pointer;
	background:url(../images/navRoll.gif) no-repeat -5px -1223px;
	width:145px;
	height:27px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}

#sharestory a:hover{
	background:url(../images/navRoll.gif) no-repeat -5px -1253px;
}

#topics{
	float:left;
}
#topics ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#topics a{
	float:left;
	cursor:pointer;
	background:url(../images/navRoll.gif) no-repeat -5px -701px;
	width:145px;
	height:27px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}

#topics a:hover{
	background:url(../images/navRoll.gif) no-repeat -5px -731px;
}

#contactUs{
	float:left;
}
#contactUs ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#contactUs a{
	float:left;
	cursor:pointer;
	background:url(../images/navRoll.gif) no-repeat -5px -1405px;
	width:145px;
	height:27px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}

#contactUs a:hover{
	background:url(../images/navRoll.gif) no-repeat -5px -1435px;
}

#newsletterNav{
	float:left;
}
#newsletterNav ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#newsletterNav a{
	float:left;
	cursor:pointer;
	background:url(../images/navRoll.gif) no-repeat -5px -984px;
	width:145px;
	height:27px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}

#newsletterNav a:hover{
	background:url(../images/navRoll.gif) no-repeat -5px -1014px;
}

#emailform{
	float:left;
}
#emailform ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#emailform a{
	float:left;
	cursor:pointer;
	background:url(../images/navRoll.gif) no-repeat -5px -1044px;
	width:145px;
	height:27px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}

#emailform a:hover{
	background:url(../images/navRoll.gif) no-repeat -5px -1074px;
}
/*******************************************************
	Network
*******************************************************/
#network{
	padding:15px 0 0 0;
}
#newsletter{
	height:60px;
	padding:20px 0 30px 0;
}
#newsletterH{
	background:url(../images/navRoll.gif) no-repeat -5px -795px;
	width:145px;
	height:18px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}
#newsletterC{
	padding:3px 0 6px 0;
}
#newsletterI{
	float:left;
	background:url(../images/navRoll.gif) no-repeat -1px -830px;
	width:102px;
	height:18px;
	margin:0;
	padding:4px 3px 0 9px;
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#fff;
}
#friend{
	height:40px;
}
#friendH{
	background:url(../images/navRoll.gif) no-repeat -5px -813px;
	width:145px;
	height:18px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}
#friendC{
	padding:3px 0 6px 0;
}
#friendI{
	float:left;
	background:url(../images/navRoll.gif) no-repeat -1px -851px;
	width:102px;
	height:18px;
	margin:0;
	padding:4px 3px 0 9px;
	border:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#fff;
}
#netCc ul{
	list-style:none;
	margin:0;
	padding:0;
}
#newsletterBtn{
	float:left;
}
#newsletterBtn ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#newsletterBtn a{
	float:left;
	cursor:pointer;
	background:url(../images/navRoll.gif) no-repeat 0px -872px;
	width:160px;
	height:29px;
	margin:0 0 8px 0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}

#newsletterBtn a:hover{
	background:url(../images/navRoll.gif) no-repeat 0px -900px;
}
#friendBtn{
	float:left;
}
#friendBtn ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#friendBtn a{
	float:left;
	cursor:pointer;
	background:url(../images/navRoll.gif) no-repeat 0px -929px;
	width:160px;
	height:29px;
	margin:0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}

#friendBtn a:hover{
	background:url(../images/navRoll.gif) no-repeat 0px -957px;
}

#giveBtn{
	float:left;
}
#giveBtn ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
#giveBtn a{
	float:left;
	cursor:pointer;
	background:url(../images/navRoll.gif) no-repeat 0px -1472px;
	width:160px;
	height:29px;
	margin:5px 0 0 0;
	padding:0;
	text-decoration:none;
	text-indent:-999999px;
}

#giveBtn a:hover{
	background:url(../images/navRoll.gif) no-repeat 0px -1512px;
}
/*******************************************************
	About
*******************************************************/

#gettingStartedOptions{
	height:0px;
	width:200px;
	float:left;
	padding:0px;
	overflow:hidden;
}

#aboutOptions{
	width:200px;
	height:0px;
	float:left;
	padding:0px;
	overflow:hidden;
}
#storiesOptions{
	
	height:0px;
	width:200px;
	float:left;
	padding:0px;
	overflow:hidden;
}
#supportOptions{
	
	height:0px;
	width:200px;
	float:left;
	padding:0px;
	overflow:hidden;
}
#contactOptions{
	height:0px;
	width:200px;
	float:left;
	padding:0px;
	overflow:hidden;
}
#wrapper{
	padding:10px;
}

/*******************************************************
	workshops
*******************************************************/
#workshopsLeft{
	width:457px;
	float:left;
	padding:0 25px 0 0;
}
#workshopsTitle{
	text-indent:-999999px;
	background:url(../images/workshopsTitle.png) no-repeat 0 0;
	width:333px;
	height:64px;
	padding:0 0 15px 0;
}
#workshopsCopy{
	color:#48ae51;
	font-size:14px;
	font-weight:lighter;
	padding:0 0 20px 0;
	line-height:20px;
}
#upcomingWorkshops{
	width:227px;
	height:21px;
	text-indent:-99999px;
	background:url(../images/upcomingWorkshops.gif) no-repeat 0 0;
	margin:0 0 20px 0;
}
#workshopMod0{
	background:url(../images/workBubbles.png) no-repeat 0 0;
	width:404px;
	height:130px;
	margin:0 0 10px 0;
	padding:20px 20px 20px 20px;
}
#workshopMod{
	background:url(../images/workBubbles.png) no-repeat 0 -180px;
	width:404px;
	height:130px;
	margin:0 0 10px 0;
	padding:20px 20px 20px 20px;
}
#wModHeader{
}
#wModDate{
	float:left;
	text-align:center;
	color:#48ae51;
	font-size:9px;
	background:url(../images/workDate.gif) no-repeat 0 0;
	height:31px;
	width:32px;
	padding:3px 0 0 0;
	font-weight:bold;	
}
#wModInfo{
	float:left;
	padding:0 0 15px 20px;
	margin:-3px 0 0 0;
}
#wModTitle{
	font-size:17px;
	color:#26ace2;
}
#wModAddress{
	color:#777;
}
#wModAddress a{
	text-decoration:underline;
	color:#999999;
}
#wModTime{
	float:right;
	padding:0 10px 0 0;
	font-size:14px;
	color:#777;
}
#wModCopy{
	width:390px;
	float:left;
	color:#777;
}
#workshopsRight{
	background:url(../images/saveSeatBlank.png) no-repeat 0 0;
	width:158px;
	height:334px; 
	float:left;
	padding:259px 20px 20px 28px;
	
}
#saveSeatCopy{
	width:140px;
	margin-bottom:10px;
	color:#48ae51;
}
#saveSeatForm{
	/*padding:0 0 0 4px;*/
}
#wsAttend, #wsName, #wsEmail, #wsFriend, #wsFriendEmail, #wsDate, #qName, #qEmail {
	margin-top:5px;
	margin-bottom:5px;
	padding-left:5px;
	background:url(../images/textFieldBG_sm.png) no-repeat 0px 3px;
	border:none;
	width:156px;
	height:22px;
	color:#fff;
	font-size:11px;
}
#wsSubmit{
	padding:5px 0 0 27px;
	margin:5px 0 29px 0;
}
/*******************************************************
	footer.php
*******************************************************/
#footer{
	padding:20px 0 0 0;
	text-align:left;
	padding:20px 0 0 0px;
	margin:0;
	height:30px;
}
#footer a{
	font-size:10px;
}
#footer ul{
	margin:0;
	padding:0;
}
#logoFooter{
	float:left;
}
#copyright{
	float:left;
	padding:0 10px 0 10px;
}
#N12ORG{
	float:left;
	padding:0 10px 0 10px;
}
#maven{
	float:left;
	padding:0 0px 0 10px;
}
#music{
	float:left;
}
#fExtra{
	float:right;
	padding:1px 8px 0 0;
}

#fExtraL{
	margin:-1px 0 0 0;
	float:left;
}

#lNav{
	float:left;
	padding:0px 10px 0 10px;
	margin:-1px 0 0 0;
}
#lNav ul{
	list-style:none;
}
#lNav li {
	float:left;
	display:inline-block;
	padding: 0 5px 0 5px;
}
#lNav a{
	font-size:10px;
}
.blue a:hover{
	color:#26ace2;
	text-decoration:none;
}
.green a:hover{
	color:#48ae51;
	text-decoration:none;
}

/*******************************************************
	ABOUT
*******************************************************/
#aboutCandice{
	width:700px;
	height:354px;
	background:url(../images/candiceGFX.png) no-repeat 0 0;
	text-indent:-999999px;
}
#aboutN12E{
	width:700px;
	height:354px;
	background:url(../images/N12EGFX.png) no-repeat 0 0;
	text-indent:-999999px;
}
#aboutContent{
	width:700px;
	
}
#aboutLeft{
	float:left;
	padding:15px 0 0 0;
	width:305px;
}
#aboutText{
	float:left;
}
#aboutRight{
	padding:0 0 0px;
	float:right;
	width:385px;
}
#aboutRight ul{
	list-style:circle;
}
#aboutCopy{
	color:#48ae51;
	font-size:14px;
	font-weight:lighter;
	padding:10px 0 20px 0;
	line-height:20px;
}

#aStories{
	float:left;
	margin:0 0 5px -2px;
}
#aStories ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	display:inline;
	list-style:circle;
}
#aStories a{
	float:left;
	cursor:pointer;
	background:url(../images/hCallOuts.png) no-repeat -352px 0;
	width:315px;
	height:70px;
	margin:0;
	padding:105px 0 0 30px;
	text-decoration:none;
	color:#48ae51;
}

#aStories a:hover{
	color:#26ace2;
}

#aBlog{
	float:left;
	margin:0 0 5px -2px;
}
#aBlog ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	display:inline;
	list-style:circle;
}
#aBlog a{
	float:left;
	cursor:pointer;
	background:url(../images/blogBubble.png) no-repeat 0px 0;
	width:315px;
	height:70px;
	margin:0;
	padding:105px 0 0 30px;
	text-decoration:none;
	color:#48ae51;
}

#aBlog a:hover{
	color:#26ace2;
}

/*******************************************************
	GET STARTED
*******************************************************/
#getStartedImage{
	width:700px;
	height:354px;
	background:url(../images/getStarted.png) no-repeat 0 0;
}

#hToolkit{
	float:left;
	margin:0 0 5px 0;
}
#hToolkitDot{
	height:40px;
	float:left;
	font-size:16px;
	text-align:left;
	margin:-5px 0 0 0;
	padding: 0 2px 0 0px;
}
#hToolkit ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	display:inline;
	list-style:circle;
}
#hToolkit a{
	float:left;
	cursor:pointer;
	background:url(../images/otherBubbles.png) no-repeat -1px 7px;
	width:315px;
	height:70px;
	margin:0;
	padding:105px 0 0 30px;
	text-decoration:none;
	color:#48ae51;
}

#hToolkit a:hover{
	color:#26ace2;
}
#steps{
	clear:both;
}
#step1{
	background:url(../images/stepNumbers.gif) no-repeat 0 0;
	width:57px;
	height:51px;
	float:left;
}
#step2{
	background:url(../images/stepNumbers.gif) no-repeat 0 -47px;
	width:57px;
	height:51px;
	float:left;
}
#step3{
	background:url(../images/stepNumbers.gif) no-repeat 0 -94px;
	width:57px;
	height:51px;
	float:left;
}
#stepTitle{
	color:#26ace2;
	font-size:12px;
	font-weight:bold;
}
#steppin{
	float:right;
	width:230px;
	padding:5px 0 10px 0;
}
#stepCopy{
	
}
/*******************************************************
	PAY IT FORWARD
*******************************************************/

#tellFriendRight{
	width:158px;
	float:left;
	background:url(../images/tellFriendBlank.png) no-repeat 0 0;
	height:285px;
	padding:285px 20px 20px 28px;
	
}
#workshopsRight label, #tellFriendRight label, #qRight label {
	color:#26ACE2;
	font-size:12px;
	font-weight:bold;
	padding-bottom:0px; 
	margin-bottom:0px;
	margin-top:5px;
	padding-left:0px;
}

#pifLeft{
	width:427px;
	float:left;
	padding:0 55px 0 0;
}
#pifTitle{
	text-indent:-999999px;
	background:url(../images/shareStoryTitle.gif) no-repeat 0 0;
	width:410px;
	height:64px;
	padding:0 0 15px 0;
}
#pifCopy{
	color:#48ae51;
	font-size:14px;
	font-weight:lighter;
	padding:0 0 20px 0;
	line-height:20px;
}

/*******************************************************
	VIDEOS
*******************************************************/

#nine12HomeVideo{
	margin:0 0 0 -3px;
}

/*******************************************************
	STORIES
*******************************************************/
#storiesContent{
	width:700px;
	
}
#storiesLeft{
	float:left;
	padding:25px 0 0 0;
	width:300px;
}
#storiesText{
	float:left;
}
#storiesRight{
	padding:10px 0 0;
	float:right;
	width:385px;
}
#storiesRight ul{
	list-style:circle;
}
#storiesCopy{
	color:#48ae51;
	font-size:14px;
	font-weight:lighter;
	padding:10px 0 20px 0;
	line-height:20px;
}
#story3{
	float:left;
	margin:0 0 0px -2px;
}
#story3 ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	display:inline;
	list-style:circle;
}
#story3 a{
	float:left;
	cursor:pointer;
	width:320px;
	height:70px;
	margin:0;
	padding:105px 0 0 20px;
	text-decoration:none;
	color:#48ae51;
	background:url(../images/story3.png) no-repeat 0 0;
}

#story3 a:hover{
	color:#26ace2;
}
#story2{
	float:left;
	margin:0 0 0px -2px;
}
#story2 ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	display:inline;
	list-style:circle;
}
#story2 a{
	float:left;
	cursor:pointer;
	width:320px;
	height:70px;
	margin:0;
	padding:105px 0 0 20px;
	text-decoration:none;
	color:#48ae51;
	background:url(../images/story2.png) no-repeat 0 0;
}

#story2 a:hover{
	color:#26ace2;
}
#story1{
	float:left;
	margin:0 0 0px -2px;
}
#story1 ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	display:inline;
	list-style:circle;
}
#story1 a{
	float:left;
	cursor:pointer;
	width:320px;
	height:70px;
	margin:0;
	padding:105px 0 0 20px;
	text-decoration:none;
	color:#48ae51;
	background:url(../images/story1.png) no-repeat 0 0;
}

#story1 a:hover{
	color:#26ace2;
}
/*******************************************************
	TOOLKIT
*******************************************************/

#tkTitle{
	text-indent:-999999px;
	background:url(../images/toolKitTitle.gif) no-repeat 0 0;
	width:410px;
	height:64px;
	padding:0 0 15px 0;
}

#tkRight{
	width:158px;
	float:left;
	background:url(../images/tkDownload.png) no-repeat 0 0;
	height:215px;
	padding:285px 20px 20px 28px;
	
}
#tkCopy{
	height:90px;
	width:140px;
	margin-bottom:29px;
	color:#48ae51;
}

/*******************************************************
	TOPICS
*******************************************************/

#tTitle{
	text-indent:-999999px;
	background:url(../images/topicsTitle.gif) no-repeat 0 0;
	width:410px;
	height:64px;
	padding:0 0 15px 0;
}
#tCopy{
	color:#48ae51;
	font-size:14px;
	font-weight:lighter;
	padding:0 0 20px 0;
	line-height:20px;
}
#topicsNav{
	margin:0 0 0 -5px;
}
#topicsNav ul{
	list-style:none;
	margin:0;
	padding:0;
}
#topicsNav li a{
	float:left;
	padding:5px 0px 0 0px;
	width:78px;
	height:26px;
	text-align:center;
	
}
.finance a{
	background:url(../images/topicBtns.gif) no-repeat -76px 1px;
	color:#26ace2;
}
.finance a:hover{
	color:#48ae51;
	background:url(../images/topicBtns.gif) no-repeat 0px 1px;
}
.income a{
	background:url(../images/topicBtns.gif) no-repeat -76px 1px;
	color:#26ace2;
}
.income a:hover{
	color:#48ae51;
	background:url(../images/topicBtns.gif) no-repeat 0px 1px;
}
.spending a{
	background:url(../images/topicBtns.gif) no-repeat -76px 1px;
	color:#26ace2;
}
.spending a:hover{
	color:#48ae51;
	background:url(../images/topicBtns.gif) no-repeat 0px 1px;
}
.giving a{
	background:url(../images/topicBtns.gif) no-repeat -76px 1px;
	color:#26ace2;
}
.giving a:hover{
	color:#48ae51;
	background:url(../images/topicBtns.gif) no-repeat 0px 1px;
}
.misc a{
	background:url(../images/topicBtns.gif) no-repeat -76px 1px;
	color:#26ace2;
}
.misc a:hover{
	color:#48ae51;
	background:url(../images/topicBtns.gif) no-repeat 0px 1px;
}

#qa{
	padding:30px 0 0 0;
	float:left;
	margin:0 0 0 6px;
}
#supportLeft{
	width:427px;
	float:left;
	padding:0 55px 0 0;
}
#acc {
}
/*accordian styles*/
.basic  {
	width: 450px;
	float:left; 
	margin:0 0 0 -10px;
}
.basic div {
	background-color:none;
}

.basic p {
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
}
.basic a {
	cursor:pointer;
	display:block;
	padding:5px 5px 0px 0px;
	margin-top: 0px;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	color:#26ace2;
	background-color: #e3e3e3;
	background:none;
}
.basic a:hover {
	color:#48ae51;
	background:none;
}
.basic a.selected {
	color:#48ae51;
	background-color: #fff;
	background:none;
}
#topAcc{
	background:url(../images/qBar_01.png) no-repeat 0 0;
	height:9px;
}
#midAcc{
	background:url(../images/qBar_02.png) repeat-y;
	padding:0px 15px 0 15px;
}
#bottomAcc{
	background:url(../images/qBar_03.png) no-repeat 0 0;
	height:15px;
}
#qRight{
	width:158px;
	float:left;
	background:url(../images/questionsBlank.png) no-repeat 0 0;
	height:435px;
	padding:265px 20px 20px 28px;
	
}
#qCopy{
	height:111px;
	width:150px;
	margin-bottom:10px;
	color:#48ae51;
}
#qMessage{
	background:url(../images/textAreaBG_sm.png) no-repeat 0px 3px;
	width:150px;
	height:133px;
	padding:7px 0 0 5px;
	border:none;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/*******************************************************
		WALKTHROUGH
*******************************************************/

#walkTitle{
	text-indent:-999999px;
	background:url(../images/walkthroughTitle.gif) no-repeat 0 0;
	width:410px;
	height:64px;
	padding:0 0 15px 0;
}
/*******************************************************
		ENCOURAGE
*******************************************************/
#encourageTitle{
	text-indent:-999999px;
	background:url(../images/readStories.gif) no-repeat 0 0;
	width:410px;
	height:64px;
	padding:0 0 15px 0;
}

/*******************************************************
		SHARE STORY
*******************************************************/
#shareStoryTitle{
	text-indent:-999999px;
	background:url(../images/shareStoryTitle.gif) no-repeat 0 0;
	width:435px;
	height:64px;
	padding:0 0 15px 0;
}

/*******************************************************
		CONTACT
*******************************************************/

#contactTeam{
	width:700px;
	height:354px;
	background:url(../images/teamContact.png) no-repeat 0 0;
}

#cNewsletter{
	float:left;
	margin:0 0 5px 0;
}
#cNewsletter ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	display:inline;
	list-style:circle;
}
#cNewsletter a{
	float:left;
	cursor:pointer;
	background:url(../images/newsletterBubble.png) no-repeat -1px 0;
	width:315px;
	height:70px;
	margin:0;
	padding:105px 0 0 30px;
	text-decoration:none;
	color:#48ae51;
}

#cNewsletter a:hover{
	color:#26ace2;
}

#cEmailForm{
	float:left;
	margin:0 0 0px -2px;
}
#cEmailForm ul li{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	display:inline;
	list-style:circle;
}
#cEmailForm a{
	float:left;
	cursor:pointer;
	background:url(../images/emailFormBubble.png) no-repeat 0px 0;
	width:315px;
	height:70px;
	margin:0;
	padding:105px 0 0 30px;
	text-decoration:none;
	color:#48ae51;
}

#cEmailForm a:hover{
	color:#26ace2;
}
#cAddress{
	float:left;
	padding:0 35px 0 0;
}
#cPhone{
	float:left;
}

/*******************************************************
		BLOG
*******************************************************/
#blogTitle{
	text-indent:-999999px;
	background:url(../images/blogTitle.gif) no-repeat 0 0;
	width:410px;
	height:64px;
	padding:0 0 15px 0;
}

/*******************************************************
		NEWSLETTER PAGE
*******************************************************/
#newsletterTitle{
	text-indent:-999999px;
	background:url(../images/newsletterTitle.gif) no-repeat 0 0;
	width:410px;
	height:64px;
	padding:0 0 15px 0;
}

#newsletterForm{
	background:url(../images/newsletterForm.png) no-repeat 0 0;
	width:355px;
	height:270px;
	padding:70px 40px 0 28px;
}
#newsletterCopy{
	padding:10px 0 0 0;
	height:80px;
	overflow:hidden;
}
#newsletterFormInputs{
	padding:39px 0 0 8px;
}
#newsFName{
	background:none;
	border:none;
	width:150px;
	color:#fff;
	margin:0 0  0;
	margin:0 30px 31px 0;
}
#newsEmail{
	background:none;
	border:none;
	width:225px;
	color:#fff;
	margin:17px 0 0px 0;
	float:left;
}
#newsLName{
	background:none;
	border:none;
	width:150px;
	color:#fff;
}
#newsSubmit{
	padding:15px 0 0 23px;
	float:left;
}

/*******************************************************
		EMAIL FORM PAGE
*******************************************************/
#emailFormTitle{
	text-indent:-999999px;
	background:url(../images/efTitle.gif) no-repeat 0 0;
	width:410px;
	height:64px;
	padding:0 0 15px 0;
}

#emailFormCc{
	background:url(../images/blankEmailForm.png) no-repeat 0 0;
	width:355px;
	height:394px;
	padding:10px 40px 0 28px;
}
#emailFormCc h1 {
	font-size:26px;
	color:#26ACE2;
	font-weight: normal;
	margin-bottom:0px;
	padding-bottom:0px;
}
#emailFormCc label {
	display:block; 
	float:left;
	color:#26ACE2;
	font-size:14px;
	font-weight:bold;
	padding-bottom:0px; 
	margin-bottom:8px;
	margin-top:5px;
	padding-left:3px;
}
#emailFormInputs{
	padding:63px 0 0 8px;
}
#eFName{
	background:url(../images/textFieldBG.png) no-repeat 0px 3px;
	border:none;
	height:20px;
	color:#fff;
	/*margin:0 0  0;
	margin:0 30px 31px 0;*/
	margin-right:10px;
	padding-left:5px;
	float:left;
}
#eFName, #eFNameLabel {
	width:166px;
}
#eLName{
	background:url(../images/textFieldBG.png) no-repeat 0px 3px;
	border:none;
	width:166px;
	height:20px;
	padding-left:5px;
	color:#fff;
}
#eLNameLabel { margin-left:10px; }
#eEmail{
	background:url(../images/textFieldBG_lg.png) no-repeat 0px 3px;
	border:none;
	width:349px;
	height:20px;
	color:#fff;
	/*margin:11px 0 0px 0;*/
	padding-left:5px;
}
#eSubmit{
	padding:10px 0 0 123px;
	text-align:center;
	float:left;
}
#submitBtn {
	background:none;
}
#eMessage{
	width:348px;
	height:73px;
	padding-left:5px;
	background:url(../images/textAreaBG.png) no-repeat 0px 0px;
	border:none;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#eFormSelect{
	width:350px;
}

/*******************************************************
		BLOG
*******************************************************/
#siteCcBlog{
	width:950px;
	padding:50px 15px 0 15px;
}

#navCcBlog{
	float:left;
	width:255px;
	text-align:left;
	position: absolute; 
    top: 50; left: 50; 
    z-index: 1; 
	padding:0 0 0 10px;
}
#contentCcBlog{
	width:692px;
	float:left;
	text-align:left;
	/*padding:10px 0 0 15px;*/
	/*border-left:dotted 1px #333;*/
}
#posts {
	float:left;
	width:370px;
}
#sidebar { color: #666666; float: right; padding: 0px 10px 20px 0px; width: 200px; text-align:left; margin:-5px 20px 0 55px;}
