/* -------------------------------------------------------------- 
   CSS RESET
   * Resets default browser CSS.
------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

a{ outline: none; }

/* -------------------------------------------------------------- 
  
   MAIN
   * Sets page width and global typography
   
-------------------------------------------------------------- */


/* reset font size for all elements to standard (16 Pixel) */
html * {
font-family:'helvetica neue','arial','microsoft sans serif',sans-serif;
font-size: 100.01%;
}

/* Page margins and background */

body {
	background-image: url(../images/layout/bg.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;	
	color: #2E3192;
}

.wrapper {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

#body{
}

p{
	margin-bottom: 1em;
}

#webForm p{
	margin-bottom: 0px;

}

h2{
	font-size: 1.3em;
	margin-bottom: .5em;
}
h2 strong{
	color: #0092CF;
}

h5{
	color: #7C4199;
	font-size: 12px;
	margin-bottom: .75em;
	margin-left: 30px;
	position: relative;
	font-weight: bold;
}

h5 strong{

	position: absolute;
	left: -30px;
}

ol{
	margin-left: 20px;
	/margin-left: 25px;
}

ul{
	list-style-type: none;
}


/* -------------------------------------------------------------- 
  
   CONTENT
   * Site specific layout
   
-------------------------------------------------------------- */

#content{
	float: left;
	width: 735px;
	overflow: visible;
	clear: none;
	position: relative;
}

/* MT: added-------------------------------------Start----------------------- */
/* #content .row2 h3,h1{ color:#090; font-weight: bold; } */
#content h1{ font-weight:normal; }

#content .row2 li a, #content .row2 p a{ color:#0096D1;  text-decoration:none;}

#content .row2 li.tab-1 a{ color: #75993E; }
#content .row2 li.tab-2 a, #content .row2 li.tab-4 a{ color: #0093D0; }
#content .row2 li.tab-3 a, #content .row2 li.tab-5 a{ color: #662D91; }
/* #content .row2 li.tab-4 a{ color: #95832D; } */

#content .row2 #tab-1 li a,.tab-1 a{ color:#9cc064;  text-decoration:none;}
#content .row2 #tab-2 li a,.tab-2 a, #content .row2 #tab-4 li a,.tab-4 a{ color:#0093d0;  text-decoration:none;}
#content .row2 #tab-3 li a,.tab-3 a, #content .row2 #tab-5 li a,.tab-5 a{ color:#662d91;  text-decoration:none;}
/* #content .row2 #tab-4 li a,.tab-4 a{ color:#c7af46;  text-decoration:none;} */

#content .row2 li a:hover, #content .row2 p a:hover { color:#8CC63F; }

#content .row2 li #tab-1 a:hover, .tab-1 a:hover{ color:#9cc064; }
#content .row2 li #tab-2 a:hover, .tab-2 a:hover, #content .row2 li #tab-4 a:hover, .tab-4 a:hover{ color:#0093d0; }
#content .row2 li #tab-3 a:hover, .tab-3 a:hover, #content .row2 li #tab-5 a:hover, .tab-5 a:hover{ color:#662d91; }
/* #content .row2 li #tab-4 a:hover, .tab-4 a:hover{ color:#c7af46; } */


/* #content .row2 h3{ color:black; margin-bottom: 15px; margin-top: 10px; } */

/*
#content .row2 #tab-1 h3{ color:#9cc064; }
#content .row2 #tab-2 h3{ color:#0093d0; }
#content .row2 #tab-3 h3{ color:#662d91; }
#content .row2 #tab-4 h3{ color:#c7af46; }
*/
#content .row2 ul,li 
{
	font-size:12px;
}

#content h3{
	font-weight: bold;
	color: #0092CF;
}

#content .row2 h3.q{
	/*margin-top: 5px;*/
	/*margin-bottom: 5px;*/
	font-weight: normal;
}



#webForm input[type="text"].dt_yr{
	/* margin-top: 6px; */
	width: 70px;
}

#content .error{ color:#F00;}

#content .row2 table,td,th
{
	font-size:13px;
	/*padding:4px;*/
}
#webForm .row2 table{
	margin-left: 0px;
	margin-right: 0px;
}

#italicTextSurveyForm
{
color:#09C;

}
#content .purple{ color:#2E3192;}
#content .purple:hover{color:#090;}

#content h3.mission, #content h3.goal, #content h3.vision, #content h3.neverdoubtquote,#content h3.role{
	width: 120px;
	height: 18px;
	text-indent: -100000px;
	overflow: hidden;
	display: block;
	background-image: url(../images/content/h-our-mission.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
	margin-bottom: 5px;
}
#content h3.goal{ background-image: url(../images/content/h-our-goal.gif); }
#content h3.vision{ background-image: url(../images/content/h-our-vision.gif); }
#content h3.role{ background-image: url(../images/content/h-our-role.gif); }

