﻿*{
margin:0px;
padding:0px;
}
img{border:0px}
html{
width:100%;
height:100%;
}
body{
	width: 842px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	font-size: 67.5%;
}
html > body{
min-height:100%;
height:auto
}
#mainWrapper {
	/*	width: 850px;*/
	vertical-align: top;
}
#header{
	background-image: url('../images/header_back.jpg');
	background-position: right top;
	background-repeat: no-repeat;
	padding: 20px 0 0 55px;
	height: 180px;
}
#logoWrapper{
	background-image: url('../images/logo_gnp.gif');
	background-repeat: no-repeat;
	height: 55px;
	float: left;
	margin-top: 100px;
	width: 110px;
	margin-left: -14px;
}

#header img{float:left}
#small{
	float: right;
	margin: 7px 90px 0 0
}
#small a{
display:block;
float:left;
margin:0 0 0 11px
}
		/* nav - Titles */
div#nav {
	background-position: bottom;
	clear: left;
	float: left;
	margin-top: -5px;
	overflow-x: hidden; /*overflow: auto;*/;
	padding-right: 15px;
	height: 36px;
	background-repeat: repeat;
	width: 827px;
	background-image: url('../images/menubg.gif');
	margin-bottom: 4px;
	background-color: #C6C3C6;
}
div#nav ul {
	clear: both;
	margin: 6px 0 0 0px;
	padding: 0 10 0 10;
	width: 700px;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
div#nav ul li {
	list-style: none;
	background: url('../images/nav2_separator.png') no-repeat;
	display: block;
	float: left;
}
div#nav ul li a {
	background-position: center top;
/*	padding: 8px 15px;*/	display : block;
	float: left;
	color: #014874;
	text-decoration: none;
	font-weight: bold;
	background-image: url('../images/button.gif');
	width: 93px;
	background-repeat: no-repeat;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	line-height: 22px;
	margin-right: 4px;
}
div#nav ul li a:hover {
	color: #009933;
	background: #BBBBBB;
}

		/* NAVIGATION - DropDown Menu - */	
div#nav ul li div {
	overflow: hidden;
	margin: 30px 0 0 -200px;
	padding: 0;
	float: none;
	display: none;
	position: absolute;
	border: 1px solid #b2b2b2;
	background: #e5e5e5 url('../images/nav/nav_sub_side.jpg') no-repeat;
	z-index: 50;
}
div#nav ul li div ul {
	width: 400px;
	margin: 0;
	padding: 0;
	background: #4B961F url('../images/nav/nav_sub_bkg.jpg') no-repeat;
	padding: 15px;
}
div#nav ul li:hover div, div#nav ul li.hover div { display: block; }

		/* nav - Sub-Menu 1 */	
div#nav ul li div.single { width: auto; margin: 30px 0 0; }
div#nav ul li div.single ul { width: auto; }
div#nav ul li div.single ul li { float: none; clear: both; width: auto; }
div#nav ul li ul li { margin: 3px 10px 3px 0; background: none; display: block; float: left; width: 190px; }
div#nav ul li ul li a {
	display: block;
	text-decoration: none;
	padding: 0 0 3px 0;
	border-bottom: 1px dotted #7BB666;
	color: #014874;
	font-size: 14px;
	background: none;
	float: none;
	font-weight: normal;
}
div#nav ul li ul li a:hover {
	background: none;
	text-decoration: underline;
	color: #FF9900;
}
         
		/* nav - Sub-Menu 2 */	
div#nav ul li ul li ul { width: auto; padding: 0; clear: both; display: block; position: relative; border: 0; float: none; margin: 7px; background: none; }
div#nav ul li ul li ul li { margin: 1px 0; float: none; }
div#nav ul li ul li ul li a { border: 0; font-size: 12px; font-weight: bold; }

		/* nav - Sub-Menu 3 */	
div#nav ul li ul li ul li ul { margin: 1px 0 1px 15px; }
div#nav ul li ul li ul li ul li a { font-size: 11px; font-weight: normal; padding: 0; }
		
div#nav ul li div#lastMenu { margin-left: -340px; }

#menu{
	background-image: url('../images/menubg.gif');
	background-position: left top;
	background-repeat: repeat-x;
	height: 29px;
	border-bottom: 1px solid #2B2B2B;
	border-left: 2px solid #2B2B2B;
	border-right: 1px solid #2B2B2B;
}
#menu li {
	text-align: center;
	width: 93px;
	height: 29px;
	color: #660066;
	list-style-type: none;
	font-size: 11px;
	font-variant: small-caps;
	text-indent: 0px;
	float: left;
}

/*#menu img{
float:left;
border-right:1px solid #2B2B2B
}
*/

#menu ul li a, {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #313031;
	white-space: nowrap;
	vertical-align: middle;
}


