/*------------------------------------------------------
GLOBAL ELEMENTS
------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	background:#DEE4E7;
	background:#95c5e7;
	background: #fff url(/images/bkgd4.jpg) top center repeat-x;

}
a {
	color: #003166;	
	text-decoration: none;
    font-weight: bold;
}
a:visited {
	color: #336699;	
	text-decoration: none;
}
a:hover {
	color: #C13003;	
    text-decoration: underline;
}

h1, h2, h3 span {
	display: none;
}

/*------------------------------------------------------
C O N T A I N E R
------------------------------------------------------*/
#wrapper {
	position: relative;
	margin: 0 auto 0 auto;
	text-align:center;
	width: 730px !important;
	width /**/: 750px;

	}

#bkgd {
	position: relative;
	width:100%;
	background-color: #fff; 	
}

#newheader {
	position: relative;
	width:100%;
	height:300px;
}
#wordmark{
	position: relative;
	float:left;
}
#feature {
	position: relative;
	float:right;
}

#container {
	position: relative;
	width:100%;
	padding: 0 50px 0 50px;	
	width: 640px !important;
	width /**/: 750px;	
/*	background: url(/images/background_container.gif) repeat-y; */
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:left;
}
#popContainer {
	position: absolute;
	top: 0;
	left: 50px;
	padding: 0 20px 0 20px;
	width: 351px!important;
	width /**/: 350px;
/*	background: url(/images/pop_container.gif) repeat-y; */
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
}
#pageHeader {
	width: 640px;
	height: 180px;
	background: url(/images/header2.jpg) top left no-repeat;
}
#popHeader {
	width: 260px;
	height: 50px;
	background: 0;
}
#intro {
	width: 460px;
}
#popIntro {
	width: 260px;
}
#quickSummary {
	margin: -10px 0 0 0;
}
#quickSummary .p1 {
	display: none;
}
#preamble {
	margin: 23px 0 30px 0;
	padding: 0;
	width: 420px !important;
	width /**/: 460px;
}
#preamble h3{
	margin: 0;
	padding: 0;
	width: 369px;
	height: 25px;
	background: url(/images/h_preamble2.gif) no-repeat;
	}
#preamble .p1 {
	padding: 0;
	margin: 5px 0 0 0;
}
#fellowship {
	margin: 20px 0 30px 0;
	padding: 0 0 0 30px;
	width: 420px !important;
	width /**/: 460px;
}
#fellowship h3{
	margin: 0;
	padding: 0;
	width: 265px;
	height: 20px;
	background: url(/images/h_fellowship.gif) no-repeat;
	}
#fellowship .p1 {
	padding: 0;
	margin: 5px 0 0 0;
}
#discussionswt h3{
	margin: 0;
	padding: 0;
	width: 396px;
	height: 65px;
	background: url(/images/h_discussions_wt.gif) no-repeat;
	}
#discussionwtText {
	padding: 0 30px 0 0;
	padding-bottom: 0;
	width: 408px !important;
	width /**/: 468px;
}
#discussionwtText-archive {
	padding: 0 30px 0 20px;
	padding-bottom: 0;
	width: 408px !important;
	width /**/: 468px;
}

.bodytext { text-align:left;}

#thought h3{
	margin: 0;
	padding: 0;
	width: 265px;
	height: 20px;
	background: url(/images/h_thought.gif) no-repeat;
	}
#event h3{
	margin: 0;
	padding: 0;
	width: 265px;
	height: 20px;
	background: url(/images/h_event.gif) no-repeat;
	}
#eventCalendar h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_event_calandar.gif) no-repeat;
}
#inspiration h3 {
	width: 396px;
	height: 25px;
	margin-top:33px;
	background: url(/images/h_inspiration.gif) no-repeat;
}

/*------------------------------------------------------
S U P P O R T I N G   T E X T 
------------------------------------------------------*/

#supportingText {
	width: 460px;
}
#supportingText {
	padding: 0 30px 30px 0;

	width: 408px !important;
	width /**/: 468px;
