/* xhtml/css; content design & CSS by Sam Cavender. Partial meta tabs css architecture by Andreas Viklund. Little bits and pieces by the whole internet. */




body {
padding: 0;
margin: 0;
font: 84% gill, verdana, sans-serif;
background: #ffffff url(pics/bg_main.jpg) repeat-x;
background-attachment:fixed;
color: #3a3d45;
text-align: justify;
}


#shadow {
margin: auto auto auto auto;
width: 1000px;
background: transparent url(pics/shadow.png) no-repeat;
background-position: top center;
background-attachment:fixed;
}

#shadow_index {
margin: auto auto auto auto;
width: 1000px;
background: transparent url(pics/shadow_index.png) no-repeat;
background-position: top center;
background-attachment:fixed;
}



#container {
margin: auto auto auto auto;
width: 798px;
background: #ffffff;
}

#column {
width: 175px;
}

#desc {
clear: both;
height: 70px;
margin: 0 0 0 0;
}

#descindex {
clear: both;
height: 200px;
margin: 0 0 0 0;
}

#main {
width: 528px;
border-left: 1px solid #d7d7d7;
background: #ffffff url(pics/bg_body.jpg) repeat-x;
padding: 30px 25px 0 25px;
float: right;
}


#main_nonav {
width: 778px;
background: #ffffff;
padding: 0px 10px 0px 10px;

}

#main_forms {
width: 738px;
background: #ffffff;
margin: 25px;
float:center;
}

#main_fullpage {
background: #ffffff;
float:center;
}

#main_toptabs {
width: 528px;
border-left: 1px solid #ffffff;
background: #ffffff url(pics/bg_body.jpg) repeat-x;
padding: 0px 15px 0 35px;
float: right;
}

#main_wp {
width: 578px;
border-left: 1px solid #d7d7d7;
background: #ffffff;
padding: 0px 0px 0px 0px;
float: right;
}

#sidebar {
float: left;
width: 218px;
background: #ffffff url(pics/bg_sidebar.jpg) repeat-x;
margin: 0;
}

#search {
margin: 0px 0px 0px 15px;
}
#searchindex {
margin: -10px 0px 0px 0px;
}
#calendar {
width: 798px;
background: #ffffff url(pics/bg_body.jpg) repeat-x;
float: right;
}





/* ######### Style for toptabs ################################# */



.activetoptab {
padding: 0px 5px 0px 12px;
position: relative;
top: 2px;
text-decoration: none;
font-weight: bold;
background: #dee1f6 url(pics/toptab.gif) bottom left no-repeat;
color: #616161;
}
.activetoptab:hover {
background: #d0d0d0 url(pics/toptab.gif) bottom left no-repeat;
color: #49474f;

}




.toptab {
padding: 0px 5px 0px 12px;
position: relative;
bottom: 1px;
border-top: 3px solid #555b75;
color: #414154;
text-decoration: none;
background: #64a8dd url(pics/toptab.gif) bottom left no-repeat;
}
.toptab:hover {
position: relative;
top: 2px;
background: #cdd6fb url(pics/toptab.gif) bottom left no-repeat;
text-decoration: none;
}


/* ######### Style for text ################################# */


p {
margin: 0 15px 0px 0;
color: #333333;
line-height: 1.2em;
text-align: justify;
}



a {
text-decoration: underline;
color: #5e5e5e;
}
a:hover {
color: #232323;
}

a:link, a:visited {
	outline: none;
}


h1 {
padding: 120px 15px 5px 0;
font-size: 1.2em;
font-weight: 600;
color: #31323e;
}

h1 a{
text-decoration: none;
color: #018ad8;
}

em
{
color: #018ad8;
font-style: normal;
}
 



h2 {
padding: 10px 15px 5px 0;
font-size: 1.2em;
font-weight: 600;
color: #8d8c8c;
}



h3 {
padding: 10px 15px 5px 0;
font-size: 1.2em;
font-weight: 600;
color: #31323e;
}



h4 {
padding: 20px 15px 4px 0;
margin: -10px 0 0 0;
font-size: 1.2em;
font-weight: 600;
color: #31323e;
}





/* ######### Style for nav Drop Down  ################################# */



h5 {
	margin: 0px 2px 0px 2px;
	padding: 8px 12px;
	font-size: 12px;
	font-weight: 400;
	color: #222222;
	background: #fff;
	cursor: pointer;
border-top: 1px solid #d7d7d7;

}


h5 a:link, h5 a:visited {
	font-weight: 400;
	display: block;
	text-decoration: none;
	color: #d8d8d8;
}

h5 a:hover, h5 a:active {
	color: #000;

}


h5.vision, h5.ministry, h5.contact {
	background: #fff;
}

h5.churches, h5.children, h5.communicate {
	background: #fff;
}




.links{
margin: 0px;
display: inline;
}


.links a{
cursor: pointer;
margin: 0px 2px 0px 2px;
padding: 5px 5px 5px 20px;
border: 1px solid #ffffff;
	font-weight: 400;
	display: block;
	text-decoration: none;
	color: #626262;
}

* html .links a{ /*IE only hack*/
width: 100%;
}

