body {text-align: center; background: #999;}
h1 {font-family: Georgia, "Times New Roman", Times, serif; color: #9B9B9B; font-size: 36px; margin-bottom: -8px; margin-top: 0px; font-weight: normal;}
h1.title {color: #000; margin-bottom: 8px; }
h1.ministries {color: #000; margin-bottom: 0px;}
h2 {font-family:  Georgia, "Times New Roman", Times, serif; color: #000; font-size: 20px; margin: 10px 0px 10px 0px; padding: 0px; font-weight: normal;}
h3 {font-family: Georgia, "Times New Roman", Times, serif; color: #000; margin: 0px 0px 0px 10px; font-weight: normal;}
h3.blog {margin: 0px; font-size: 20px; }
h4 {font-family: Arial, Helvetica, sans-serif; margin-top: 12px; margin-bottom: 0px; font-weight: bold; font-size: 12px; color: #000; margin-left: 10px; margin-bottom: 0px; }
h5 {margin-left: 10px; }
h6 {margin-left: 10px; }
p {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; margin-bottom: 0px; margin-top: 0px; padding: 0px;}
a {color: #11234D; text-decoration: none; border-style: none;}

a:hover {color: #11234D; text-decoration: underline;}
ul {list-style:none;}
.sub-nav a {color: #666;}
.leadership-info a {color: #666;}
.teaching a {color: #666;}
.author-info a {color: #666;}
.keypeople a {color: #666;}
ol {margin: 0px; padding: 0px 0px 0px 20px; }
ol li {margin: 0px 0px 10px 0px; font-size: 12px; }


div#wrapper {width: 1200px; background-image: url(../images/bg.jpg); background-repeat: repeat-y; margin-top: -10px; margin-bottom: -10px; margin-left: auto; margin-right: auto; }

div#container {width: 1000px; margin-left: auto; margin-right: auto; text-align: left;}

div#masthead {width: 940px; margin-left: auto; margin-right: auto; padding-top: 15px; }
	div#logo {margin-bottom: 10px; }
	div#globalnav {width: 940px; border-top: 1px #999 solid; border-bottom: 1px #999 solid; border-right: 1px #999 solid; height: 25px; }

.dropHolder {width:188px; float:left; height:1px; margin-right: 0px; }

.dropdown-menu {
	width: 188px; 
    position:absolute;
    font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
    cursor:pointer;    
	margin-right: 0px; 
	z-index:1000;
	text-align: left;
	
}

.dropdown-menu a:link, .dropdown-menu a:visited {
    color:#666 !important;
    display:block !important;
    text-decoration:none !important; 
    margin:0 !important;
}

.dropdown-menu a:hover {
    color:#000 !important;
    text-decoration:underline !important;
}

.dropdown-menu .slide-down {
}

.menu-first {
    line-height:18px;
    padding:3px 30px 4px 3px;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-left: 1px #999 solid;
	}
.menu-first a:hover {text-decoration: none; }

.down-list {
	margin-top: 0px;
	border-right: 1px #999 solid; 
	border-left: 1px #999 solid;
	border-bottom: 1px #999 solid;
}


.down-list a {
	padding: 5px;
	}
	
.down-list li {
    background:#fff;
	margin-left: -40px; 
}

.down-list a:hover {
	background: #E9E9E9;
}
.down-list .lastLI { background:#fff;  }
		

div#content {width: 940px; min-height: 500px; margin: auto; }

div.slideshow {margin-top: 20px; margin-bottom: 10px; z-index:0; border: 1px #999 solid;}
	.slideshow { margin: auto }
	.slideshow img {}

div#welcome {float: left; width: 250px;}
	p.welcome {background-color: #E2E2E2; padding: 20px 20px 20px 20px; margin: 0px 0px 15px 0px; }
div#events {float: left; width: 390px; height: 900px; padding: 18px 5px 10px 5px; margin: 0 20px 0 20px;}
div#calendar {margin-top: 10px;}
div#quicklinks {float: right; width: 250px;}
div#online-poll {float: right; width: 250px;}
div#announcements {float: right; width: 250px;}
	li.announcements {margin-bottom: 10px; }


ul.sidebar {padding: 20px; border: 1px #E2E2E2 solid; font-size: 12px; margin-top: 0px; }
p.sidebar {padding: 20px; border: 1px #E2E2E2 solid; font-size: 12px; margin-top: 0px;}


div.leftsidebar {width: 200px; float: left; margin-top: 20px;}
	div.sub-nav {width: 160px; padding:20px; border: 1px #E2E2E2 solid; font-size: 12px; margin-top: 0px; margin-bottom: 20px; }
		.sub-nav ul {padding-left: 0px; margin-top: -10px; margin-bottom: -10px;  margin-left: -10px; }
		.sub-nav ul ul {margin-top: 0px; margin-bottom: 0px; margin-left: 10px; }
	div.keypeople {width: 160px; padding:20px; border: 1px #E2E2E2 solid; font-size: 12px; margin-top: 0px;}
		div.kp {width: 67px; text-align: center; float: left; }
			div.kp-photo {width: 67px; text-align: center; }
			div.kp-photo img {border: 1px solid #999; }
			div.kp-info {width: 67px; margin-bottom: 10px; }


div.bio-pic {width: 150px; text-align: center; float: left; margin: 0px 0 20px 0;}
.bio-pic img {border: 1px solid #999; }
div#maincontent-biopage {font-family: arial, helvetica, sans-serif; width: 720px; float: left; margin-top: 30px; margin-left: 20px; }	
#staff-bio {width: 450px; background-color: #E2E2E2; padding: 20px; float: left;  text-align: left; margin: 0px 20px 20px 20px;  }
#staff-bio p {margin: 0 0 10px 0; }
	
div#maincontent {width: 400px; float: left; margin-top: 20px; margin-left: 20px; }
#maincontent p {margin-top: 0px; margin-bottom: 14px; margin-left: 10px; font-family: Arial, Helvetica, sans-serif;}
#maincontent ul {font-size: 12px; margin-top: 12px; margin-bottom: 12px; font-family: Arial, Helvetica, sans-serif;}
#maincontent li {list-style: circle;}

div#maincontent-teaching {width: 720px; float: left; margin-top: 20px; margin-left: 20px; }
#maincontent-teaching iframe {margin-top: 15px; margin-bottom: 10px; margin-left: 15px; background: #F9F9F9; border: 1px solid #999; }
#maincontent-teaching img {border:none; }

div#maincontent-announcements {width: 720px; float: left; margin-top: 20px; margin-left: 20px;}
#maincontent-announcements p {margin: 0px 0px 14px 10px; padding: 0px 20px 0px 0px; font-family: Arial, Helvetica, sans-serif;}

#maincontent-blog {width:600px; float: left; margin-top: 20px; margin-left: 20px; }
#maincontent-blog p, ol {font-family: arial, helvetica, sans-serif;}
#maincontent-blog p {padding: 0px 0px 15px 0px; }

#maincontent-publications {width: 720px; float: left; margin-top: 20px; margin-left: 20px;}
div.publication {width: 205px; float: left; margin: 0px 35px 30px 0px; }

div.sermons { width: 300px; height: 50px; padding: 5px; margin: 5px; }
div.sermons p { width: 250px; float: right; margin: 0px 0px 0px 10px; vertical-align: top; font-family: Arial, Helvetica, sans-serif; }
div.playbutton {height: 29px; width: 30px; float: left; }
p.noresults {margin: 14px;  font-family: Arial, Helvetica, sans-serif; }
div#upcomingsermons p {float: left; margin: 0px; }

div#audio {float: left;}

div#leadership {width: 600px; float: left; margin-top: 20px; margin-left: 20px; }
	div#leadership p {font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; }
	
div.person {height: 180px; float: left; margin-right: 10px; text-align: center; margin-bottom: 10px; }
div.leadership-photo {width: 100px; }
div.leadership-photo img {border: 1px #999 solid; }
div.leadership-info {width: 100px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; }


div#rightsidebar {width: 300px; float: right; margin-top: 20px; }
	div#rightsidebar img {margin-bottom: 10px; border: 1px #999 solid; }

ul.events {margin-left: 0px; padding-left: 0px;}
.events li {margin-bottom: 10px; }

.footer {clear: both; width: 800px; text-align: center; margin-left: auto; margin-right: auto; padding-top: 20px; padding-bottom: 10px; font-family: Arial, Helvetica, sans-serif; }
.footer ul {margin:0px; padding: 0px; line-height: 10px;  }
.footer li {list-style: none; display: inline; font-size: 10px; padding-right: 10px; margin-right: 10px; border-right: 1px #ccc solid;}
.footer p {font-size: 10px; font-family: Arial, Helvetica, sans-serif;}

.clear {clear: both;}
img {border-style: none;}

li.tweet {width: 205px; margin: 0px 0px 20px 0px; padding: 0px; }
div.author {width: 40px; float: left; margin: 0px; padding: 0px; }
p.status {width: 158px; float:right; margin: 0px; padding: 0px; }
div.date {width: 40px; float: left; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #C0C0C0; font-weight: bold;}
span.time {font-size: 9px; font-weight: normal; }

div.teaching {border: 1px #E2E2E2 solid; margin: 15px; padding: 15px 0 15px 15px;}
div#audio {float: left;}
.teaching p { font-family: Arial, Helvetica, sans-serif;}
div#right-col {float: left; width: 325px;}
div#left-col {float: left; width: 800px; margin: 0px 20px 0px 0px;  }
div.sermons-upcoming {margin: 15px; }
.sermons-upcoming p {font-family: Arial, Helvetica, sans-serif;}

div#upcoming {background-color: #E2E2E2; border: none; }
div#upcoming-teaching {width: 670px;}
div#teaching-kp { float: left;}
div.teaching-kp {width: 67px; text-align: center; float: left; margin: 0px; padding: 0px; }
	div.teaching-kp-photo {width: 67px; text-align: center; }
	div.teaching-kp-photo img {border: 1px solid #999; }
	div.teaching-kp-info {width: 67px; margin-bottom: 10px; }
div#left {width: 620px; float: left;}
div.ministry-logo {margin-bottom: 0px; margin: 0px 0 0 0px; padding: 10px; width: 360px;  height: 150px; }


h3.newsletter {margin: 0px; padding: 0px; }
div.op {margin: 10px 15px 0 0; background-color: #E2E2E2; padding: 10px; font-family: arial, helvetica, sans-serif; font-size: 12px; }
div.weighin {padding: 10px;  margin: 10px 15px 0px 0px; }
p.form {padding: 5px 0 5px 0;}
div.journal {margin: 10px 15px 20px 0px; }
.journal p {margin: 0px 0px 10px 0px; font-family: arial, helvetica, sans-serif;}
h3.journal {font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: 0px; }
div.newsletter {float: left;}
div.article {width: 325px; border: 1px #E2E2E2 solid; margin: 0px 15px 15px 0px; padding: 15px 0 15px 15px; }
p.op {font-family: arial, helvetica, sans-serif; text-align: right; }

div#blog {width: 490px; float: left; margin: 0px 30px 0px 0px;  }
div#blog-content{float: right;width:450px; padding: 20px; border: 1px solid #E2E2E2;}
p.byline {margin:0px 0px 10px 0px; font-size: 14px; }
span.blogtitle {font-size: 14px; padding: 0px 20px 0px 20px; }
div.readmore {font-family: Arial, Helvetica, sans-serif; width: 100%; background-color: #E2E2E2; margin: 0px; padding: 10px 0px 10px 0px; text-align: right; font-size: 12px; }
.readmore a {margin: 0px 10px 0px 10px; font-size: 12px; }
div.blog-post {margin:20px; padding: 0px; border: solid 1px #E2E2E2; }
div#post {padding: 20px; }
#post p {padding: 0px 0px 15px 0px; }
div.author-info {width: 150px; margin: auto; text-align: center; }
.author-info p {font-size: 14px; margin: 10px;  }
.author-info img {border: 1px solid #999;}
a.blogtitle {font-size: 14px; }
a.subtle {color: #666;}
div#comment-form {width: 250px; float: left; margin: 0px 0px 0px 0px; background: #E2E2E2; padding: 20px; }
div#comments {width: 300px; float: left; margin: 0px 10px 0px 0px; }
div#comment {padding: 20px;  border: solid 1px #E2E2E2; padding: 20px; margin: 0px 0px 15px 0px;}
p#commenter {font-weight: bold;}
p#comment-date {padding: 0px; margin: 0px; font-style: italic; color: #666; font-size: 10px;  }
p.noresults {font-style: italic; color: #666; padding: 0px; margin: 0px; }
p#paginate {text-align: center; font-family: arial, helvetica, sans-serif; }
body#view h1, h3, h4, h5 {margin: 10px 0px 0px 0px; }
div#maincontent-blog ul {list-style: circle; font-family: arial, helvetica, sans-serif; padding: 0px; margin: 0px 0px 0px 35px; font-size: 12px; }
div#maincontent-blog li {padding: 5px 0px 5px 0px; }
div#maincontent-blog p {margin: 0px; padding: 5px 0px 10px 0px; }
/* Bio Page */
div#biopageblog {width: 500px; margin: 0px 0px 20px 0px; border: solid 1px #E2E2E2; }
div.bio-tweet {width: 200px; margin: 10px 0px 10px 0px; float: left; overflow: hidden;   }
.bio-tweet p {padding: 5px; margin: 10px 0px 10px 0px; font-family: arial, helvetica, sans-serif; font-size: 10px; }
.bio-tweet h3 {margin: 0px; padding: 0px;}



/* Admin - Log In Screen*/

div#login {width: 500px; margin: 90px auto auto auto; background: #fff; padding: 40px; -moz-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 3px 3px 4px #666; -webkit-box-shadow: 3px 3px 4px #666; box-shadow: 3px 3px 4px #666; text-align: center;}
#login img {padding: 0px 0px 20px 0px; }
label {	color: #888888;	display: block;	font-size: 12px; text-align: left; font-family: arial, sans-serif;}
#login input.input{background: none repeat scroll 0 0 #F8F8F8; border: 1px solid #EEEEEE; font-size: 18px; line-height: 20px; margin: 0; padding: 3px; width: 490px;}
#login p {margin: 0px 0px 15px 0px; padding: 0px; text-align: left; }
p#submit {text-align: right;}
p#forgot {padding: 0px; margin: 0px; text-align: right; }

/* Admin - Dashboard */
body#dashboard {margin: 0px; padding: 0px; background: #666666;}
div#dashboard {width: 1000px; background: #666666;  margin: 0 auto 0 auto; padding: 0; }
img#dashboardlogo {padding: 1.5% 0 1.5% 1.5%; float: left; }
h5#username {width: 40%; float: right;  padding: 1.5%;  text-align: right; font-family: arial, helvetica, sans-serif; font-weight: normal; color: #fff; }
div#lists {width: 100%; float: left; margin: 0 0 0 0%; padding: 0; text-align: left; }
ul#lists {list-style: none; margin: 0px 0px 0px 0px; padding: 0px;  }
li.lists {display: inline; background: #2E2F30; padding: .8%; margin: 0 .1% 0 0; border: 1px solid #666666; border-bottom: none; font-family: arial, helvetica, sans-serif; }
li.lists a {color: #fff;}
li.lists#selected {background: #EAEAEA; border: 1px solid #CFCFCF; border-bottom: 5px solid #EAEAEA; padding-bottom: 10px;}
li.lists#selected a {color: #000;}
div#container-admin {width: 100%; height: 100%; background: #EAEAEA; margin: .8% auto 0 auto; border-top: 1px solid #CFCFCF; text-align: left; padding: 1%; }
div#main-data {width: 97%; margin: auto; padding: 1%;}
div.toolbar {width: 15%; padding: 1%; float: right; }
div.insert img{border: none; }
div#dashboard-buttons {float: left; width: 45%;  padding: 10px; text-align: center; }
	#dashboard-buttons img { }
div#calendars {width: 51%; float: left; }
h1.dashboard {color: #fff; font-size: 16px; margin: 0px; padding: 0px;   }
div#publish {float: left; width: 20%; background: #fff; padding: 10px; text-align: left; border: 1px #999 dashed; margin: 5px; font-family: arial, helvetica, sans-serif; }
h4.dashboard {font-size: 16px; margin: 0px; padding: 0px;  }
#dashboard ul {padding: 0px; margin: 0px; list-style: none;}
input.edit {background: none repeat scroll 0 0 #F8F8F8; border: 1px solid #EEEEEE; font-size: 18px; line-height: 15px; margin: 0; padding: 3px; width: 490px;}
textarea.edit {background: none repeat scroll 0 0 #F8F8F8; border: 1px solid #EEE; font-size: 12px; line-height: 15px; margin: 0px; padding: 3px; width: 490px; font-family: arial, helvetica, sans-serif; }
select.edit {font-size: 18px; }
h6.dashboard {padding: 0px; margin: 0px; font-weight: normal; }
div#publication {text-align: left; width: 40%; float: left; padding: 10px; border: none; margin: 0px 10px 0px 10px; font-family: arial, helvetica, sans-serif; }
ul.uploads {font-size: 11px; color: #333; }
ul.uploads li {margin: 0px; padding: 3px 0px 3px 0px;}
ul.publication li {padding: 5px 0px 5px 0px; }
select.publication {margin: 0px 0px 0px 0px; width: 100%;}
div#uploads {float: left; width: 450px; background: #fff; padding: 0px; text-align: left;  margin: 5px 0px 0px 5px; font-family: arial, helvetica, sans-serif; border: 1px dashed #999; }
h5.dashboard {margin: 0px; padding: 0px; font-size: 13px; color: #333;}

/* Admin - Tables */
table {border-collapse: collapse; margin: 20px; font-family: arial, helvetica, sans-serif; margin: auto; width: 100%; text-align: left; font-size: 12px; }
td {padding: 2px 15px 2px 15px; vertical-align: top;  padding: 10px 3px 10px 3px;}
tr {border-top: 1px solid #BCBDC0; border-bottom: 1px solid #BCBDC0; }
tr.table-title {border:none; background: #EAEAEA;}
td.table-title {margin: 0px; padding: 0px 0px 10px 0px; }
tr.col-head {border-right: none; border-top: none; border-left: none; font-weight: bold; }
.col-head td {padding: 0px 3px 0px 3px;}
tr.one {background: #E9F3F3;}
tr.two {background-color:#FFF;}
tr.edit {border: none; background: none; }
td.navbar {width: 80px; background-color:#C4C4E1;}

table p {margin: 0px; padding: 0px; font-size: 12px; font-family: arial, helvetica, sans-serif; }
table.view td {padding: 10px 3px 10px 3px; margin: 0px; text-align: left; }
td.label {width: 15%; font-weight: bold; padding: 0px 0px 20px 0px; }
table.edit td.label {padding: 0px; vertical-align: middle; font-weight: normal; }
div#insert tbody tr {border: none; }
table.insert-teaching td.label {vertical-align: top; font-weight: normal; padding: 10px 0 0 0;}
td.text {width: 300px; padding-right: 10px; }
input.hidden {display: none;}