/* ----- CSS ----- */

*{margin:0; padding:0; list-style:none; }
html{}
body{
margin:0;
padding:0;
background:#006385 url(images/bg.gif) 50% 0 repeat-y;
text-align:center;
font: 100% "Trebuchet MS", "Gill Sans", verdana, arial, sans-serif;
}

/* ----- IDS ----- */

#container{
width:660px !important;
margin:0 auto;
padding:0 20px;
text-align:left; 
}

#header, #about-header, #contact-header, #teaching-header {width:660px; height:175px; }
#header {background:url(images/header1.jpg) no-repeat;}
#about-header {background:url(images/header3.jpg) no-repeat;}
#contact-header {background:url(images/header4.jpg) no-repeat;}
#teaching-header {background:url(images/header5.jpg) no-repeat;}

#mainContent{ 
	z-index:1; background:url(images/content_bg.gif) no-repeat;
	width:660px; height: 255px; padding:0; margin:0;
}
#primaryContent{ float:left; width:430px !important; width:/**/420px; padding:10px; }
#secondaryContent{float:right;width:190px;margin:10px 0 0;}

#left { margin-top:15px; float:left; width:200px;}
#right { float:right; width:220px; padding:none; margin-left:5px;}

#arrow {
position:absolute; top:-10px; right:-3px !important; right:/**/-4px; 
background:url(images/dld_arrow.gif) no-repeat;
width:80px; height:100px;
}

#downloads {
position:relative; background:#f0f4ff; width:155px;
float:right; margin:15px 2px 20px 2px;
padding:20px 50px 10px 10px; border:1px solid #ccc;
}

#devos {
background:url(images/devo.gif) -10px -10px no-repeat;
padding:0 5px 25px; margin:0 0 20px;
width:180px; border-bottom:1px solid #ccc;
}

#devos p{position:relative; top:15px; left:15px; margin:10px}

#footer{
border-top:1px solid #ccc;
font-size:0.8em; color:#666;
position:relative; top:50px; height:20px !important; height:/**/40px;
padding:10px; text-align:center;
clear:both;
}

/* ----- CLASSES ----- */

.hide{/* display:none; */}
.show{/* display:block; */}
.meta{
margin:-10px 0 0; padding:0 0 0 35px; font-size:0.7em; color:#666;
border-bottom:1px solid #000; width:60%;
}
.metadata {
border:1px solid #ccc; border-width:1px 0;
background:#f4f4f4; padding:2px; margin:5px 0;
font-size:0.8em;
}
.metadata a {font-size:1em;}
.info {
width:45%;
background:#f4f4f4;
border:1px solid #ccc; border-width:1px 0;
padding:5px; 
}
.lefty {float:left; margin:5px; padding:0;}
.post {padding-bottom:10px;}
.seg {clear:both; background:url(images/seg_bg.gif) 63% 0 repeat-y; }
.seg p {width:60%;}
.seg blockquote {float:right;}


