@charset "UTF-8";

/* CSS Document */



/* Global Element */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {

	padding:0;

	margin:0;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

}

html, body {

	height:100%;

	background:none;

}

body.home {

	height:100%;

	background:url(../img/Hero0.jpg) no-repeat;

	background-position:fixed;

}



h1 {

	font-size: 25px;	

	font-weight:normal;

	color: #0278a8;	

	margin-bottom:30px;  

}



h2 {

	font-size: 15px;	

	font-weight:bold;

	color: #005b92;	

	margin:5px 0;

}

h3 {

	font-size: 13px;	

	font-weight:bold;

	color: #4f504f;	

	margin:5px 0;

}

h4 {	

	font-weight:normal;

	color: #4f504f;	

}



h5 {

	font-size: 13px;	

	font-weight:bold;

	color: #0278a8;	

	margin: -30px 0 20px 0;

}

img {

	border: none;

}

p {

	color: #4f504f;	

}



p a{

	color: #005b92;	

	font-weight:bold;

	text-decoration:none;

}



#gbody {

	width:100%;

	float:left;

	overflow:auto;

	height:100%;

}

#Nav {

	float:left;

	width:170px;

/*	background:#005b92;*/

	padding:30px 0 0 0;

	min-height:95%;

	background: #005b92 url(../img/bg_leftNav.png) repeat-y;

	position:absolute;

	left:0;

	top:0;

}

#Nav a {

	color:#fff;

	text-decoration:none;

}

#NavList {

	float:left;

	width:100%;

	clear:both;

	height: 100%;

}

#NavList ul {

	list-style:none;

}

#NavList ul li {

/*	line-height:35px;

	padding: 8px 0;	*/

}

#NavList ul li#donatebtn a span {

	text-indent:-1000px;

	display:block;

}

#NavList ul li#donatebtn {

	background:url(http://www.gatewayctr.org/img/donatebtn.png) no-repeat;

	width:123px;

	margin:10px 0 0 13px;

	height:37px;

}

#NavList ul li#donatebtn  a:hover{

	background:none;

}

#NavList a {

	text-transform:uppercase;

	font-weight:bold;

	display:block;

	padding:10px 0 11px 25px;

	font-size: 12px;

}

#NavList a:visited{

	background:auto;

}

#NavList a:hover,

#NavList a.selected {

	background:#0278a8;

}







#subNav {

	background: #0278a8;

	float:left;

	width:130px;

	padding:30px 0 0 0;

	min-height:95%;

	position:absolute;

	left:170px;

	top:0;	

}

.programs #subNav {

	padding: 1px 0 0 0;

}





#subNav a {

	color:#fff;

	text-decoration:none;

}

#subNavList {

	float:left;

	width:100%;

	clear:both;

	margin-top: 114px;

}

#subNavList ul {

	list-style:none;

}

#subNavList ul li {

/*	line-height:35px;

	padding: 8px 0;	*/

}

#subNavList a {

	text-transform:uppercase;

	font-weight:bold;

	display:block;

	padding:10px 5px 11px 10px;

	font-size: 11px;

}

#subNavList a:visited{

	background:auto;

}

#subNavList a:hover,

#subNavList a.selected {

	background:#fff;

	color: #0278a8;

}







#Logo {

	float:left;

	clear:both;

	width:133px;

	height:64px;

	display:block;

	margin:0 0 50px 13px;

}

#Logo a {

	float:left;

	display:block;

	width:133px;

	height:64px;

}

#Logo a span {

	text-indent:-1000px;

}

#BodyArea {

	float:left;

	height:100%;

	width:100%;

	min-height:100%;

}

#Footer {

	/* float:left;

	bottom:0;

	width:100%;

	clear:both;

	*/

	height: 40px;

	margin-top: -48px;

	position: fixed;

	top: 100%;

	width: 100%;

	background: #fff url(../img/footerline.png ) no-repeat;

	padding:15px 0 0px 0;

	clear:both;	

}

#Footer ul li {

	display:inline;

}

#Footer ul li a {

	color:#fff;

	text-transform:capitalize;

	text-decoration:none;

}

#ShareBar {

	padding:0 0 0 25px;

}

#ShareBar, #GlobalFooter {

	float:left;

	width:auto;

}

#GlobalFooter {

	margin:0px 0;

	padding:5px 0 0 0;

}

#GlobalFooter ul li {

	display:inline;

}

#GlobalFooter ul li {

	font-size:9px;

	padding:20px;

}

#GlobalFooter a {

	padding:22px 10px;

	color:#fff;

	text-transform:uppercase;

	font-weight:bold;

	font-size: 9px;

	text-transform:capitalize;

	text-decoration:none;

}

#GlobalFooter a:visited{

	padding:22px 10px;

	background:auto;

}

#GlobalFooter a:hover {

	padding:22px 10px;

	color: #005b92;

	background:#fff;

}

#GlobalFooter a.selected {

	padding:22px 10px;

	color: #005b92;

	background:#fff;

}





#ShareBar ul li {

	display:inline;

	padding:0 0 0 35px;

	float:left;

	width:25px;

}

