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

/*The duplication of the secondary pages should keep the #secContent div and give the inside elements their own classes or specific divs if their styling needs to be different. If each page had a different #secContent div it would require the recoding of that entire section and make this design hard to maintain. The two collumn layout as well as the margins shouldn't change. Delete this b4 publishing live site*/

/*notes on how to change the secondary headers are on code line 58. Delete this b4 publishing live site*/

/*#bottomFirstMid, set up .class1, no link in home flash*/

* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #002d56;
}
a:hover {
	color: #7cbdf7;
}
a.active:link, a.active:visited {
}
.secLink a {
	color: #002d56;
}
.custombutton {
	padding:0;
	margin:0;
	border:none;
	background:none;
	cursor:pointer;
	vertical-align: middle;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000;
}
#homeWrapper {
	width: 789px;
	height: 830px;
	background:url(../images/_nn_homebkd6.jpg);
	margin: 0 auto;
	text-align: left;
}
#secWrapper {
	background-image:url(../images/nn_sec_bkd_repeater.jpg);
	background-repeat:repeat-y;
	width: 751px;
	margin: 0 auto;
	text-align: left;
}
#homeMasthead {
	width: 789px;
	background-repeat: no-repeat;/*height: 25px;*/
}
#homeMasthead #namesTop {
	float: left;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	left: 350px;
	top: 10px;
}
#secMasthead {
	width: 677px;
	padding-left: 35px;
}
/*start headers for secondary pages. For each page the header image needs to stay at 534x172. Make sure the image is optimized and placed in the images folder of the site structure. Then just change the name of the background-image. Also add the name of the div with a comma on the ul, ul li, and ul li a attributes below. The community.html document is an example.The only line changed is  <div id="communityPartnerTopNav">. Everything else stays the same. Delete this b4 publishing live site*/