/*	background: url(/images/background_supportingtext.gif) repeat-y; */
	color: #000000;
}
.textbody {
	margin: -30px -30px 0 -30px ; 
	padding: 30px 30px 0 30px;
/*	background: url(/images/i_supportingtext_header.gif) no-repeat; */
}
#audio h3 {
	width: 369px;
	height: 25px;
	background: url(/images/h_audio.gif) no-repeat;
}
#music h3 {
	width: 369px;
	height: 25px;
	background: url(/images/h_music.gif) no-repeat;
}
#audioRequest h3 {
	width: 369px;
	height: 25px;
	background: url(/images/h_audio_request.gif) no-repeat;
}
#podcast h3 {_

	width: 369px;
	height: 25px;
	background: url(/images/h_podcast.gif) no-repeat;
}
#podcastRequest h3 {
	width: 369px;
	height: 25px;
	background: url(/images/h_podcast_request.gif) no-repeat;
}
#church h3 {
	width: 369px;
	height: 25px;
	background: url(/images/h_church.gif) no-repeat;
}
#minister h3 {
	width: 369px;
	height: 25px;
	background: url(/images/h_minister.gif) no-repeat;
}
#sermon_series h3 {
	width: 369px;
	height: 25px;
	background: url(/images/h_sermon_series.gif) no-repeat;
}
#sermon_series h3.nil_img {
	color:black;
	width: 369px;
	height: 25px;
	background:0;
}
#believe h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_believe.gif) no-repeat;
}
#baptism h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_baptism.gif) no-repeat;
}
#fyi h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_fyi.gif) no-repeat;
}
#guestbooksign h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_guestbooksign.gif) no-repeat;
}
#guestbook h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_guestbook.gif) no-repeat;
}
#contact h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_contact.gif) no-repeat;
}
#directions h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_directions.gif) no-repeat;
}
#directions h3.headline {
	margin-top:10px;
	margin-bottom:-5px;
	padding-bottom:0;
	font-size:1.15em;
	color:black;
	background:0;	
}

#discussions h3 {
	width: 396px;
	height: 65px;
	background: url(/images/h_discussions.gif) no-repeat;
}
#links h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_links.gif) no-repeat;
}
#newsletter h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_newsletter.gif) no-repeat;
}
#philosophy h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_philosophy.gif) no-repeat;
}
#programs h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_programs.gif) no-repeat;
}
#quiz h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_quiz.gif) no-repeat;
}

#quiz-frame IFrame { border:0;font-family: "Trebuchet MS", Arial, Verdana, sans-serif; }

#requirements h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_requirements.gif) no-repeat;
}
#scrapbook h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_scrapbook.gif) no-repeat;
}
#sermonNotes h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_sermon_notes.gif) no-repeat;
}
#sermonSchedule h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_sermon_schedule.gif) no-repeat;
}
#thingsAbove h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_things_above.gif) no-repeat;
}
#thingsArchive h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_things_archive.gif) no-repeat;
}
#church,#minister,#believe,#directions,#requirements,#sermon_series {
	margin-bottom: 30px;
}
.p1,.p2,.p3,.p4,.p5 {
	margin-top: 10px;
}
.p1-archive {
	margin-top: 10px;
	margin-left: 15px;
}
.p5 {
	padding: 10px;
}
p.image {
	float: right;
	font-size: 10px;
	text-align: center;
	color: #564A32;
	padding: 1.25em 1.25em 0.25em 0.25em;
}
p.map {
	float: right;
	font-size: 10px;
	text-align: center;
	color: #564A32;
	padding: 1.25em 1.25em 0.25em 0.25em;
	border: border:1x solid #333;
}
p.image img {
	display: block;
	border: none;
}
.smalltext { 
    color: black; 
	font-size: 10px; 
	font-family: "Trebuchet MS", Arial, Verdana, Sans-serif; 
}
.headline { 
    font-size: 18px; 
	font-weight: bold;
	color: #003166;
	font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
	padding: 10px 0; 
}
/*------------------------------------------------------
FOOTER
------------------------------------------------------*/