/* ----- HEADINGS ----- */
h1, h2, h3 {font-family: "Trebuchet MS", verdana, arial, sans-serif; font-weight:bold;}
h1{font-size:1.6em; color:#006184;}
h2{font-size: 1.4em;}
#secondaryContent h2 {display:block; clear:both; }
.about {color:#ffbe00;}
#service {color:#842000}
#events{color:#846100}
#contact{color:#006184;}
#teach {color:#638600}

.post h2{
background:url(images/h2.gif) left 5px no-repeat;
padding:0 0 5px 35px; margin:0; color:#000
}

h2 a {text-decoration:none; color:#000;}

#secondaryContent h2 {font-size:1.2em; color:#666;border-bottom:double #666; margin:0 0 10px}
h2#teaching, h2#worsh {height:29px; margin:10px 0 0; padding:2px 0 0 35px; color:#fff; font-size:1em; border:none;}
h2#teaching {background:url(images/teaching.gif) no-repeat;}
h2#worsh {background:url(images/worship.gif) no-repeat;}

h3{font-size:1em; margin:; padding:; }
h3.min {background:#006385; padding:2px 2px 2px 10px; margin:0; color:#fff; font:bold 0.8em verdana, arial, sans-serif;}

/* ----- PARAGRAPHS ----- */

p{font-size:0.8em; color:#333; margin:10px 0;}

/* ----- QUOTES ----- */

blockquote{}
.seg blockquote {
font:1em georgia, "Times New Roman", sans-serif; width:30%; 
padding:50px 10px 10px 0; margin:0px; 
}
cite{font:;color:;}
blockquote cite{}



/* ----- LISTS ----- */

#secondaryContent ul {width:190px; margin:0 0 20px 0; padding:0;}
#secondaryContent li {width:180px;} 
#secondaryContent li a {
display:block; list-style:none;
font-size:0.8em; text-decoration:none;
line-height:22px; padding-left:10px;
border-bottom:1px solid #ccc;
}


ul#teach li a {background:#E7F1CB; color:#4F6219;}
ul#teach li a:hover {background:#D3DCB9; }
ul#worship li a {background:#F2E7E3; color:#852100}
ul#worship li a:hover {background:#D7CECA}

#primaryContent ul {margin:5px 0 20px; }
#primaryContent li {font-size:0.8em; background:url(images/bullet.gif) left 5px no-repeat;margin:10px 0; padding-left:15px;}
#primaryContent li a {font-size:1em}

ul.event {margin:0; padding:2px; background:#f4f4f4; border:2px solid #ccc; }
.event li {font:0.8em verdana, arial, sans-serif; color:#666; margin:0; padding:0; }

/*= LEFT DEFINITIONS
----------------------*/
#left dl {margin: 0 0 20px; padding:0; background:#F4E5E0; border-bottom:2px solid #852100}
#left dt {border-top:1px solid #fff; padding:5px}
#left dt a {font-size:1.2em; }
#left dt img {
float:left; border:1px solid #999; width:50px; height:50px;
padding:2px; margin:5px;
}
#left dd {padding:5px;}
#left dd p{font-size:100%;}
#left dd a {
font:bold 1em verdana, arial, helvetica, sans-serif;
padding-left:2px;
text-decoration:none; color:#006184
}
#left dd a:hover {text-decoration:none; color:#824000}
#left dd + dd {
margin:0 0 0 55px; padding-bottom:5px;
}
#left dd + dd +dd { margin:0; padding:0; height:7px;}

/*=MAIN NAVIGATION
------------------*/
ul#nav {height:39px; width:660px; position:relative; top:136px; z-index:100;}
ul#nav li{float:left; position:relative;}

#home a, #about a, #serve a, #ministry a, #events a {width:76px;}
#contact a {width:78px;}

ul#nav li a {
float:left; background:url(images/nav.gif) no-repeat;  text-decoration:none; text-align:center;
display:block; height:29px !important; padding:10px 0 0 0; color:#000; font-weight:bold;
}

ul#nav li ul {
display:none; position:absolute; top:39px; left:1px; background:#fff;width:150px;
background:url(images/nav_btm.gif) bottom no-repeat;
}

ul#nav li#about ul {background-color:#ffbe00;}
ul#nav li#serve ul {background-color:#842000;}
ul#nav li#ministry ul {background-color:#638600}
ul#nav li ul li {background:none;}
ul#nav li ul li a {
font-weight:normal; font-size:0.8em; width:135px; float:none; color:#fff; text-align:left; 
display:block; padding:0 0 0 5px; background:none;
}

ul#nav li ul li a:hover {text-decoration:underline;}
ul#nav li:hover ul, ul#nav li.over ul {display:block; z-index:100;}
li>ul {top:auto; left:auto; z-index:100;}
ul#nav li#home a {background-position: 0 0; }
ul#nav li#home a:hover {background-position: 0 -39px}

ul#nav li#about a {background-position: -77px 0; }
ul#nav li#about a:hover {background-position: -77px -39px}

ul#nav li#serve a {background-position: -154px 0;}
ul#nav li#serve a:hover {background-position: -154px -39px}

ul#nav li#ministry a {background-position: -230px 0; }
ul#nav li#ministry a:hover {background-position: -230px -39px}