.links a:hover{ /*THEME CHANGE HERE*/
background: #ccd9e2;
color: #000;
border: 1px solid #d1d1d1;
}

.subsection{
padding: 0px 0px 0px 10px;
}




/* ######### Style for pictures ################################# */



div.pic {
float: left;
background: url(pics/dropshadow.jpg) bottom left repeat-x;
padding: 0 0 0 0;
margin: 0 15px 0 0;
}
div.pic img {
display: block;
position: relative;
top: -6px;
left: 0;
}
div.pic a {
color: #ffffff;
border: 0px solid #ffffff;
text-decoration: none;
}

div.picright {
float: right;
background: url(pics/dropshadow.jpg) bottom left repeat-x;
padding: 0 0 0 0;
margin: 10px 25px 10px 5px;
}
div.picright img {
display: block;
position: relative;
top: -6px;
left: 0;
}
div.vidright {
float: right;
margin: 5px 25px 10px 5px;
}

div.shadow {
float: left;
background: url(pics/dropshadow.jpg) bottom left repeat-x;
}
div.shadow img {
display: block;
position: relative;
top: -6px;
left: 0;
}





/* ######### Style for dropdown information boxes and link bars ################################# */





.dhtmlgoodies_question{	
color: #31323e;
width: 500px;
background-image: url('pics/dropdownup.gif');
padding-top: 2px;
margin-bottom: 4px;
padding-bottom: 2px;
padding-left: 20px;
overflow: hidden;
cursor: pointer;
}

.dhtmlgoodies_question:hover{ 
background-image: url('pics/dropdownover.gif');
}

.dhtmlgoodies_answer{
border: 1px solid #abadc5;
background-color: #e5e7f7;
width: 498px;
visibility: hidden;
height: 0px;
overflow: hidden;
position: relative;

}
.dhtmlgoodies_answer_content{
padding: 12px;
position: relative;
}





.dhtmlgoodies_question_short{	
color: #31323e;
width: 400px;
background-image: url('pics/dropdownup_short.gif');
padding-top: 2px;
margin-bottom: 4px;
padding-bottom: 2px;
padding-left: 20px;
overflow: hidden;
cursor: pointer;
}

.dhtmlgoodies_question_short:hover{ 
background-image: url('pics/dropdownover_short.gif');
}

.dhtmlgoodies_answer_short{
border: 1px solid #abadc5;
background-color: #e5e7f7;
width: 398px;
visibility: hidden;
height: 0px;
overflow: hidden;
position: relative;

}
.dhtmlgoodies_answer_short_content{
padding: 12px;
position: relative;
}





div.link {
float: left;
font-size: 1em;
text-align: left;
padding: 5px 0px 8px 0px; 
margin: 5px 0 2px 0;
}
div.link a {
background: transparent url(pics/bar.gif) no-repeat;
color: #31323e;
padding: 5px 210px 5px 20px; 
text-decoration: none;
}
div.link a:hover {
background: transparent url(pics/bar_over.gif) no-repeat;
color: #000000;
}

div.linklong {
float: left;
font-size: 1em;
text-align: left;
padding: 3px 0px 2px 0px; 
margin: 8px 0 5px 0;
}
div.linklong a {
background: transparent url(pics/barlong.gif) no-repeat;
color: #31323e;
padding: 5px 40px 5px 20px; 
text-decoration: none;
}
div.linklong a:hover {
background: transparent url(pics/bar_overlong.gif) no-repeat;
color: #000000;
}


div.linkblog {
float: left;
font-size: 1em;
text-align: left;
padding: 5px 0px 5px 0px; 
margin: 5px 0 2px 0;
}
div.linkblog a {
background: transparent url(pics/bar.gif) no-repeat;
color: #31323e;
padding: 0px 140px 6px 20px; 
text-decoration: none;
}
div.linkblog a:hover {
background: transparent url(pics/bar_over.gif) no-repeat;
color: #000000;
}




/* ######### Style for text boxes ################################# */


.block {
background: #999ac7 url(pics/blockbg.gif) bottom right no-repeat;
padding: 15px;
margin: -10px 26px 5px 0px;
}

.block2 {
background: #cadaeb url(pics/blockinfo.gif) top right no-repeat;
border: 1px solid #acd5ec;
padding: 8px;
margin: 0px 26px 5px 0px;
}



.right {
text-align: right;
}
.center {
text-align: center;
}
.hide {
display: none;
}
.small {
font-size: 0.4em;
text-decoration: none;
}
.hidden_content {
display:none;
}


#searchbox {
background-color: #e8eaef;

width: 500px;
border: 1px solid #acd5ec;

padding: 15px;
}






/* ######### Style for footer ################################# */



#footer {
clear: both;
background: #ffffff;
padding: 8px 0px 10px 0px;
border-top: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
color: #9193b1;
text-decoration: none;
text-align: center;
}

#footer a {
text-decoration: none;
font-style: normal;
color: #9193b1;
}
#footer a:hover {
text-decoration: underline;
color: #45465c;
}
#footerimg {
background: url(pics/footer_shadow.jpg) no-repeat;
background-position: top center;
}