.footer {
	margin: 0 -30px; 
	padding: 0px 30px 0px 30px;
	height: 20px !important;
	height /**/: 70px;
/*	background: url(/images/background_footer.gif) no-repeat; */
}

/*------------------------------------------------------
PULL QUOTE
------------------------------------------------------*/
#pullquote {
	float: right;
	width: 140px;
	font-size: 16px; 
	font-weight: bold;
	color: #2968B5;
	font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
	margin: 5px 7px; 
	padding: 3px 2px;
	border-top: solid 4px #003166;
	border-bottom: solid 2px #003166;
}
/*------------------------------------------------------
FORM BUTTONS
------------------------------------------------------*/
.submit
{
border: 3px double #958C77;
border-top-color: #C7C1B1;
border-left-color: #C7C1B1;
padding: 0.25em;
background-color: transparent;
background-image: url(/submit.gif) repeat-x;
font-size: 100%;
font-weight: bold;
font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
} 

/*------------------------------------------------------
NAVIGATION COLUMN
------------------------------------------------------*/
#linkList {
	position: absolute;
	top: 210px;
	left: 525px;
	left: 500px;
	width: 177px;
    text-align: left;
/*	background: url(/images/bg.gif) repeat-y; */
}

/*------------------------------------------------------
NAVIGATION
------------------------------------------------------*/
.navigation {
	margin-top: 0px;
	padding-bottom: 5px;
	width: 177px;
	height: 31px;
	background: url(/images/h_destinations2.gif) no-repeat;
	border-bottom:1px solid #ccc;
	
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
}

#nav ul li {
	position:relative;
	width: 150px;
	width: 157px;
	padding: 5px 0 5px 20px;
	display: block;
/*
	background: url(/images/bullet_nav.gif) 14px 7px no-repeat; 
	border-bottom:1px solid #ccc;
*/

}

/* #nav ul li:hover { background: #A3D8F7;	color: #003; } */ /* Hover Styles */ 
#nav ul li:hover {	color: #C13003; } /* Hover Styles */

#nav ul li a {
	display: block;
	font-weight: bold;
 	color: #336699;
	color: #003166;
	text-decoration: none; 
	background: 0;
	line-height: 12px;
}

#nav ul li a:visited { 
	color: #336699; 
	background: 0; 
	text-decoration: none; } /* Visited Styles */
	
#nav ul li a:hover { color: #C13003; } /* Hover Styles */

ul ul {
	position:absolute;
	display:none;
	width:175;
	right: 174px; /* Set 1px less than menu width */
	top: 0;
/*
	background: transparent url(/images/ddbg3.gif) bottom left no-repeat; 
	border-top: solid 1px #003166;
	background: #A3D8F7;
	background: #EB008A;
	color: #003;

	border-top: solid 1px #003166;
	border-bottom: solid 1px #003166;
*/	
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background: #fff;

}

li ul li a { padding: 1px 0px; color: #003;} /* Sub Menu Styles */

li:hover ul ul, li.over ul ul { display:none;}

li:hover ul, li li:hover ul, li.over ul, li li.over ul { display: block;	} /* The magic */


/*------------------------------------------------------
CALENDAR
------------------------------------------------------*/
#googleCalendar {
/*
	width:440px;
	height:400px;
	border:1px solid red;
*/
	margin-top:15px;
}

.calandar {
	margin-top: 20px;
	padding-bottom: 5px;
	width: 177px;
	height: 31px;
	background: url(/images/h_calandar2.gif) no-repeat;
	border-bottom:1px solid #ccc;
}
#lcalandar ul {
	width: 176px;
	list-style-type: none;
}
#lcalandar ul li {
	width: 150px;
	width: 157px;
	padding: 5px 0 5px 20px;
	display: block;