ul#nav li#events a {background-position: -306px 0;}
ul#nav li#events a:hover {background-position: -306px -39px}

ul#nav li#contact a {background-position: -382px 0;}
ul#nav li#contact a:hover {background-position: -382px -39px}
/* ----- IMAGES ----- */

img{border:;}
img a{
border:;
text-decoration:;
}
img a:hover{border:;}

/* BREAK */

hr{/* display:none; */}

/* ----- TEXT FORMATTING ----- */

strong{}
em{}
b{}
i{}

/* ----- LINKS ----- */

a{font-size:0.8em; color:#842000; text-decoration:underline;}
a:hover{color:#c63000; text-decoration:none;}
a:focus{outline:none;}
p a{font-size:1em;}

/* ----- TABLES ----- */



/* ----- FORMS ----- */

form{ width:75%; margin:10px 0; padding:0;}
form div {clear:both; margin:1em 0; }
div label {float:left; font-size:1em; font-weight:bold; width:20%;}
div input, div textarea {float:right; width:75%; margin:0.25em 0; }
#contact-form div textarea, #comments div textarea{height:10em;}

.text{border:1px solid #ccc; padding:2px; margin:2px; width:70%}
.button {height:50px; width:150px; float:right}

.buttonHovered {
background:url(images/send.gif) 0 -50px no-repeat;
height:50px; width:150px; border:none; overflow:hidden; text-indent:-9000px
}

#error p, #namerr p {padding:5px; background:#f4f4f4; border:1px solid #ccc; font:bold 0.9em verdana, arial, sans-serif; color:red;}

textarea{
border:;
margin:;
padding:;
font-size:;
font-family:;
}
div>input, div>textarea{float:right;}
select{
border:;
margin:;
padding:;
font-size:;
font-family:;
}
optgroup{font:;}
option{font:;}
#secondaryContent label, #secondaryContent input {float:none;}

/* ----- DEFINITIONS ----- */
dl {margin:10px 0; color:#666; font-size:0.8em; }
dt {font-weight:bold;}
dl.times dt {margin:5px 10px 0 10px;}
dl.times dd {float:left; margin:0 10px 0 0;}
dd a {font-size:1em;}


/* =TABLE
----------*/
table {border:none;background:url(images/table_bg.gif) top repeat-x}
tr {border:none;}

td {
font-size:0.7em;
width:25px;
border-right:1px solid #C0BEBE;
border-bottom:1px solid #C0BEBE;
text-align:center;
}
th {
font:bold 0.8em "Trebuchet MS", verdana, arial, sans-serif; color:#006184;
text-align:center;
}

td a {
display:block; text-align:center; text-decoration:none; font-weight:bold;
padding:0; margin:0;}

td a:link, td a:visited {
color:#842000;
background:#fff url(images/td_bg.gif) top right no-repeat;
}
td a:hover {color:#fff;background-color:#842000;}

caption {
background:#f4f4f4;
font-size:0.8em;
font-weight:bold;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
}

caption a {margin:0 5px; font-size:0.8em;}

.calendar {
background:url(images/calendar_bg.gif) 0 -2px repeat-x;
font-size:0.8em; color:#333; margin:0 0 20px}

/*=====================
	COMMENT STYLING
======================*/

#comments {margin-top:50px; padding:10px; border-top:2px solid #006385; border-width:4px 0;}
#entrycomments { border:solid #006385; border-width:4px 0; margin:0; padding:0; list-style:none;}
#entrycomments li { border-bottom:1px solid #ccc; padding:0; margin:0;}
#entrycomments li a {margin:0; padding:0;}
#entrycomments li p {font-size:1em}

/*=============
FOOTER STYLES
==========*/
#footer img {float:right; border:none }
#footer a img {border:none}
#footer ul {margin:0; padding:0; float:left;}
#footer ul li {display:inline; }
#footer ul li a {float:left; margin:0 2px; font:1em verdana, sans-serif; color:#666}
#footer ul li a:hover {color:#333 }
#footer p {clear:both; font-size:1em; margin:10px 0 0 }