#content h3.neverdoubtquote{
	width: 540px;
	height: 92px;
	background-image: url(../images/content/never-doubt-quote.gif);	
	margin-bottom: 15px;
}

/* MT: added-------------------------------------End----------------------- */



body.home #content .row1{
	width: 100%;
	clear: both;
	float: left;
	display: block;
}

body #content .row1{
	display: none;
}

body #content .row2{
	margin: 0px;
	padding: 0px;
	width: 580px;

	clear: both;
	display: block;
	position: relative;
	left: -70px;
	border: 2px solid #8DC63F;
	padding-left: 80px;
	padding-right: 70px;
	_padding-right: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #2E3192;
	/* MT: I think its better to have plain backgroung for text , instead */
	/*background-color:#FFF;*/
	
	  min-height:400px;
	  height:auto !important;
	  height:400px;
	  float: left;


}
#webForm 
{
    	color: black;
}

/*
body #content .row2 #tab-1{ color: #4C6F14; }
body #content .row2 #tab-2{ color: #0474a3; }
body #content .row2 #tab-3{ color: #4c1972; }
*/
body.home #content .row2{
	  min-height:200px;
	  height:auto !important;
	  height:200px;
}
	
	
body.home #content .leftCol{
	clear:none;
	float:left;
	height:180 px; 
	width:280px; 
	padding-right:10px;	
	/*background:green; */
	display:block;
	position:relative;
	min-height:180px;

}

.leftCol p{
	/*line-height:1em;
	color:#7f3f93;*/
	color: #2e3192;
	font-size: 12px;
	line-height: 18px;
}

body.home #content .rightCol{
	clear:none;
	float:left;
	height:180 px; 
	width:255px; 
	padding-left:5px;
	/*background:red; */
	margin-left: 25px;
	display:block;
	position:relative;
	min-height:180px;
}
	
.rightCol #quotes{
	line-height:1.5em;
	color:#0d93c6;
	font-size:0.8em;
}
.rightCol #author{
padding-top:10px;
float:right;	
}


.thanks{
padding-top:10px;
padding-bottom:20px;
}

#content .row2 p{
	font-size: .8em;
}
#content .row2 #webForm p{
	font-size: 1em;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
}
#content .row2 #webForm #tab-1 p{
	font-size: 1em;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#content #webForm .row2 p.q{
	font-size: 1em;
	font-weight: normal;
	color: #000;
	width: 515px;
	/* background-color: orange; */
	margin-left: 20px;
	margin-bottom: 5px;
}
/*#content .row2 h3.q*/
#content .row2 p.q, {

}
#content .blurb{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
	margin-top: 55px;
}

#content .blurb .questionnaire{
	display: block;
	overflow: hidden;
	text-indent: -10000000px;
	width: 254px;
	height: 90px;
	background-image: url(../images/layout/be-among-the-firs.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#content .blurb .tellfriend{
	display: block;
	overflow: hidden;
	text-indent: -10000000px;
	width: 254px;
	height: 28px;
	background-image: url(../images/layout/multiply-impact.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#content .blurb .questionnaire:hover, #content .blurb .tellfriend:hover{
	background-position: -254px 0px;
}

body #content .socialmedia{
	display: none;
}

body.home #content .socialmedia{
	z-index: 5;	
	right: 0px;
	top: 130px;
	display: block;
}

#content .stickynotes{
	width: 201px;
	height: 211px;
	background-image: url(../images/layout/love-sticky.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: absolute;
	right: 40px;
	top: -40px;
	z-index: 10;
	overflow: hidden;
}

#content .stickynotes ul{
	margin: 0px;
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	list-style-type: none;
}

#content .stickynotes li{
	margin-bottom: 20px;
}

#content .counter{
	width: 160px;
	height: 148px;

	float: left;
	margin-left: 10px;
	margin-top: 20px;
	margin-right: 20px;
}

.contentheaderimage{
	position: relative;
	top: 10px;
	z-index:500;
}


body.home h1{
	display: none;
}

body h1{
	font-weight: normal;
	text-transform: uppercase;
	color: #2E3192;
	font-size: 1.2em;
	margin-top: 20px;
	margin-left: 10px;

}

body .take5button a{
	width: 160px;
	height: 138px;
	display: block;
	overflow: hidden;
	/* background-image: url(../images/layout/take5give5.gif); */
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -100000px;
	padding: 0px;
	margin: 0px;

}


body .take5button a{
	width: 160px;
	height: 138px;
	display: block;
	overflow: hidden;
	/* background-image: url(../images/layout/take5give5.gif); */
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -100000px;
	padding: 0px;
	margin: 0px;

}


body .take5button{
	width: 160px;
	height: 138px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	position: absolute;
	right: -60px;
	top: -65px;
	
}

body .take5button1{
	width: 160px;
	height: 138px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	position: absolute;
	right: -75px;
	top: -65px;
	
}