/*	
background: url(/images/bullet_nav.gif) 14px 7px no-repeat;
	border-bottom:1px solid #ccc;
 */
 }
#lcalandar ul li:hover{ color: #C13003; }

#lcalandar ul li a{
	display: block;
	font-weight: bold;
	color: #003166;
	text-decoration: none;
	line-height: 12px;
}
#lcalandar ul li a:visited{
	color: #336699;
    text-decoration: none;
}
#lcalandar ul li a:hover{
	color: #C13003;
}

#lcalandar ul li a.c {
	color: #6689AF;
	display: inline;
	font-weight: bold;
}
#lcalandar ul li a.c:visited {
	color: #336699;
	text-decoration: underline;
}
#lcalandar ul li a.c:hover {
	color: #C13003;
	text-decoration: underline;
}


/*------------------------------------------------------
SOCIAL
------------------------------------------------------*/
#social {
	margin: -15px 0 10px 0;
	width: 100%;
	height:26px;
	text-align:center;
}
#social img {
	border:0;
}
#social table {
	width: 100%;
	border:0;
}
#social td {
	width:25%;
	text-align:center;
	vertical-align:top;
}
#social td.icon {
	vertical-align:middle;
}
#social a {
	font-weight: normal;
	color: #003166;
	text-decoration: none;
	border:0;
	font-size:7pt;
}

#social a:visited{
	color: #336699;
    text-decoration: none;
}
#social a:hover{
	color: #C13003;	
}


/*------------------------------------------------------
SERMONS
------------------------------------------------------*/
.sermons {
	margin-top: 20px;
	padding-bottom: 5px;
	width: 177px;
	height: 31px;
	background: url(/images/h_sermons2.gif) no-repeat;
	border-bottom:1px solid #ccc;
}
#lsermons ul {
	width: 176px;
	list-style-type: none;
}
#lsermons ul li {
	width: 150px;
	width: 157px;	
	padding: 4px 0 4px 20px;
/*	
	background: url(/images/bullet_nav.gif) 14px 8px no-repeat; 
	border-bottom:1px solid #ccc;
*/
}
#lsermons ul li:hover {
	color: #C13003;
}
#lsermons ul li a{
	font-weight: bold;
	color: #003166;
	text-decoration: none;
	line-height: 12px;
}

#lsermons ul li a:visited{
	color: #336699;
    text-decoration: none;
}
#lsermons ul li a:hover{
	color: #C13003;	
}


/*------------------------------------------------------
MUSIC
------------------------------------------------------*/
.musics {
	margin-top: 20px;
	padding-bottom: 5px;
	width: 177px;
	height: 31px;
	background: url(/images/h_musics2.gif) no-repeat;
	border-bottom:1px solid #ccc;
}
#lmusics ul {
	width: 176px;
	list-style-type: none;
}
#lmusics ul li {
	width: 150px;
	width: 157px;	
	padding: 4px 0 4px 20px;
/*	
	background: url(/images/bullet_nav.gif) 14px 8px no-repeat; 
	border-bottom:1px solid #ccc;
*/
}
#lmusics ul li:hover {
	color: #C13003;
}
#lmusics ul li a{
	font-weight: bold;
	color: #003166;
	text-decoration: none;
	line-height: 12px;
}

#lmusics ul li a:visited{
	color: #336699;
    text-decoration: none;
}
#lmusics ul li a:hover{
	color: #C13003;	
}


/*------------------------------------------------------
Navigation Footer
------------------------------------------------------*/