#ShareBar ul li a span {

	text-indent:-10000px;

	display:block;

	float:left;

}

#GlobalFooter ul li {

	font-size:9px;

	padding:0 0 0 30px;

}

#gbody #ShareBar ul li#f {

	padding-left:0;

}

#ShareBar ul li a {

	float:left;

	display:block;

}

#ShareBar ul li a#fb {

	background:url(../img/shareBar.png) no-repeat 0 0;

	display:block;

	width:22px;

	height:25px;

}

#ShareBar ul li a#tw {

	background:url(../img/shareBar.png) no-repeat -57px 0;

	display:block;

	width:25px;

	height:25px;

}

#ShareBar ul li a#li {

	background:url(../img/shareBar.png) no-repeat -115px 0;

	display:block;

	width:22px;

	height:22px;

}



.landingContent {

	margin-left:300px;

	padding-top:40px;

	border-left:40px solid #fff;

	padding-bottom:30px;

}

.landingContent p{margin-bottom:25px;}

.landingContent ul {color:#4f504f; margin:0 0 20px 0; }

.landingContent ul li{line-height:18px;}

.bodImg{float:left;margin:0 20px 0 0}

/* Global Elements */





/* Hompeage */

#HeroAction {

	float:left;

	width:812px;

	height:260px;

	position:absolute;

	margin:5% 0 0 191px;

}

#HeroAction  {

	background: url(../img/hero1Callout.png) no-repeat;

	width:812px;

	height:260px;

	display:block;

}

#HeroAction  span {

	display:block;

	text-indent:-1000px;

}

#subh1 a, #subh2 a, #subh3 a{

	width:219px;

	height:128px;

	display:block;

}

#SubHeroAction {

	position:absolute;

	left:250px;

	top:60%
	
	}

#SubHeroAction ul {

	list-style:none;

	display:block;

	float:center;

	width:100%;

}

#subh1 {

	background: url(../img/promo1_new.png) no-repeat;

	float:left;

	margin:0 30px 0 0px;

}

#subh1 a span, #subh2 a span, #subh3 a span {

	text-indent:-1000px;

	display:block;

}

#subh2 {

	background: url(../img/promo2_new.png) no-repeat;

	float:left;

}



}

#subh3 {

	background: url(../img/promo1_new.png) no-repeat;

	float:left;

}


/* Helper Classes */

.debug {

	background:green;

}



/* -----voice_voiceLanding-------- */

body.voiceLanding {

	/*background-image: url('../img/vinceSmith.jpg');

	background-repeat: no-repeat;

	background-attachment:fixed;

	background-position: -200px 0;*/

}



.subContainer {background:url(../img/subContainer.jpg) repeat-y;	width:132px;float:left;	height:100%;}



.vinceSmithCont{background:url(../img/vinceSmith.jpg) no-repeat fixed -145px -30px; width:100%; height:100%;}

.jonCoxCont{background:url(../img/jonCox.jpg) no-repeat fixed -10px -30px;	width:100%;	height:100%;}

.richardMcwilliamsCont{background:url(../img/richardMcwilliams.jpg) no-repeat fixed  -120px -30px; width:100%;	height:100%;}

.hermanAndrewsCont{background:url(../img/hermanAndrews.jpg) no-repeat fixed  -120px -30px; width:100%; height:100%;}

.tonyaBooseCont{background:url(../img/tonyaBoose.jpg) no-repeat fixed  -120px -30px; width:100%; height:100%;}

.shedraJonesCont{	background:url(../img/shedraJones.jpg) no-repeat fixed 30px -30px;	width:100%;	height:100%;}

.larryPerkinsCont{background:url(../img/larryPerkins.jpg) no-repeat fixed  -120px -30px;	width:100%;	height:100%;}

.robertKnightCont{background:url(../img/robertKnight.jpg) no-repeat fixed  -120px -30px; width:100%; height:100%; }

.sylvesterFountainCont{background:url(../img/sylvesterFountain.jpg) no-repeat fixed  -10px -30px; width:100%; height:100%;}

.ronnieWheelerCont{background:url(../img/ronnieWheeler.jpg) no-repeat fixed  -170px -30px; width:100%; height:100%;}

.cedricHooperCont{background:url(../img/cedricHooper.jpg) no-repeat fixed  -100px -30px; width:100%; height:100%;}

.reggieMillerCont{background:url(../img/reggieMiller.jpg) no-repeat fixed  -145px -30px; width:100%; height:100%;}

.ruthieHaydenCont{background:url(../img/ruthieHayden.jpg) no-repeat fixed  -145px -30px; width:100%; height:100%;}

.jonCoxCont .contentHolder p,

.jonCoxCont .contentHolder .pagination,

.shedraJonesCont .contentHolder p,

.shedraJonesCont .contentHolder .pagination,

.sylvesterFountainCont .contentHolder p,

.sylvesterFountainCont .contentHolder .pagination{margin:0 0 10px 390px;}