#secTopNav {
	width: 534px;
	height: 172px;
	background-image: url(../images/nn_about_header.jpg);
	background-repeat: no-repeat;
	float: right;
}
#contactTopNav {
	width: 534px;
	height: 172px;
	background-image: url(../images/nn_about_header.jpg);
	background-repeat: no-repeat;
	float: right;
}
#newsTopNav {
	width: 534px;
	height: 172px;
	background-image: url(../images/nn_about_header.jpg);
	background-repeat: no-repeat;
	float: right;
}
#pressTopNav {
	width: 534px;
	height: 172px;
	background-image: url(../images/nn_about_header.jpg);
	background-repeat: no-repeat;
	float: right;
}
#programsTopNav {
	width: 534px;
	height: 172px;
	background-image: url(../images/nn_pogram_header.jpg);
	background-repeat: no-repeat;
	float: right;
}
#resourcesTopNav {
	width: 534px;
	height: 172px;
	background-image: url(../images/resourcesheader.jpg);
	background-repeat: no-repeat;
	float: right;
}
#communityPartnerTopNav {
	width: 534px;
	height: 172px;
	background-image: url(../images/nn_communityPartner_header.jpg);
	background-repeat: no-repeat;
	float: right;
}
#familySuccessTopNav {
	width: 534px;
	height: 172px;
	background-image: url(../images/nn_familySuccess_header.jpg);
	background-repeat: no-repeat;
	float: right;
}
#fatherhoodTopNav {
	width: 534px;
	height: 172px;
	background-image: url(../images/nn_fatherhood_header.jpg);
	background-repeat: no-repeat;
	float: right;
}
#freeTopNav {
	width: 534px;
	height: 172px;
	background-image: url(../images/nn_free_header.jpg);
	background-repeat: no-repeat;
	float: right;
}
#superNeiTopNav {
	width: 534px;
	height: 172px;
	background-image: url(../images/nn_superNei_header.jpg);
	background-repeat: no-repeat;
	float: right;
}
#superSumTopNav {
	width: 534px;
	height: 172px;
	background-image: url(../images/nn_supersummer_header.jpg);
	background-repeat: no-repeat;
	float: right;
}
#vitaTopNav {
	width: 534px;
	height: 172px;
	background-image: url(../images/nn_vita_header.jpg);
	background-repeat: no-repeat;
	float: right;
}
#staffTopNav {
	width: 534px;
	height: 172px;
	background-image: url(../images/nn_about_header.jpg);
	background-repeat: no-repeat;
	float: right;
}
#superTopNav {
	width: 534px;
	height: 172px;
	background-image: url(../images/nn_about_header.jpg);
	background-repeat: no-repeat;
	float: right;
}
#thankyouTopNav {
	width: 534px;
	height: 172px;
	background-image: url(../images/nn_about_header.jpg);
	background-repeat: no-repeat;
	float: right;
}
#secTopNav ul, #communityPartnerTopNav ul, #familySuccessTopNav ul, #fatherhoodTopNav ul, #freeTopNav ul, #superNeiTopNav ul, #superSumTopNav ul, #vitaTopNav ul, #contactTopNav ul, #newsTopNav ul, #pressTopNav ul, #programsTopNav ul, #resourcesTopNav ul, #staffTopNav ul, #superTopNav ul, #thankyouTopNav ul {
	padding-top: 143px;
	list-style: none;
}
#secTopNav ul li, #communityPartnerTopNav ul li, #familySuccessTopNav ul li, #fatherhoodTopNav ul li, #freeTopNav ul li, #superNeiTopNav ul li, #superSumTopNav ul li, #vitaTopNav ul li, #contactTopNav ul li, #newsTopNav ul li, #pressTopNav ul li, #programsTopNav ul li, #resourcesTopNav ul li, #staffTopNav ul li, #superTopNav ul li, #thankyouTopNav ul li {
	float: left;
}
#secTopNav ul li a, #communityPartnerTopNav ul li a, #familySuccessTopNav ul li a, #fatherhoodTopNav ul li a, #freeTopNav ul li a, #superNeiTopNav ul li a, #superSumTopNav ul li a, #vitaTopNav ul li a, #contactTopNav ul li a, #newsTopNav ul li a, #pressTopNav ul li a, #programsTopNav ul li a, #resourcesTopNav ul li a, #staffTopNav ul li a, ul li a, #thankyouTopNav ul li a {
	border: none;
	list-style:none;
	display: block;
}
.secfirstlink a {
	background-image: url(../images/nn_about_pixy.png);
	width: 104px;
	height: 29px;
	background-position: right center;
}
.secsecondlink a {
	background-image: url(../images/nn_programs_pixy.png);
	width: 101px;
	height: 29px;
	background-position: right center;
}
.secthirdlink a {
	background-image: url(../images/nn_resources_pixy.png);
	width: 108px;
	height: 29px;
	background-position: right center;
}
.secfourthlink a {
	background-image: url(../images/nn_getinvolved_pixy.png);
	width: 122px;
	height: 29px;
	background-position: right center;
}
.secfifthlink a {
	background-image: url(../images/nn_pressroom_pixy.png);
	width: 99px;
	height: 29px;
	background-position: right center;
}
.secfirstlink a:hover, .secsecondlink a:hover, .secthirdlink a:hover, .secfourthlink a:hover, .secfifthlink a:hover {
	background-position: left center;
}
#aboutBranding, #contactBranding {
	width: 143px;
	height: 172px;
	float: left;
	background-image:url(../images/secLogo.png);
}
#aboutBranding img, #contactBranding img {
	border: none 0px;
}
#aboutBranding a, #contactBranding a {
	/*position: relative;
	left: 10px;
	top: 13px;*/
	border: none 0px;
}
/*start secondary side navigation*/