body .take5button2{
	width: 160px;
	height: 138px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	position: absolute;
	right: 220px;
	top: -30px;
	
}



.moreLinkDiv
{	width:15 px;
	height:18 px;
	background:url(../images/layout/more.gif) no-repeat;
	background-position:0 0;
	display: block;

	z-index:1000;
}

.moreLinkDiv a{
	background:url(../images/layout/more.gif) no-repeat;
	background-position:0 0;	
	text-indent: -100000px;	overflow: hidden;

}

.moreLinkDiv a:hover{
	background-position:15 0;
}


body.home .take5button{
	z-index: 10000;
	padding: 0px;
	margin: 0px;
	position: absolute;
	right: 250px;
	top: -35px;

}

a.startnowbutton{
	display: block;
	overflow: hidden;
	width: 139px;
	height: 29px;
	text-indent: -10000px;
	background-image: url(../images/layout/start-now.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	clear: both;
	margin: 0px;
	margin-bottom: 10px;
}

a.multiplyimpactbutton{
	display: block;
	overflow: hidden;
	width: 617px;
	height: 30px;
	text-indent: -10000px;
	background-image: url(../images/layout/multiply-impact2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	clear: both;
	margin: 0px;
	position: relative;
}

a.startnowbutton:hover{
		background-position: -139px 0px;
}
a.multiplyimpactbutton:hover{
		background-position: -617px 0px;
}


/* -------------------------------------------------------------- 
  
   FORMS
   
-------------------------------------------------------------- */

form{
}

form table{
	margin-left: 30px;

}

body.survey table{
		table-layout:fixed;
}

form table ul{
	margin-left: 0px;
}

form table td{
	vertical-align: top;
}

form ul{
	list-style-type: none;
	margin-left: 30px;
	margin-bottom: 20px;
}
form ul li{
	padding-top: 2px;
	padding-bottom: 2px;
}

body form table label{
	margin-right: 5px;
}

body.survey form table label{
	font-weight: normal;
	font-size: 85%;
	clear: left;
	display: block;
	margin-right: 0px;
}
body.survey form table td{
	padding-right: 3px;
}

.formtabs{
	margin: 0px;
	margin-bottom: 20px;
	display: block;
	clear: both;
	width: 100%;
	float: left;
	list-style-type: none;
	height: 85px;

	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.formtabs li{
	width: 115px;
	margin-right: 0px;
	margin-top: 0px;
	float: left;
	height: 85px;
	position: relative;
}

.formtabs li a{
	width: 115px;
	height: 85px;
	display: block;
	overflow: hidden;
	text-indent: -10000px;
	background-image:url(../images/form/step1.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;

	position: absolute;
	z-index: 500;
}

.formtabs li strong{
	display: block;
	position: absolute;
	width: 115px;
	text-align: center;
	top: 67px;
	z-index: 100;
	font-size: 0.9em;
	color: #999;
}

.formtabs li.n2 a{
	background-image:url(../images/form/step2.gif);
}
.formtabs li.n3 a{
	background-image:url(../images/form/step3.gif);
}
.formtabs li.n4 a{
	background-image:url(../images/form/step4.gif);
}
.formtabs li.n5 a{
	background-image:url(../images/form/step5.gif);
	margin-right: 0px;
}

.formtabs li a:hover{
	background-position: -115px 0px;
}
.formtabs li.sel a, .formtabs li.sel a:hover{
	background-position: -230px 0px;
}



form .other{
	margin-left: 25px;
}



.submitbuttons{
	display: block;
	clear: both;
	width: 520px;
	height: 35px;
	position: relative;
}
.submitbuttons div{

}

input.nextbutton{
	width: 52px;
	height: 26px;
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../images/form/next.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -10000px;
	overflow: hidden;
	margin: 0px;
	
	display: block;
	float: right;
	
	font-size: 0px;
	line-height: 0px;
	background-color: white;
	
		position: relative;
	z-index: 301;
	



}

input.prevbutton{
	width: 77px;
	height: 26px;
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
	background-image: url(../images/form/prev.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -10000px;
	overflow: hidden;
	margin: 0px;
	margin-right: 10px;
	
	display: block;
	float: right;
	
	background-color: white;
	font-size: 0px;
	line-height: 0px;
	
		position: relative;
	z-index: 300;


}

input.backbutton{
	width: 51px;
	height: 26px;
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
	background-image: url(../images/form/back.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -10000px;
	overflow: hidden;
	margin: 0px;
	margin-right: 10px;
	
	display: block;
	float: left;
	
	background-color: white;
	font-size: 0px;
	line-height: 0px;
	
		position: relative;
	z-index: 300;
}


input.completebutton{

	width: 133px;
	height: 26px;
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../images/form/complete.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -10000px;
	overflow: hidden;
	margin: 0px;
	display: block;
	float: right;
	font-size: 0px;
	line-height: 0px;
	background-color: white;
	
		position: relative;
	z-index: 300;

}


input.submitBtn{
	width: 71px;
	height: 26px;
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../images/form/submit.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -10000px;
	overflow: hidden;
	margin: 0px;
	
	display: block;
	float: right;
	
	font-size: 0px;
	line-height: 0px;
	background-color: white;
	
		position: relative;
	z-index: 300;

}

form textarea{
	line-height: 18px;
	font-size: 100%;
	border: 1px solid #8CC63F;
	width: 400px;
}

form input[type=text],form input[type=password]{
	border: 1px solid #8CC63F;
	padding-top: 2px;
	padding-bottom: 2px;
}

form ul.suggestions li{
	position: relative;
}
form ul.suggestions label:hover{
	font-weight: normal;
	color: #8CC63F;
}
form ul.suggestions label.ui-radio-state-checked,form ul.suggestions label.ui-radio-state-checked-hover,form ul.suggestions label.ui-checkbox-state-checked, form ul.suggestions label.ui-checkbox-state-checked-hover {
	font-weight: bold;
	color: #8CC63F;
}
form ul.suggestions li .ui-radio{
	position: absolute;
	left: -25px;
}
#fckdirections{
	margin:0px;
	padding: 0px;
	margin-left: 7px;
	/margin-left: 0px;
	
	position: relative;
	top: -26px;
}

#fckdirections div{
	display:none;
	padding: 10px;
	padding-bottom: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #8CC63F;
	border-right-color: #8CC63F;
	border-bottom-color: #8CC63F;
	border-left-color: #8CC63F;
	width: 478px;
	margin:0px;
	clear: both;
	position: relative;
	top: -1px;
font-size:1.2em;
	background-color: #E8F8FF;
	z-index: 100;
	

}

#fckdirections div strong{
		
}

#fckdirections div strong{
	color: #8CC63F;

}

#fckdirections a{
	display: block;
	width: 280px;
	height: 20px;
	clear: both;
	background-image: url(../images/form/icon_info.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
	padding-left: 25px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.9em;
	background-color: #E8F8FF;
	text-decoration:none;
	color: #5FA5DE;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D5F2FF;
	border-right-color: #BDDFF9;
	border-bottom-color: #BDDFF9;
	border-left-color: #D5F2FF;
	margin-bottom:  0px;
	z-index:101;
	position: relative;
	margin-top: 5px;
}

#fckdirections a:hover{
	border-bottom-color: #8CC63F;
	
	border-top-color: #8CC63F;
	border-right-color: #8CC63F;
	border-left-color: #8CC63F;
}
#fckdirections a:hover strong{
	color: #8CC63F;
}

