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

body {
	background:#ddd8d0;
	background-image:url(../images/linePattern-trans.png);
	background-repeat:repeat;
	margin-top:0px;
}

a
{
    color:#6699cc;
}
a:visited
{
    color:#6633FF;
}

.wrapper {
	margin-left:auto;
	margin-right:auto;
	width:1020px;
	border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
}
.logo {
	background-image:url(../images/logo-trans.png);
	background-repeat:no-repeat;
	width:477px;
	height:160px;
	top:15px;
	left:29px;
	position: absolute;
}

.icons{
background:url(/images/three-Icons-trans.png) no-repeat 0 70px;
height:370px;
}   

h2
{
    color:#6699cc;
	font-family:"Trojan Pro", Times, serif;
	font-size:2em;
	font-variant:normal;
	text-transform:uppercase;
	letter-spacing:0.08em;
	line-height:1em;
	padding-bottom:8px;
	font-weight:lighter;
}



.largeButtons {
	width:299px;
	height:86px;
	margin-bottom:5px;
}
.footerContainer {
	background-color: #a18e75;
	width: 960px;
	margin-top:10px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding:10px 0px 10px 0px;
	color:white;
}
.mainContainer {
	background-color: #003366;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position:relative;
}
.mainNav_background {
	background-image: url(../images/rotatingImage.jpg);
	background-repeat: no-repeat;
	height: 227px;
	width: 960px;
	position: relative;
}
.threePortals {
	margin-top: 10px;
}
.threePortals ul{
list-style:none;
margin:0;
padding:0;
}
.threePortals a.newhere{
background:url(/images/tabs-new-here-trans.png) no-repeat;
display:block;
width:299px;
height: 86px;
margin-bottom: 5px;
}
.threePortals a.newhere:hover{
background:url(/images/tabs_newOrange-trans.png) no-repeat;
}

.threePortals a.worship{
background:url(/images/tabs_services-trans.png) no-repeat;
display:block;
width:299px;
height: 86px;
margin-bottom: 5px;
}
.threePortals a.worship:hover{
background:url(/images/tabsOver_services-trans.png) no-repeat;
}
.threePortals a.school{
background:url(/images/tabs_school-trans.png) no-repeat;
display:block;
width:299px;
height: 86px;
margin-bottom: 5px;
}
.threePortals a.school:hover{
background:url(/images/tabs_Over_school-trans.png) no-repeat;
}
.threePortals a span{
display:none;
}
.contentWrapper {
	color: White;
    margin: 10px 15px 15px 15px;
}
.mainContainer hr {
	position:absolute;
	width:940px;
	margin:63px 0px 0px 10px;
	padding:0px 0px 10px 0px;
}

.home .mainContainer hr
{
    position:absolute;
	width:630px;
	margin:63px 0px 0px 310px;
	padding:0px 0px 10px 0px;
	
}
/*Navigation in the footer*/

ul.footerNav {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing:0.08em;
	margin:0px;
	
}
ul.footerNav li {
	display:inline;
}
ul.footerNav a {
	padding: 0px 0px 0px 8px;
	margin-right:2px;
	text-decoration:none;
	color:#FFF;
	border-left:1px solid #FFF;
}
ul.footerNav a:hover {
	color:#000;
}

ul.footerNav li:first-child a{
	border-left:none;
}



/* navigation styles */
#nav {
position: absolute;
top: 180px;
padding: 0;
margin: 0 0 0 -35px;
z-index:100;
}

#nav li {
	padding: 0;
	line-height: 36px;
	float: left;
	list-style-type: none;
	text-align: center;
	margin:-2px 0px 0px -4px;
	
}

#nav ul ul {
background-color: #fff;
width: 120px !important;
padding: 0;
margin: 0 0 0 4px;
}

#nav li a {
color: #003366;
text-decoration: none;
font-size: 1.1em;
display: block;
background:url(/images/top_navButton-trans.png) no-repeat;
width: 110px;
padding: 0 0 0 0px; }

#nav li li {
background: none;
text-align: left;
margin: 0;
padding: 0 9px 0 1px;
}

#nav li li a {
display: block;
background: none;
margin: 0 -16px 0 16px;
padding: auto;
}

#nav li a:hover {
background:url(/images/top_navButtonOver-trans.png) no-repeat;
}

#nav li a.active {
    background: url(/images/youarehere_button.png) no-repeat 0px 50%;
}
#nav li li a:hover {
    background: none;
}
#nav li li:hover {
    background: none;
    background-color: #6699cc;
}
#nav ul li ul {
    position: absolute;
    left: -999em;
}
#nav ul li:hover ul ul, #nav ul li.sfhover ul ul {
    left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
    left: auto;
}

h2 { margin-top: 1.25em;
letter-spacing:0.05em;
}