#secLeftNav {
	background-color: #d14d18;
	width: 143px;
	float: left;
	margin-left: 35px;
}
#secLeftNav ul {
	display:block;
}
#secLeftNav ul li {
	background-color: #e7851e;
	display:block;
	margin-top: 2px;
	margin-left: 1px;
	float: left;
	width: 138px;
	height: 27px;
	list-style-type: none;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	text-indent: 1px;
}
#secLeftNav #sideForm {
	clear: both;
	padding-top: 10px;
	padding-left: 2px;
	/*background-image: url(../images/nn_search_go_side.jpg);*/
	background-repeat: no-repeat;
	background-position: right 27px;
}
#secLeftNav #sideForm .formOnly {
	display: none;
}
#secLeftNav #sideForm label {
	color: #fff;
	font-size:12px;
	padding-left: 3px;
}
#secLeftNav #sideForm input {
}
#secLeftNav #sideForm p {
	padding-right: 5px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 20px;
}
#secLeftNav a {
	display:block;
	color: #000000;
	height: 26px;
}
#secLeftNav a:hover {
	color: #FFFFFF;
	background-image:url(../images/nn_sec_bullet.jpg);
	background-color: #ffc134;
	background-repeat: no-repeat;
	background-position: 115px;
}
#secAbout {
	background-image:url(../images/secAboutHL.jpg);
}
#secAccomp {
	background-image:url(../images/secAccomp.jpg);
}
#secCommunity {
	background-image:url(../images/secCommunity.jpg);
}
#secContact {
	background-image:url(../images/secContact.jpg);
}
#secFamilysuccess {
	background-image:url(../images/secFamilysuccess.jpg);
}
#secFatherhood {
	background-image:url(../images/secFatherhood.jpg);
}
#secFree {
	background-image:url(../images/secFree.jpg);
}
#secNeighborhoods {
	background-image:url(../images/secNeighborhoods.jpg);
}
#secPress {
	background-image:url(../images/secPress.jpg);
}
#secPrograms {
	background-image:url(../images/secPrograms.jpg);
}
#secResources {
	background-image:url(../images/secResources.jpg);
}
#secStaff {
	background-image:url(../images/secStaff.jpg);
}
#secSuper {
	background-image:url(../images/secSuper.jpg);
}
#secThankyou {
	background-image:url(../images/secThankyou.jpg);
}
#secVita {
	background-image:url(../images/secFec%20.jpg);
}
#secAbout span {
	display: none;
}
/*end secondary side navigation*/

#secContent {
	background-color: #fff;
	float: right;
	width: 534px;
	/*height: 517px;*/

	/*margin-right: 35px;

	padding-left: 10px;*/

	/*background-image: url(../images/secImage.jpg);

	background-repeat:no-repeat;

	background-position:360px 50px;*/

	margin-right: 38px;
}
#secContent p, #secContent h1 {
	padding-right: 15px;
}
#secContent h1 {
	padding-left: 5px;
	padding-top: 15px;
	color: #f4801c;
	text-indent: 10px;
	font-weight: bold;
	font-size: 14px;
	background-image: url(../images/secBullet.jpg);
	background-repeat:no-repeat;
	background-position: 0px 20px;
}
#secContent p {
	padding-left: 15px;
	color: #000;
	font-size: 12px;
	padding-top: 5px;
}
#secContent img {
	float: right;
	clear: left;
	padding-top: 50px;
	padding-right: 15px;
}
#secContent .icons {
	float: none;
	clear: none;
	margin-top: 8px;
	padding-top: 0px;
	padding-right: 0px;
	border: none;
}
#secContent li {
	float: left;
	padding-right: 10px;
	list-style:none;
}
#secContent p {
	clear: left;
}
#secContent .sec_more a, #secContent #bottom a {
	float: right;
	color: #f4801c;
}
#secContent #bottom a {
	padding-bottom: 10px;
}
#secContent .sec_more a:hover, #secContent #bottom a:hover {
	color:#00CCFF;
}
#secContent .blueTop {
	padding-top: 10px;
	font-size: 15px;
	color: #4385ba;
	font-weight: bold;
}

#secContent .blueHdr {
	padding-top: 10px;
	font-size: 12px;
	color: #4385ba;
}


#homeContent {
	margin-top: 11px;
}
#homeBottom {
}
#search {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 13px;
	position: relative;
	left: 50000px;
	top: 55px;
	width: 260px;/*background-image:url(../images/nn_search_go.jpg);

	background-position: right 7px;

	background-repeat: no-repeat;*/

}
#homeDonate {
	display: none;
	float: right;
	padding-top: 8px;
	padding-right: 10px;
}
#homeDonate a img {
	border: none;
}
/*start top navigation home page*/