#fckdirections a.sel, #fckdirections a.sel:hover{
	border-bottom-color: #E8F8FF;
	
	border-top-color: #8CC63F;
	border-right-color: #8CC63F;
	border-left-color: #8CC63F;
	height: 28px;
}



/* -------------------------------------------------------------- 
  
   HEADER
   
-------------------------------------------------------------- */

#header{
	position: relative;
	width: 980px;
	margin-top: 40px;
	overflow: hidden;
}

#header .logo{
	float: left;
	clear: none;
	width: 293px;
	height: 99px;
	display: block;
	background-image: url(../images/layout/logo.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -1000000px;
	overflow: hidden;
	position: relative;
	left: 90px;
}

#header .counties{
	margin-top: 10px;
	width: 550px;
	height: 10px;
	display: block;
	padding-bottom: 10px;
	padding-left: 15px;
	float: right;
}
/*
#header .counties li{
 width: auto;
 float: left;
 
}
*/
#header .counties li {
	height: 10px;
	width: 52px;
	float: left;
	clear: none;
	display: block;
	overflow: hidden;
	text-indent: -100000000px;
	background-image: url(../images/layout/bucks.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
#header .counties li.n1 {
}
#header .counties li.n2 {
	background-image: url(../images/layout/chester.gif);width: 84px;
}
#header .counties li.n3 {
	background-image: url(../images/layout/delaware.gif);width: 98px;
}
#header .counties li.n4 {
	background-image: url(../images/layout/montgomery.gif);width: 121px;
}
#header .counties li.n5 {
	background-image: url(../images/layout/philadelphia.gif);width: 115px;
}

#header .tagline{
	width: 475px;
	height: 18px;
	display: block;
	background-image: url(../images/layout/planning-site-launch.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -1000000px;
	overflow: hidden;
	float: right;
	margin-top: 15px;
	margin-right: 73px;
	_margin-right: 36px;
	cursor: default;
}

/* -------------------------------------------------------------- 
  
   FOOTER
   
-------------------------------------------------------------- */

body #footer{
	width: 980px;
	height: 80px;
	display: block;
	clear: both;
    background: url(../images/layout/footerbg.gif) no-repeat;
	background-position: 475px 15px;
	
	position: relative;
	float: left;
	z-index: 20;
	top: -15px;
}