#below-header{
	height: 215px;
}
#below-header img{
	float: left;
	background-repeat: no-repeat;
	width: 399px;
}
#slogan{
width:496px;
height:215px;
float:left;
font-family:Arial;
font-size:11px;
color:#FDFFFA;
background-image:;
background-position:left top;
background-repeat:no-repeat
}
#slogan-tile{
	width: 440px;
	height: 215px;
	float: left;
	font-family: Arial;
	font-size: 1.10em;
	color: #FDFFFA;
	background-image: url('../images/slogan_tile.jpg');
	background-position: right top;
	background-repeat: no-repeat;
}
/*.slogantile{
	margin-top: 145px;
}*/
.slogantile{
	margin-top: 70px;
}

	
#slogan p, #slogan-white p{
display:block;
margin:115px 0 0 45px;
width:265px
}
#wrapper{
	margin: 0px;
	width: 850px;
	padding: 0 0 80px 0;
	font-family: Arial;
	font-size: 11px;
	color: #333333;
	display: table;
	background-color: #FFFFFF;
}
#big-column{
width:451px;
float:left;
display:inline;
margin:18px 29px 0 20px;
/ margin-right:28px;
}
#big-column p {
	padding: 17px 0 0 0;
	color: #FF3300;
}
.title{
padding:17px 0 0 0
}
#big-column p img{
float:left;
margin:0 25px 25px 2px
}
#small-column{
width:495px;
float:left
}
#special{
width:495px;
float:left;
background-color:#D7E1C9;
padding:0 0 60px 0;
margin:0 0 60px 0;
}
#special p{
width:285px;
display:block;
margin:-20px 0 10px 142px
}
#special a{
display:block;
color:#FFFFFF;
text-decoration:none;
padding:1px 4px;
background-color:#678E33;
float:left;
display:inline;
margin:0 0 0 142px
}
.offer{
	margin: 0 0 0 10px;
	float: left;
	display: inline;
}
.offer ul{
width:452px;
margin:25px 0 0 0
}
.offer li, .services li{
list-style-type:none;
background-image:url('../images/arrow.gif');
background-position:0px 3px;
background-repeat:no-repeat;
line-height:20px;
padding:0 25px 0 28px;
width:170px;
float:left
}
.offer a, .services a{
color:#666666;
text-decoration:underline
}
.offer a:visited, .services a:visited{text-decoration:underline}
.offer a:hover, .services a:hover{text-decoration:none}
#footer{
	width: 842px;
	background-image: url('../images/footerbg.gif');
	background-position: left top;
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 11px;
	color: #D7E1C9;
	text-align: center;
	padding: 10px 0;
	line-height: 18px;
	bottom: 0px;
	left: 0px;
}
#footer a{
color:#D7E1C9;
text-decoration:none;
margin:0 7px
}
#footer a:visited{text-decoration:none}
#footer a:hover{text-decoration:underline}
#footer .bft{
color:#78B624;
text-decoration:none;
margin:0 2px
}
#footer .bft:visited{text-decoration:none}
#footer .bft:hover{text-decoration:underline}

.news{
	width: 190px;
	float: left;
	margin-top: 18px;
	margin-right: 0;
	margin-bottom: 0;
	display: inline;
	padding-left: 8px;
}
.news span{
display:block;
width:68px;
text-align:center;
color:#ffffff;
font-weight:bold;
background-color:#6C9538;
padding:2px 0;
margin:0 0 5px 0
}
.news h4{
	display: block;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	background-color: #6C9538;
	padding: 0px;
	margin: 0;
	width: 185px;
	text-decoration: none;
}
.directions a{
	font: menu;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
	font-variant: small-caps;
}
.more a{
	color: #1C5574;
	text-decoration: underline;
	margin: 5px 0 10 0
}
.more a:visited{text-decoration:underline}
.more a:hover{text-decoration:none}
.news a{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
}
.news p{
display:block;
padding:19px 0 0 0
}
.about p{
	padding: 6px;
}
.about{
	width: 410px;
	font-size: 1.10em;
	float: left;
	margin: 18px 0 0 15px;
	display: inline;
}
.about h1 {
	color: #3366CC;
}
.about h2 {
	padding: 6px;
	color: #3366CC;
	text-align: right;
}

.about h3 {
	padding: 6px;
	color: #3366CC;
	text-align: center;
	float: none;
}
.about dt {
	font-weight: bold;
	color: #008000;
	padding-top: 16px;
	margin-bottom: 2px;
	text-decoration: underline;
}
.form_required{
	color: #FF0000;
}

.services{
width:185px;
float:left;
margin:18px 0 0 10px;
display:inline;
}
.services ul{
width:185px;
margin:25px 0 0 0
}
.services li{
padding:0 0 0 28px;
}
.clearBoth {
	clear: both;
	}

.prayer {
	color: #5E9908;
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	margin-top: 0;
	font-style: oblique;
	font-family: "Times New Roman", Times, serif;
}
#wrapperprayer{
	background-position: left top;
	margin: 0px;
	width: 850px;
	padding: -10 0 80px 0;
	font-family: Arial;
	font-size: 11px;
	color: #333333;
	display: table;
	background-image: url('../images/bg_content.jpg');
	background-repeat: no-repeat;
}
.aboutprayer{
	background-position: left top;
	width: 500px;
	font-size: 1.10em;
	float: left;
	margin: 18px 0 0 0px;
	display: inline;
	background-image: url('../images/bg_prayer.jpg');
	background-repeat: no-repeat;
	height: 394px;
	padding-left: 15px;
}
.aboutRight{
	width: 325px;
	font-size: 1.10em;
	float: left;
	margin: 4px 0 0 5px;
	display: inline;
}