#topNav {
	position: relative;
	left: 240px;
	top: 55px;
}
#topNav ul {
	list-style: none;
	width: 518px;
}
#topNav ul li {
	float: left;
}
#topNav ul li a {
	border: none;
	list-style:none;
	display: block;
}
#firstlink a span, #secondlink a span, #thirdlink a span, #fourthlink a span, #fifthlink a span {
	display: none;
}
#firstlink a:hover, #secondlink a:hover, #thirdlink a:hover, #fourthlink a:hover, #fifthlink a:hover {
	background-position: left center;
}
#firstlink a {
	display: block;
	width: 100px;
	height: 25px;
	background-image:url(../images/nn_home_menu1.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#secondlink a {
	display: block;
	width: 102px;
	height: 25px;
	background-image:url(../images/nn_home_menu2.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#thirdlink a {
	display: block;
	width: 101px;
	height: 25px;
	background-image:url(../images/nn_home_menu3.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#fourthlink a {
	display: block;
	width: 115px;
	height: 25px;
	background-image:url(../images/nn_home_menu4.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#fifthlink a {
	display: block;
	width: 100px;
	height: 25px;
	background-image:url(../images/nn_home_menu5.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
#firstlink {
	background-image: url(../images/images/NNFinal_03-06_01.jpg);
	width: 100px;
	height: 25px;
}
#secondlink {
	background-image: url(../images/images/NNFinal_03-06_02.jpg);
	width: 102px;
	height: 25px;
}
#thirdlink {
	background-image: url(../images/images/NNFinal_03-06_03.jpg);
	width: 101px;
	height: 25px;
}
#fourthlink {
	background-image: url(../images/images/nn_topNav_04.jpg);
	width: 115px;
	height: 25px;
}
#fifthlink {
	background-image: url(../images/images/nn_topNav_05.jpg);
	width: 100px;
	height: 25px;
}
#homeContent {
}
#homeMidLeft {
	position: relative;
	left: 36px;
	top: -166px;
	width: 209px;
}
#homePic {
	position: relative;
	left: 245px;
	top: 75px;
	background-image: url(../images/nn_home_picture.jpg);
	width: 518px;
	height: 358px;
}
#homePic a img {
	border: none;
	position: relative;
	left: 400px;
	top: 291px;
}
/*#homeMidLeft #more a {

	float: right;

	color: #8becf8;

}

#homeMidLeft #more a:hover {

	color: #ffffff;

}

.pclass2 a {

	float: right;

	color: #8becf8;

}

.class2 a:hover {

	color:#ffffff;

}*/

#homeBottom {
	width: 715px;
}
#homeBottom #homeBotLeft {
	position: relative;
	top:-60px;
	width: 245px;
	float: left;
}
#homeBottom #botRightWrapper {
	position: relative;
	top: -60px;
	width: 462px;
	float: right;
}
#homeBotMiddle {
	width: 238px;
	float: left;
}
#homeBotRight {
	/*padding-right: 5px;*/

	width: 220px;
	float: right;
}
#homeBallon {
	background-image:url(../images/nn_bot_box.jpg);
	background-repeat:no-repeat;
	/*background-color: #fff;*/

	width: 249px;
	height: 112px;
}
#homeBallonMid .class3 {
	padding-left: 4px;
	padding-top: 1px;
}
.class3 {
	border: none;
}
.class1 {
	padding-left: 6px;
	margin-top: 8px;
}
/*.ulclass1 {

	list-style: none;

	width: 250px;

	margin-top: -3px;

}

.ulclass1 li {

	float: left;

	margin-left: 8px;

}

.ulclass1 li a {

	color: #106eb4;

	text-decoration:underline;

	font-size: 12px;

}

.ulclass1 li a:hover {

	text-decoration: none;

}*/

.bottomHL {
	width: 220px;
	font-size: 15px;
	color: #8becf8;
	background-image: url(../images/nn_home_arrow.jpg);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 13px;
}
.bottomHL span {
	font-size: 16px;
	color: #ffe782;
}
#bottomFirst {
	font-weight: bold;
}
#homeBottom {
	/*clear: both;*/

	position: relative;
	top: -86px;
	left: 40px;
}
#homeBottom #homeBotLeft {
	width: 235px;
	float: left;
}
#homeBallonMid {
	padding: 0px;
	margin: 0px;
	background-image:url(../images/nn_bot_box_mid.jpg);
	/*background-color: #fff;*/

	background-repeat:no-repeat;
	width: 238px;
	height: 112px;
	float: left;
	background-color: #009999;
}
.class2 {
	margin-left: 15px;
	padding-top: 3px;
}
.pclass2 {
	margin-left: 155px;
	margin-top:-5px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 12px;
	color: #bf440f;
}
.pclass2 a {
	color: #f4801c;
}
.pclass2 a:hover {
	color: #33CCFF;
}
#bottomFirstMid {
	font-weight: bold;
}
#homeBallonRight {
	float: right;
	background-color: #fff;
	background-image: url(../images/nn_bot_box_right.jpg);
	background-repeat:no-repeat;
	height: 112px;
	width: 220px;
}
#homeBallonRight img {
	float: right;
	padding-right: 2px;
}
#homeBallonRight p {
	padding-left: 3px;
	padding-right: 3px;
	font-size: 12px;
	color: #bf440f;
}
#bottomFirstRight {
	font-size: 15px;
	color: #eb6016;
	text-indent: 8px;
	font-weight: bold;
}
#botRightLi {
	/*color: #0064af;*/

	font-size: 14px;
}
/*#secFooter {

	clear: both;

	background-image:url(../images/secbkd2.jpg);

	width: 751px;

	height: 114px;

}

#footer #secFooterLinks {

	padding-left: 10px;

	}*/