body.survey #footer{
	/*background: none;
	top: 5px;*/
}

body #footer{
	width: 792px;
	height: 154px;
	display: block;

	background-image: url(../images/layout/footer.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px;
	margin-left: 150px;
	_margin-left: 75px;
	padding-left: 20px;
	padding-top: 13px;
	list-style-type: none;
	position: relative;
	top: -10px;
}

#footer p.followus{
	position: absolute;
	top: 3px;
	left: 0px;
	font-size: .8em;	
	color: #7c419a;
	font-weight: bold;

	display: block;
	width: 75px;

}

#footer .nav1{

}



#footer .nav1 li a:hover{
	background-position: -90px 0px;
}

#footer .copyright{
	color: #7C4199;
	position: absolute;
	width: 620px;

	left: 30px;
	top: 54px;
	display: block;
	font-size: .7em;
}

#footer .designedby{
	margin-left: 20px;
	color: #7C4199;

}
#footer .designedby:hover{

}

#footer .spreadword{
	position: absolute;
	top: 0px;
	left: 0px;


	display: block;
	height: 21px;
}

#footer .spreadword label{
	font-size: .8em;
	color: #7c419a;
	font-weight: bold;
	float: left;

}

#footer .spreadword .submit{
	background-image: url(../images/layout/go.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 21px;
	width: 41px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-indent: -10000px;
	overflow: hidden;
	position: relative;
	font-size: 0px;
	line-height: 0px;
	background-color: white;
	padding: 0px;
	margin: 0px;
	float: left;
}
#footer .spreadword .text{
	height: 19px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	overflow: hidden;
	font-size: .8em;
	padding: 0px;
	border: 1px solid #00a4d2;
}

#footer .spreadword .submit:hover{
	background-position: -41px 0px;
	cursor: pointer;
}

#footer .footersocialmedia{
	float: left;
	clear: none;
	width: 170px;
	display: block;
	position: relative;

	height: 30px;
}

#footer .moreinfo{
	display: block;
	float: left;
	clear: none;
	width: 250px;
	margin-left: 50px;
	margin-top: -1px;
	

}
#footer .moreinfo p{	
	font-size: 0.75em;
	line-height: 1.2em;
}

#footer a.tellfriend{
	 display: block;
	float: left;
	clear: none;
	width: 250px;

	font-size: .8em;
}

#emailThisPageResponse{
	position: absolute;
	width: 200px;
	height: 22px;
	font-size: .8em;
	color: #900;
	left: 340px;
	top: 0px;
}

body #footer .compass{
	width: 281px;
	height: 305px;
	display: block;
	overflow: hidden;
	background-image: url(../images/layout/compass.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
	position: absolute;
	top: -100px;
	left: 790px;
	z-index: 50;

}

body.home #footer .compass{
	display: block;
}


/* -------------------------------------------------------------- 
  
   NAV
   * Navigation lists
   
-------------------------------------------------------------- */


/* -------------------------------------------------------------- 
   LEFT NAV
-------------------------------------------------------------- */

body #leftnav {
	display: block;
	width: 245px;
	height: 430px;
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	overflow: visible;
	z-index: 100;
}

body.home #leftnav{
	height: 365px;
}

#leftnav .nav2{
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: 150px;
	display: block;
	overflow: hidden;
	background-image: url(../images/layout/tell-us-ideas.png);
	_background-image: url(../images/layout/tell-us-ideas-IE6.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top: 210px;
	left: 47px;
	padding-left: 25px;
	padding-top: 50px;
	list-style-type: none;
	z-index: 20;
}

#leftnav .nav2 li a{
	display: block;
	overflow: hidden;
	width: 141px;
	height: 25px;
	background-image: url(../images/nav/left2/01-your-ideas.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -10000px;

}

#leftnav .nav2 li.n1 a{
	width: 155px;
	height: 26px;
}


#leftnav .nav2 li.n2 a{
	height: 25px;
	background-image: url(../images/nav/left2/02-volunteer.gif);
}


#leftnav .nav2 li.n3 a{
	height: 25px;
	background-image: url(../images/nav/left2/03-stay-informed.gif);
}

#leftnav .nav2 li.n4 a{
	height: 25px;
	background-image: url(../images/nav/left2/04-tell-a-friend.gif);
}

#leftnav .nav2 li a:hover{
		background-position: -282px 0px;
}
#leftnav .nav2 li.n1 a:hover{
		background-position: -310px 0px;
}



#leftnav .nav2 li.sel a, #leftnav .nav2 li.sel a:hover{
		background-position: -141px 0px;
}
#leftnav .nav2 li.n1.sel a, #leftnav .nav2 li.n1.sel a:hover{
		background-position: -155px 0px;
}


