@import "navigation.css";
/* Developed By: Sean M. Corey (sean@0to5.com) */

/* ////////////////////////////////// =Global /////////////////////////////////// */
*{
	margin:0;
	padding:0;
	font-family:'Helvetica Neue', Arial, Helvetica, sans-serif;
}

body{
	background:#CCC url("../i/bg_body.jpg") left top repeat-y;
	font-size:62.5%;
}

/* ////////////////////////////////// =Layout /////////////////////////////////// */
div#wrapper{
	width:954px;
	background:#FFF;
	overflow:auto;
}
div#branding_wrap{
	width:100%;
	float:left;
}
div#banner{
	width:100%;
	height:271px;
	float:left;
	background:url("../i/bg_banner_wrap.jpg") left top repeat-x;
}
div#banner_int{
	width:100%;
	height:188px;
	float:left;
}
div#callout_wrap{
	width:100%;
	float:left;
	margin:25px 0 0 0;
	display:inline; /* IE Double Margin Fix */
}
div#home_whats_new{
	float:left;
	width:280px;
	margin:0 0 0 12px;
	display:inline; /* IE Double Margin Fix */
	
}
div#inner_callout_wrap{
	float:right;
	width:606px;
	margin:0 34px 0 0;
	display:inline; /* IE Double Margin Fix */
}
div#home_help{
	width:280px;
	float:left;
}
div#home_feature{
	width:304px;
	float:right;
}
div#footer{
	clear:both;
	width:100%;
	font-size:1.1em;
	padding:50px 0 20px 0;
}
#content_wrap_int{
	float:left;
	width:100%;
}
#content_main_int{
	float:right;
	width:644px;
	padding:32px 60px 40px 0;
}
/* ////////////////////////////////// =Lists //////////////////////////////////// */
#main_nav{
	list-style:none;
	clear: left;
	margin:14px 0 0 0;
	width:100%;
	display:inline; /* IE Double Margin Fix */
	background:		url('../i/bg_nav_main.jpg') 0 0 repeat-x;
}
#main_nav li{
	font-size:1.3em;
}
#sub_nav{
	list-style:none;
	width:211px;
	height:371px;
	background:url("../i/bg_subnav.jpg") left top no-repeat;
	float:left;
}
#sub_nav li{
	font-size:1.2em;
	text-indent:22px;
	border-bottom:1px solid #C1CACF;
}
div#home_feature ul{
	list-style:none;
	width:304px;
}
div#home_feature li{
	text-indent:-999em;
	float:right;
}
div#footer ul{
	list-style:none;
}
div#footer li{
	float:left;
	margin:0 0 0 20px;
}
#content_main_int ul{
	padding:0 0 20px 25px;
	color:#7B7B7B;
	font-size:1.2em;
	font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;
	list-style:none;
}
#content_main_int li{
	line-height:23px;
	padding-left:15px;
	background:url("../i/bg_li.jpg") 0 6px no-repeat;
}