#footer {
	clear: both;
	margin: 0 auto;
	text-align: left;
	width: 789px;
}
#secFooter {
	clear: both;
	background-image:url(../images/nn_sec_bkd_footer.jpg);
	margin: 0 auto;
	text-align: left;
	width: 751px;
	height: 114px;
}
#secFooter a img {
	position: relative;
	top: 45px;
	right: 46000px;
	border: none 0px;
}
#footer #secFooterLinks {
	padding-left: 10px;
}
#footer ul {
clear: both;
	position: relative;
	top: -25px;
	list-style: none;
	margin-left: 4%;
	margin-right: 4%;
}
#footer ul li {
	float: left;
}
#footer ul li a {
	font-size:11px;
	color: #00CCFF;
}
#footer ul li a:hover {
	color: #ffffff;
}
#secFooter ul {
	clear: both;
	display: block;
	position: relative;
	top: 110px;
	list-style: none;
	margin-left: 3%;
	margin-right: 3%;
	margin-bottom: 3%;
}
#secFooter ul li {
	float: left;
}
#secFooter ul li a {
	font-size:11px;
	color: #00CCFF;
}
#secFooter ul li a:hover {
	color: #ffffff;
}
.separator {
	padding-left: 20px;
	padding-right: 20px;
	color: #00CCFF;
}
#secFooterLinks .separator {
	padding-left: 18px;
	padding-right: 18px;
}
#siteDesign {
	padding-left: 36px;
	font-size: 11px;
	float: left;
}
#siteDesign a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}
#siteDesign a:hover {
	color: #00ccff;
}
#tagLine {
	font-weight: bold;
	font-size: 17px;
	padding-right: 50px;
	float: right;
	letter-spacing: .05em;
}
#bottomText {
	position: relative;
	top: -70px;
	color: #fff;
}
/*Contact Us Styling*/

#contact_content {
	background-color: #fff;
	float: right;
	width: 534px;
	margin-right: 38px;
}
#contact_content img {
	padding-left: 200px;
	padding-top: 20px;
}
#contact_content h1 {
	padding-left: 140px;
	padding-top: 20px;
	height: 25px;
	font-size: 18px;
}
#contact_content label {
	padding-left: 20px;
	padding-top: 8px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	text-align: left;
	width: 245px;
}
#contact_content input, #contact_content textarea, #contact_content #check_float, #contact_content #check_float2 {
	clear: both;
	width: 245px;
	float: right;
	margin-right: 10px;
	margin-top: 8px;
}
#contact_content #check_float, #contact_content #check_float2 {
	clear: none;
}
#contact_content input.button {
	margin-top: 15px;
	margin-left: 100px;
	margin-bottom: 15px;
	width: 100px;
	clear: right;
	float: left;
}
#contact_content #check_float input.inputCheck, #contact_content #check_float2 input.inputCheck {
	clear: none;
	width: auto;
	float: left;
	margin: 0px;
	padding: 0px;
}
#contact_content #check_float label, #contact_content #check_float2 label {
	clear: none;
	padding-left: 5px;
	float: none;
	width: auto;
}
#contact_content #checkHL_float {
	padding-left: 20px;
	padding-top: 8px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	text-align: left;
	width: 245px;
	clear: both;
}
#contact_content #checkHL_float2 {
	padding-left: 20px;
	padding-top: 8px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	text-align: left;
	width: 245px;
	clear: right;
}
#contact_h1 {
	padding-left: -20px;
}
#facebooklogo {
	position:absolute;
	width:144px;
	height:44px;
	z-index:1;
	left: -152px;
	top: 235px;
}