#leftnav .nav1{
	width: 225px;
	height: 269px;
	display: block;
	overflow: hidden;
	background-image: url(../images/layout/page-and-pen.png);
	_background-image: url(../images/layout/page-and-pen-IE6.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 88px;
	padding-left: 60px;
	list-style-type: none;
	top: -30px;
	position: absolute;

}

#leftnav .nav1 li{
	width: 131px;
	height: 16px;
	display: block;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	float: left;
	clear: both;
}

#leftnav .nav1 li a{
	display: block;
	overflow: hidden;
	width: 131px;
	height: 16px;
	background-image: url(../images/nav/left/01-learn-more.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -100000px;
	padding: 0px;
	margin: 0px;
}

#leftnav .nav1 li.n2{
	width: 131px;
	height: 32px;
	background-image: url(../images/nav/left/02-opportunities-for.gif);
	text-indent: -100000px;
	display: block;
	overflow: hidden;
}

#leftnav .nav1 li.n3 a{
	background-image: url(../images/nav/left/03-individuals.gif);
}

#leftnav .nav1 li.n4 a{
	background-image: url(../images/nav/left/04-nonprofits.gif);
}

#leftnav .nav1 li.n5 a{
	background-image: url(../images/nav/left/05-businesses.gif);
}

#leftnav .nav1 li.n6 a{
	background-image: url(../images/nav/left/06-schools.gif);
}

#leftnav .nav1 li.n1, #leftnav .nav1 li.n1 a{
	height: 36px;
}

#leftnav .nav1 li.n3, #leftnav .nav1 li.n3 a{
	height: 15px;
}

#leftnav .nav1 li.n4, #leftnav .nav1 li.n4 a{
	height: 23px;
}

#leftnav .nav1 li.n5, #leftnav .nav1 li.n5 a{
	height: 16px;
}

#leftnav .nav1 li.n6, #leftnav .nav1 li.n6 a{
	height: 16px;
}


#leftnav .nav1 li a:hover{
		background-position: -130px 0px;
}

#leftnav .nav1 li.sel a, #leftnav .nav1 li.sel a:hover{
		background-position: -263px 0px;
}






#leftnav .nav1a{
	width: 225px;
	/* height: 269px; */
	height: 286px;
	display: block;
	overflow: hidden;
	background-image: url(../images/layout/page-and-pen.png);
	_background-image: url(../images/layout/page-and-pen-IE6.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 98px;
	padding-left: 50px;
	list-style-type: none;
	top: -30px;
	position: absolute;

}

#leftnav .nav1a li{
	width: 143px;
	height: 23px;
	display: block;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	float: left;
	clear: both;
}

#leftnav .nav1a li a{
	display: block;
	overflow: hidden;
	width: 143px;
	height: 23px;
	background-image: url(../images/nav/left/01-about-us.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -100000px;
	padding: 0px;
	margin: 0px;
}

#leftnav .nav1a li.n2 a{
	background-image: url(../images/nav/left/02-our-team.gif);
}

#leftnav .nav1a li.n3 a{
	background-image: url(../images/nav/left/03-faqs.gif);
}

#leftnav .nav1a li.n4 a{
	background-image: url(../images/nav/left/04-survey-results.gif);
}

#leftnav .nav1a li.n6 a{
	background-image: url(../images/nav/left/05-newsroom.gif);
}
#leftnav .nav1a li.n5{
	height: 40px;
	margin-bottom: 5px;
}

#leftnav .nav1a li.n5 a{
	background-image: url(../images/nav/left/05-nonprofit-recipients.gif);
	height: 40px;
}


#leftnav .nav1a li a:hover{
		background-position: -143px 0px;
}

#leftnav .nav1a li.sel a, #leftnav .nav1a li.sel a:hover{
		background-position: -286px 0px;
}
/* -------------------------------------------------------------- 
   SOCIAL MEDIA
-------------------------------------------------------------- */

body.home #leftnav .socialmedia{
	display: none;
}

body #leftnav .socialmedia{
	z-index: 5;	
	right: 0px;
	top: 375px;
	display: block;
	height: 50px;
}

.socialmedia{
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	clear: none;
	width: 53px;
	height: 27px;
	overflow: hidden;
	position: absolute;
	top: -3px;
	left: 75px;
}

.socialmedia li{
	padding: 0px;
	margin: 0px;
	float: left;
	clear: none;
	display: block;
}