/* ////////////////////////////////// =Links //////////////////////////////////// */
a{
	outline:none !important;
}
#main_nav #mn_home{
	margin-left:0;
}
#main_nav #mn_contact{
	margin-right:12px;
}
#main_nav a{
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
}
#home_link_1 a, #home_link_2 a{
	display:block;
	border:0;
	outline:none;
	width:304px;
	height:109px;
	background:url("../i/img_link_home_newhome.jpg") left top no-repeat;
}
#home_link_2 a{
	height:128px;
	background:url("../i/img_link_home_volunteer.jpg") left top no-repeat;
}
#footer a{
	color:#CCC;
	text-decoration:none;
}
#sub_nav a{
	line-height:32px;
	display:block;
	text-decoration:none;
	color:#666;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
}
#content_main_int a, #home_whats_new a, #home_help a{
	color:#663392;
	text-decoration:none;
	border-bottom:1px solid #0097B6; 
}
#content_main_int .topofpage a{
	padding:0 0 0 15px;
	background:url("../i/bg_toplink.jpg")0 50% no-repeat;
}
/* /////////////////////////////// =Typography ////////////////////////////////// */
#brand{
	float:left;
	width:269px;
	height:77px;
	background:url("../i/img_logo.gif") no-repeat;
	text-indent:-100em;
	margin:18px 0 0 12px;
	display:inline; /* IE Double Margin Fix */
}
h2{
	color:#663392;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:2em;
	letter-spacing:-.05px;
	font-weight:normal;
	padding:0 0 4px 0;
}
#callout_wrap p{
	color:#7B7B7B;
	font-size:1.2em;
	line-height:23px;
}
#footer p{
	color:#CCC;
}
#content_main_int p{
	color:#7B7B7B;
	font-size:1.2em;
	font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;
	padding:0 0 20px 0;
	line-height:23px;
}
#content_main_int p strong{
	color:#626262;
}
#content_main_int blockquote{
	color:#626262;
	font-size:1.2em;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	padding:0 0 18px 0;
	font-weight:bold;
	line-height:23px;
}
h3{
	color:#CB6BA4;
	font-size:1.3em;
	font-variant:small-caps;
}
.newslabel{
	font-size: 1.2em;
	color:#663392;
	padding:0 0 5px 0;
}
/* ///////////////////////////// =Tables/Forms ////////////////////////////////// */
input{
	padding:2px;
	color:#7B7B7B;
	font-size:1.1em;
}
label{
	display: block;
}

/* ````````````` Contact Page Styles ``````````````````` */
div#mailnj{
	float: left;
	margin: 0 1em 4em 1em;
	display: inline; /*ie double margin fix */
}
div#mailma{
	float: left;
	margin: 0 1em 4em 2em;
	display: inline; /*ie double margin fix */
}
fieldset{
	margin:15px;
	padding: 1.5em 0 .5em 2.5em;
	border: 1px solid #ccc;
}
legend{
	font-size: 1.2em;
	font-weight: bold;
	color:#663392;
	padding:5px;

}
textarea{
	width: 350px;
	height: 150px;
	margin-bottom: 30px;
}

/* ////////////////////////////// =Misc/Classes ///////////////////////////////// */
hr{
	border:0;
	background:url("../i/bg_hr.jpg") left top repeat-x;
	height:2px;
	margin:0 0 20px 0;
	width:100%;
}
#content_main_int .preul{
	padding:0 0 10px 0;
}
.meter{
	margin:0 0 0 90px;
}
.floatimg{
	float:left;
	padding:5px 14px 7px 0;
}

#content_main_int .pink{
	color:#CB6BA4;
}
/* //////////////////////////////////// =PopUp Windows //////////////////////////////////// */

div#popup{
	text-align: left;
	margin:30px;
}
div#popup p{
	color:#7B7B7B;
	font-size:1.2em;
	font-family:'Trebuchet MS',Arial, Helvetica, sans-serif;
	line-height:23px;
	padding:0 0 20px 0;
}
div#popup .topofpage a, div#popup .topofpage a:visited, div#popup .topofpage a:hover{
	color:#663392;
	text-decoration:none;
	border-bottom:1px solid #0097B6;
}




/* //////////////////////////////////// =IE6 //////////////////////////////////// */
* html #home_link_2 a{
	margin: -12px 0 0 0;
}

/* //////////////////////////////////// =IE7 //////////////////////////////////// */

/* ````````````` home feature boxes ``````````````````` */


/* //////////////////////////////////// =Print Styles //////////////////////////////////// */

@media print
{
	#banner_int, #main_nav, #sub_nav, #branding_wrap{
		display:none !important;
	}
	
	#content_wrap_int{
	float:none;
	width:80%;
}
#content_main_int{
	float:none;
	width:100%;
	padding:0 20px;
}
	
#content_main_int p{
	padding:0;
}
	
	
}