.contentHolder {

	position:absolute;

	top:63px;

	left:350px;

	/*background:url(../img/bgLeftTextarea.gif) no-repeat;	*/

	width:634px; 

	height:480px; 



}





.contentHolder h1{

	color:#0278a8;

	font-size: 35px;

	text-transform:uppercase;

	margin:0 5px 10px 2px;

}

.contentHolder p{

	margin:10px 5px 10px 2px ;

	width:220px;

	line-height:17px;

}

.contentHolder .pagination {

	float:left;

	text-align:right;

	width:225px;

	position:absolute;

	top:435px;

	

	

}



.contentHolder .pagination .first{

	margin-right:2px;

}

.contentHolder .pagination .next{

	margin:0 2px;

}

.contentHolder .pagination a{

	text-decoration:none;

	color:#0278a8;

}



/* Begin: Article Landing *//*

html, body.articleLanding,

body.donateLanding {

	background-image: none;

}



.articleContent {

	padding-left:300px;

	padding-top:40px;

	border-left:40px solid #fff;

	padding-bottom:30px;

}

.articleContent p{margin-bottom:25px;}

.articleContent ul {color:#4f504f; margin:0 0 20px 30px;}

.articleContent ul li{line-height:18px;}

*/

ul.article2col {

	list-style:none;

	list-style-type:none;

	clear:right;

	width:600px;

}

ul.article2col li {

	list-style:none;

	width:280px;

	display:block;

	float:left;

	margin-bottom:30px; 

	margin-right:20px;

}

/* End: Article Landing */



/* Begin: Styles for FAQ : KV */



.faq {

	width:600px;

}



.faq h4 {	

	color: #4f504f;

	font-weight: normal;

}

/*

h1 {

	font-size: 35px;	

	font-weight:normal;

	color: #0278a8;	

	margin-bottom:20px;

}



h2 {

	font-size: 15px;	

	font-weight:bold;

	color: #005b92;	

	margin:5px 0;

}

h3 {

	font-size: 13px;	

	font-weight:bold;

	color: #4f504f;	

	margin:5px 0;

}





p a{

	color: #4f504f;	

	font-weight:bold;

	text-decoration:none;

}

*/

.faq ul.faqQues {

	list-style-type:none;

	margin-bottom:20px;

}



.faq ul.faqQues li {

	list-style:none;

}



.faq ul.faqQues li a {

	color: #22a3c2;	

	font-weight:bold;

	text-decoration:none;

	font-size: 13px;

}

.faq ul.faqAns {

	margin-left:40px;

	color: #4f504f;	

}



.faq ul.faqAns li {

}



.faq ul.faqAns li a {

	color: #22a3c2;	

	font-weight:bold;

}

/* End: FAQ : KV*/



/* Start: Privacy Policy : KV*/

.privacyPolicy {

	width:600px;

}

.privacyPolicy ol.numericList {

	padding-left:30px;

	color: #4f504f;	

	padding-bottom:10px;

}

.privacyPolicy ol.alphaList {

	list-style:lower-alpha;

	margin-left:30px;

	color: #4f504f;	

}

/* End: Privacy Policy : KV*/





/* Start: Donate Landing : PN*/

.donate {

	width:600px;

}

.donate p {

	margin:30px 0;

}

.donate .button {

	display: block; margin-bottom: 15px; height: 37px; text-indent: -999em; 

}

.donate .makeAPledge {

	background:url(../img/btn_makeAPledge.jpg) no-repeat; width: 177px;

}

.donate .makeADonation {

	background:url(../img/btn_makeADonation.jpg) no-repeat; width: 201px;

}

/* End: Donate Landing : PN*/



/* Vision Landing : PN*/

.vision {

	width:600px;

}

.vision ul {

	margin-left: 40px;

}



/* Need Help Landing : PN*/

.needHelp h2 {	

	font-size: 1.2em !important; color: #4f504f !important;

}



/* Photo Tour Landing : PN*/

.photoTour ul {

	list-style:none;

	list-style-type:none;

	clear:right;

	width:600px;

}

.photoTour ul li {

	list-style:none;

	display:block;

	float:left;

	margin-bottom:18px; 

	margin-right:18px;

}



/* Start: Partners */

.partners {

	width:600px;

}

.partners ol.numericList {

	padding-left:30px;

	color: #4f504f;	

	padding-bottom:10px;

}

.partners li {

	padding-bottom:5px;

}

.partners ul {

	margin-left: 40px;

}

/* End: Partners */



/* Vision Landing : PN*/

.getInvolved {

	width:600px;

}

.getInvolved ul {

	margin-left: 40px;

}

/* End: Vision Landing : PN*/



/* Resources Landing - Library : PN*/

.resources {

	width:600px;

}

.resources h2 a {

	text-decoration: none;

	color: #005b92;	

}

.resources h2 a img.pdfIcon {

	margin-bottom: -1px;

}

.resources ul {

	margin-left: 40px;

}

/* End: Resources Landing - Library : PN*/



/* Footer Styles : PN*/

.footer {

	width:600px;

}

/* End: Footer Styles : PN*/