.socialmedia li a{
	background-image: url(../images/layout/friend-facebook.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 25px;
	height: 27px;
	display: block;
	overflow: hidden;
	text-indent: -10000000px;
}

.socialmedia li.n1 a{
}

.socialmedia li.n2 a{
	background-image: url(../images/layout/friend-twitter.gif);
	width: 23px;
	margin-left: 5px;
}

.greenscrappaper{
	display: block;
	position: relative;
	width: 197px;
	height: 149px;
	background-image: url(../images/layout/tell-us-ideas.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
	top: 140px;
	left: 40px;
}

.getconnectedbutton{
	display: block;
	width: 147px;
	height: 72px;
	background-image: url(../images/layout/get-connected.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	text-indent: -10000px;
	position: relative;
	left: 30px;
	top: 40px;
}

.getconnectedbutton:hover{
	background-position: -147px 0px;
}



.bluescrappaper{
	display: block;
	position: relative;
	width: 131px;
	height: 85px;
	background-image: url(../images/layout/friend-us.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	top: 335px;
	left: 55px;
}

.uploadprofile{
	display: block;
	width: 113px;
	height: 44px;
	background-image: url(../images/layout/upload-nonprofit-profile.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
	text-indent: -10000px;
	position: relative;
	left: 10px;
	top: 25px;
}

.uploadprofile:hover{
	background-position: -113px 0px;
}


.ToolTip{position:relative; text-decoration:underline;} 
.ToolTipHover{position:relative;   } 
.ToolTipHover2{position:relative;   } 
.ToolTip span{display: none; } 

.ToolTip2 {
	width: 330px;
	padding: 0px;
	background-image: url(../images/layout/tooltip-bottom.png);
	background-repeat: repeat-y;
	background-position: 0px bottom;
	padding-top: 0px;
	padding-bottom: 63px;
	position: absolute;
	top:50px;
	left:100px;
	display:none;
}
.ToolTip2 p{
	width: 305px;
	padding: 0px;
	margin: 0px;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 12px;
	display: block;
	position: relative;
	left: 0px;
	top: -18px;
	background-image: url(../images/layout/tooltip-top.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.ToolTipHover span{
	display:block;
	z-index:100;
	width:300px;
	height:70px;
	position:absolute;
	/* border:1px solid #638d2a; */
  top:1.3em;
	left:5px;
	/*color:white; */
  padding:5px;
  padding-top:25px;
	background-image: url(../images/content/tooltip-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


.ToolTipHover2 span{
	display:block;
	z-index:100;
	width:300px;
	height:50px;
	position:absolute;
	/* border:1px solid #638d2a; */
  	top:1.3em;
	left:25px;
	/*color:white; */
  	padding:5px;
  	padding-top:23px;
	padding-left:35px;
	background-image: url(../images/content/comingSoon.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.aboutus{
	list-style-image: url(../images/content/bluebullet.gif);
}

.aboutus li{
	margin-left:20px;
	padding-top:5px;
}

.newsList li{
	padding-bottom:20px;
	/* padding-left: 130px; */
	position: relative;
}
/* .newsList li strong.newsdate{
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: right;
	width: 120px;
	
}*/

.startsubmissionnowbutton{
	display: block;
	overflow: hidden;
	text-indent: -10000px;
	background-image: url(../images/layout/start-your-submission-now.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
	width: 400px;
	height: 33px;
}

p.homereadall{
	display: block;
	float: left;
	clear: left;
	text-align: right;
	font-weight: normal;
	width: 100%;
}
p.homereadall a{
	color: #2E3192;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
}

em{
	font-style: italic;
}

#content .row2 .peoplesayingcolumn{
	background-color: #f4fbfe;
	padding: 5px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
	width: 242px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #b8e1f2;
	border-right-color: #b8e1f2;
	border-bottom-color: #b8e1f2;
	border-left-color: #b8e1f2;
}

#content .row2 .peoplesayingcolumn p{
	font-size: .7em;
	/*color: #7db7cf;*/
	margin-bottom: 5px;
}


#content .row2 .peoplesayingcolumn ul{
	margin-bottom: 7px;
	margin-top: 0px;
	padding: 0px;

}

#content .row2 .peoplesayingcolumn li{
	font-size: .9em;
	/*color: #7db7cf;*/
	display: block;
	margin-bottom: 3px;
	clear: left;
	padding-left: 20px;
	background-image: url(../images/layout/what-you-need-bullet.gif);
	background-repeat: no-repeat;
	background-position: 10px 6px;
}

.peoplesayingsrollarea{
	height: 760px;
	overflow: auto;
	padding-right: 5px;
}

#content .row2 .leftcol{width: 65%;_width: 330px;float: left;clear:none; display: block;
}

#content .row2 .rightcol{ width: 35%;_width: 280px;float: left;clear:none; display: block;overflow:visible;_overflow:hidden;
	
}

#loginbox{
	width: 242px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 9px;
	margin-top: 15px;
	margin-bottom: 25px;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #8CC63F;
	border-right-color: #8CC63F;
	border-bottom-color: #8CC63F;
	border-left-color: #8CC63F;
	
	/* display: none; */
}

#loginbox .col1, #loginbox .col2{
	width: 275px;
	display: block;
	float: left;
	clear: none;
	margin: 10px;
	min-height: 150px;

}
#loginbox .col1{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0092CF;
}





#loginbox form{
	width: 100%;
	display: block;
	/* float: left; */
	clear: both;
}

#loginbox form ul{
	width: 100%;
	margin: 0px;
	padding: 0px;

	display: block;
	/* float: left; */
	clear: both;
}
#loginbox form ul li{
	display: block;
	width: 100%;
	/* float: left; */
	clear: both;
	
}