.navFooter {
	margin-top: 20px;
	padding-bottom: 0px;
	width: 190px;
	height: 42px;
/*	background: url(/images/bg_footer.gif) no-repeat; */
}
/*------------------------------------------------------
DISCUSSIONS
------------------------------------------------------*/
#discussions ul {
	width: 350px;
	list-style-type: none;
}
#discussions ul li {
	width: 325px;
	padding: 4px 0 4px 30px;
	background: url(/images/bullet_nav.gif) 14px 8px no-repeat;
}
#discussions ul li a{
	font-weight: bold;
	color: #003166;
	text-decoration: none;
	line-height: 12px;
}
#discussions ul li a:visited{
	color: #336699;
    text-decoration: underline;
}
#discussions ul li a:hover{
	color: #2968b5;
    text-decoration: underline;
}
.discussionsfooter {
	margin: 0 -30px; 
	padding: 40px 30px 0px 15px;
	height: 20px !important;
	height /**/: 70px;
/^	background: url(/images/discussions_footer.gif) no-repeat; */
}
.subject {
	width: 342px;
	padding: 0;
	text-align: left;
}
.post {
	width: 342px;
	padding: 0;
	text-align: justify;
}
.name {
	width: 161px;
	padding: 5px;
	text-align: right;
}
.caption {
	width: 161px;
	padding: 5px;
	text-align: right;
}

/* caption ballon */
.TcornerLeft {
	width: 39px;
	height: 33px;
	padding: 0;
	background: url(/images/caption/tl_corner.gif) no-repeat;
}
.top {
	width: 342px;
	height: 33px;
	padding: 0;
	background: url(/images/caption/top.gif) repeat-x;
}
.TcornerRight {
	width: 39px;
	height: 33px;
	padding: 0;
	background: url(/images/caption/tr_corner.gif) no-repeat;
}
.leftMiddle {
	width: 39px;
	padding: 0;
	background: url(/images/caption/l_middle.gif) repeat-y;
}
.rightMiddle {
	width: 39px;
	padding: 0;
	background: url(/images/caption/r_middle.gif) repeat-y;
}
.BcornerLeft {
	width: 39px;
	height: 42px;
	padding: 0;
	background: url(/images/caption/bl_corner.gif) no-repeat;
}
.BcornerRight {
	width: 39px;
	height: 42px;
	padding: 0;
	background: url(/images/caption/br_corner.gif) no-repeat;
}
.bottomLeft {
	width: 171px;
	height: 42px;
	padding: 0;
	background: url(/images/caption/bottom_left.gif) repeat-x;
}
.bottomRight {
	width: 171px;
	height: 42px;
	padding: 0;
	background: url(/images/caption/bottom_right.gif) no-repeat;
}
.caption {
	width: 171px;
	height: 48px;
	padding: 0;
	background: url(/images/caption/caption.gif) no-repeat;
}
td.background {
background-color:#FFFFFF;
}
/*------------------------------------------------------
AUDIO SERMONS
------------------------------------------------------*/

tr#podcast {
/* background: url(/images/table2.gif) repeat; */
}
tr#background {
background: url(/images/table2.gif) repeat;
}
td#sermon {
	width: 100%;
	padding: 5px;
/*	text-align: left; */
	text-align: center;
	
}
td#sermonsubscribe {
	width: 100%;
	text-align:center;
	background-color:#D4FFFF;
}
td#sermonsubscribe a {
}
td#sermonsubscribe img {
	vertical-align:middle;
	border:0;
}
td#date{
	width: 70px;
	padding: 5px;
	text-align: right;
	color: #666666;
}
td#sermon a {
	font-weight: bold;
	color: #003166;
	text-decoration: none;
	background: 0;
	}

td#sermon a:visited { color: #336699; text-decoration: underline; background: 0; }
td#sermon a:hover { color: #FF6600; background: 0; }

/*------------------------------------------------------
CALENDAR page
------------------------------------------------------*/

.headline {
font-size: 12px;
font-weight: bold;
color: #000000;
}
.subhead {
font-size: 12px;
color: #000000;
}
.italics {
font-size: 11px;
color: #666666;
}


/*------------------------------------------------------
GC3 Stuff
------------------------------------------------------*/
.transparent_class {
/*
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
*/
}

/*------------------------------------------------------
FLICKRSHOW in header
------------------------------------------------------*/
#flickrshow { position:relative; float:right; height: 180px; width: 250px; padding:0; margin:0; overflow: hidden;}
#flickrshow img { border:none;}