#loginbox form label{
	width:75px;
	display: block;
	float: left;
	clear: none;
}

#loginbox form input{
	width: 150px;
	float: left;
	clear: none;
	display: block;
}

#loginbox form .logininput{
		border: 1px solid #8CC63F;
	padding-top: 2px;
	padding-bottom: 2px;
}

#loginbox form input.submit{
	width: 60px;
	text-align: center;
	margin-bottom: 5px;
}

#loginbox .forgotpassword{
	/* float: left; */
	clear: both;
	display: block;
	font-size: .9em;
	margin-left: 80px;

}

#loginbox #loginResponseDiv{
	width: 100%;
	/* float: left; */
	clear: both;
	/* background-color: orange; */
	padding: 0px;
	margin: 0px;
	display:block;
}

#loginbox h3{
	color: white;
	background-color: #8CC63F;
	position: absolute;
	top: -30px;
	left: -1px;
	display: block;
	padding: 5px;
	padding-left: 10px;
	width: 250px;
	height: 20px;
	overflow: hidden;
}

#loginbox h1.error, #loginbox h1.success{
	font-size: 0.8em;
	text-transform: none;
	margin: 0px;
	padding: 3px;
	padding-left: 25px;
	font-weight: normal;
	color: #C00;
	background-color: #FFF0F0;
	border: 1px solid #C00;
	background-image: url(../images/icons/alert.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	margin-bottom: 5px;
}

#loginbox h1.success{
	color: #360;
	background-color: #D8F1D8;
	border: 1px solid #6C6;
}

#content .row2 #loginbox p.logininstructions{
	font-size: .7em;
	margin-bottom: 5px;
}

.myTable {	width: 515px; padding: 0;border-collapse:collapse;	background-color: #f7fbf1; }
.myTable caption {	padding: 0 0 5px 0;	width: 80%;	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	text-align: right;}
.myTable th {	
white-space: nowrap; 
padding: 6px 6px 6px 12px;	
background: #D5E8B8;
border: 1px solid #9bcc86;
}
.myTable td { empty-cells:show; font: 11px ; border: 1px solid #D5E8B8;		padding: 6px 6px 6px 12px;	color: #008000; width: 100%; }
.myTable tr.alt {
	background-color: #FFF; /* #f0f7e4 */
}
.myTable tr.over{
	background-color: #e6f1d4;
}


/* for jquery sort alphabetically plugin */
#recipientList-nav{
	width: 600px;

	margin-top: 20px;
	margin-bottom: 10px;
}

.listNav { margin:0 0 10px; }

.ln-letters { overflow:hidden; }
.ln-letters a { font-size:0.7em; display:block; float:left; padding:2px 6px; border:1px solid silver; border-right:none; text-decoration:none; color: #8CC63F; }
.ln-letters a.ln-last { border-right:1px solid silver; }
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#eaeaea; }
.ln-letters a.ln-disabled {
	/* color:#E9E9E9; */
}
.ln-letter-count { display: none;}
/* text-align:center; font-size:0.7em; line-height:1; margin-bottom:3px; color:#336699; margin-top: -100px; */

/* for jquery scrollpane */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #e6f5fb;
}
.jScrollPaneDrag {
	position: absolute;
	background: #c9e9f6;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	background-image: url(../images/icons/scrollup.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
	background-image: url(../images/icons/scrolldown.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


.loggedIn
{
color:#666;
font-size: .8em;
}



#regFormDiv {
	width: 98%;

	display: block;
	/* float: left; */
	clear: both;
	margin-top:-14px;
	margin-right:1px;
}

#regForm {
	width: 100%;
	display: block;
	/* float: left; */
	clear: both;
}

#regForm h3 {
background-color:#8CC63F;
color:white;
display:block;
height:20px;
left:-1px;
overflow:hidden;
padding:5px 5px 5px 10px;
/*position:absolute;*/
top:-30px;
width:100%;
}

#regForm ul{
	width: 100%;
	margin: 0px;
	padding: 0px;

	display: block;
	/* float: left; */
	clear: both;
}
#regForm ul li{
	display: block;
	width: 100%;
	/* float: left; */
	clear: both;
	
}

#regForm label{
	width:110px;
	display: block;
	float: left;
	clear: none;
}

#regForm input[type="text"], input[type="password"]  {
	width: 250px;
	float: right;
	clear: none;
	display: block;
}

#regForm input.error { border: 2px solid red; }
#refForm .submitBtn { 
float:right;
display:block;
width:100px;
margin-right:50px;
}