/* CSS Document */

html {
	height: 100%;
}

body {
	height: 100%;
	margin-bottom: 1px;
}

.clr {
	clear: both;
}

.outline {
  border: 1px solid #cccccc;
  background: #ffffff;
	padding: 2px;
}

#buttons_outer {
	width: 635px;
  	margin-bottom: 2px;
	margin-right: 2px;
	float: left;

}

#buttons_inner {
	border: 1px solid #cccccc;
	height: 21px !important;
	height: 23px;
}

#pathway_text {
  overflow: hidden;
	display: block;
	height: 25px;
	line-height: 25px !important;
	line-height: 22px;
	padding-left: 4px;
	border: 1px solid #ccc;
	margin-bottom: 2px;
}

#pathway_text img {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 6px;
}

#buttons {
	float: left;
	margin: 0px;
	padding: 0px;
	width: auto;
}


ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

ul#mainlevel-nav li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 21px;
	white-space: nowrap;
	border-right: 1px solid #cccccc;
}

ul#mainlevel-nav li a
{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #333333;
	background: transparent;
}

#buttons>ul#mainlevel-nav li a { width: auto; }

	ul#mainlevel-nav li a:hover
{
	color: #fff;
	background: #c64934;
}


#search_outer {
	float: left;
	width: 165px;
}

#search_inner {
  border: 1px solid #cccccc;
	padding: 0px;
  height: 21px !important;
  height: 23px;
  overflow: hidden;
}

#search_inner form {
  padding: 0;
  margin: 0;
}

#search_inner .inputbox {
	border: 0px;
	padding: 3px 3px 3px 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #c64934;
}



#top_outer{
	float: left;
	width: 165px;
}

#top_inner {
  border: 1px solid #cccccc;
	padding: 2px;
  height: 144px !important;
  height: 150px;
  overflow: hidden;
  float: none !important;
  float: left;
}

#left_outer {
  float: left;
	margin-top: 2px;
	width: 165px;
}

#left_inner {
  border: 1px solid #cccccc;
	padding: 2px;
  float: none !important;
  float: left;
}

#content_outer {
	padding: 0px;
	margin-top: 0px;
	margin-left: 2px;
	/** border: 1px solid #cccccc; **/
	float: left;
	width: 635px;
}

#content_inner{
  float: none !important;
  float: left;
  padding: 0;
  padding-top: 2px;
  margin: 0;
}

table.content_table {
  width: 100%;
	padding: 0px;
	margin: 0px;
}

table.content_table td {
	padding: 0px;
	margin: 0px;
}


#banner_inner {
	float: left;
	padding: 0px;
	height: 70px;
}

#poweredby_inner {
	float: right;
	padding: 0px;
	margin-left: 0px;
	height: 70px;
}

#right_outer {
	margin-left: 2px;
	width: 165px;
}

#right_inner {
  float: none !important;
  float: left;
  border: 1px solid #cccccc;
  padding: 2px;
}


.user1_inner {
	border: 1px solid #cccccc;
  float: none !important;
  float: left;
	margin: 0px;
	padding: 2px;
}

.user2_inner {
	border: 1px solid #cccccc;
  float: none !important;
  float: left;
	margin: 0px;
	padding: 2px;
}

table td.body_outer {
	padding: 2px;
	border: 1px solid #cccccc;
}

.maintitle {
	color: #ffffff;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

/** old stuff **/

.back_button {
	float: left;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenav {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenavbar {
	margin-right: 10px;
	float: right;
}






td {
	text-align: left;
	font-size: 11px;
}





/* Joomla core stuff */


table.contentpaneopen {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpaneopen td {
   padding-right: 5px;
}

table.contentpaneopen td.componentheading {
	padding-left: 4px;
}



table.contentpane {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

table.contentpane td.componentheading {
	padding-left: 4px;
}

table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #eee;
}

.button {
  color: #c64934;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

.inputbox {
	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
}

.componentheading {
	border-bottom:solid 1px #aaaaaa;
	color:#003157;
	font-size:24px;
	line-height:26px;
	padding:0 0 5px;
	margin:0 0 8px 0;

}

.contentcolumn {
	padding-right: 5px;
}

.contentheading {
	height: 30px;
	color: #003157;
	font-size: 24px;
	line-height:26px;
	white-space: nowrap;
}



.contentpagetitle {
	font-size: 13px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}

table.searchinto {
	width: 100%;
}

table.searchintro td {
	font-weight: bold;
}

table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

div.moduletable {
	padding: 0;
	margin-bottom: 2px;
}

table.moduletable th, div.moduletable h3 {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {
	background-color : #f9f9f9;
}

.small {
	color: #999999;
	font-size: 11px;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  background: url(../images/subhead_bg.png) repeat-x;
  color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}






a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #c64934;
	text-align: left;
}

a.sublevel:hover {
	color: #900;
	text-decoration: none;
}

a.sublevel#active_menu {
	color: #333;
}

.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

div.mosimage {
  border: 1px solid #ccc;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

span.article_seperator {
	display: block;
	height: 1.5em;
}


body {
	margin: 0px;
	height: 100%;
	padding: 0px;
         font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans Serif;
	line-height: 100%;
	color: #000;
	background: #ffffff;
}
img{ border:none;}
h1{ margin:0; padding:0;}
ul{
margin: 0;
padding: 0;
list-style: none;
}
a{ text-decoration:none; color:#000;}
a:hover{ text-decoration:underline;}
.left {
float:left;
}
div#header_wrap{ background:url(../images/bg01.jpg) no-repeat center top;}
div#header{ height:122px; background:url(../images/header.jpg) no-repeat left top; width:962px; margin:0 auto; position:relative;}
div#header h1{ padding:24px 0 0 57px;}
div.topmenu-mod{ position:absolute; right:32px; top:18px;}
div.topmenu-mod ul{ padding:0; margin:0; list-style:none;}
div.topmenu-mod ul li{ float:left; width:auto; padding:0 8px; border-left:solid 1px #fff;}
div.topmenu-mod ul li.first{ border-left:none;}
div.topmenu-mod ul li a{ color:#fff; font-size:11px; line-height:13px;}
div.search-mod{ width:226px; height:29px; background:url(../images/search.jpg) no-repeat left top; position:absolute;top:93px; right:15px; padding:0 0 0 16px; }
div.search-mod input#mod_search_searchword{ border:none; padding:0px 2px; font-size:10px; color:#b98b01; font-family:"Trebuchet MS"; line-height:14px; width:166px; margin:0 5px 0 0; vertical-align:middle; }
div.search-mod input.button{ width:21px; height:23px; background:url(../images/btn01.jpg) no-repeat left center; border:none; text-indent:-1000px; cursor:pointer;vertical-align:middle; }
div#nav_main_wrap{ height:46px; background:url(../images/bg02.jpg) repeat-x left top;}
div#nav_main{ width:960px; margin:0 auto; padding:5px 0 0 0;}
div#nav_main ul li{ width:auto; float:left;  height:34px;}
div#nav_main ul li.active{background:url(../images/nav-l.gif) no-repeat left top;}
div#nav_main ul li.active ul li{height:auto;  padding:6px 0;}
div#nav_main ul li.active ul li.active{background:none;}
div#nav_main ul li a{ display:block; width:auto; float:left;  line-height:34px;  font-size:14px; line-height:34px; padding:0 16px; color:#e4d1b6;}
div#nav_main ul li.active a#active_menu{ background:url(../images/nav-r.gif) no-repeat right top;color:#fff;}
div#nav_main ul li.active ul li.active a#active_menu{ background:none;color:#fff;}
div#content_wrap{ background:#d5ccba url(../images/content_wrap.jpg) repeat-y center top;}
div#content{ width:960px; margin:0 auto;background-color:#f3ede2;}
.home {
background-image:url(../images/content_home.jpg);
background-repeat:repeat-y;
}
#panoramic {
position:relative;
width:960px;
}
ul#rotator {
height:220px;
position:relative;
cursor:pointer;
float:right;
height:220px;
margin:0;
overflow:hidden;
padding:0;
width:740px;
z-index:0;
}
#helpful_links {
background:#003056 url(../images/helpful_links.jpg) repeat-x scroll left center;
height:40px;
width:960px;
clear:both;
line-height:40px;
color:#e4d1b6;
}
#helpful_links div.links{ float:left; width:auto; width:370px; text-align:right;}
#helpful_links ul{ float:left; width:auto;}
#helpful_links ul li{ float:left; width:auto; padding:0 14px;}
#helpful_links ul li a{ color:#e4d1b6;}
#corner_overlay {
background:transparent url(../images/corner_overlay.png) no-repeat scroll 0 0;
height:262px;
left:0;
padding:15px 50px 0 25px;
position:absolute;
top:0;
width:244px;
z-index:1;
}
*html #corner_overlay{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop, src='templates/hdcc/images/corner_overlay.png');background:none;}
*html #corner_overlay a{ position:relative;}
#content #corner_overlay h2 {
color:#003157;
font-size:18px;
font-weight:normal;
margin:0 0 10px;
padding:0 0 0px;
}
#bottom_overlay {
background:#FDF7E4 none repeat scroll 0 0;
border:1px solid #BBAA99;
clear:both;
margin:0 0 20px;
padding:0 15px 0 20px;
}
#main_home {
float:left;
font-size:12px;
padding:20px 0 0 20px;
width:660px;
}
div.right1{float:right;width:246px;}
ul#quick_links {

font-size:15px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
overflow:hidden;
padding:5px 0 0;
width:246px;
}
#this_week {
background:#795201 url(../images/this_week.jpg) no-repeat scroll 0 0;
clear:both;
height:56px;
margin:20px 0 0;
position:relative;
width:960px;
}
ul#quick_links a {
background-position:right top;
background-repeat:no-repeat;
color:#CCCCBB;
display:block;
height:130px;
position:relative;
}
ul#quick_links a span {
display:block;
left:20px;
position:absolute;
top:45px;
width:80px;
padding:0 0 5px 0;
}
#quick_links_first {
background-image:url(../images/quick_links_first.png);
}
*html #quick_links_first{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop, src='templates/hdcc/images/quick_links_first.png');background:none;}

#quick_links_second {
background-image:url(../images/quick_links_second.png);
}
*html #quick_links_second{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop, src='templates/hdcc/images/quick_links_second.png');background:none;}
#quick_links_third {
background-image:url(../images/quick_links_third.png);
}
*html #quick_links_third{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop, src='templates/hdcc/images/quick_links_third.png');background:none;}
#footer_wrap{ background:#003157;border-top:solid 1px #ad8201; position:relative;
}
#footer {
color:#fff;
font-size:11px;
line-height:140%;
margin:0 auto;
padding:15px 0 0 15px;
width:945px;
}
#footer a{color:#fff;}
.shadow {
background:transparent url(../images/shadow.png) repeat-x scroll 0 0;
clear:both;
font-size:5px;
line-height:5px;
height:5px;
left:0;
position:absolute;
top:-5px;
width:100%;
}
*html .shadow{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale, src='templates/hdcc/images/shadow.png');background:none;}

#footer .vcard {
float:right;
font-style:normal;
padding:0 20px 50px 75px;
text-align:right;
}
li.clear, #content ul.cols li.clear, #content ul.group li.clear, .clear {
clear:both;
display:block;
float:none;
height:0;
margin:0;
overflow:hidden;
padding:0;
width:0;
}
#this_week_heading {
background:transparent url(../images/this_week_heading.jpg) no-repeat scroll 0 0;
display:block;
font-size:0;
height:56px;
left:0;
overflow:hidden;
position:absolute;
text-indent:-99999px;
top:0;
width:245px;
}
#this_week_sermon {
font-size:18px;
left:270px;
position:absolute;
top:15px;
}
.fcevalue{ color:#efe1b7;}
#this_week_title {
color:#ffffff;
font-size:24px;
line-height:26px;
}
#this_week_date {
background:transparent url(../images/this_week_date.jpg) no-repeat scroll 0 0;
color:#FFFFFF;
display:block;
font-size:16px;
height:38px;
line-height:35px;
overflow:hidden;
position:absolute;
right:33px;
text-align:center;
top:13px;
width:189px;
}
div#bottom_overlay div.moduletable h3 {
background:none;
color:#003157;
font-size:18px;
font-weight:normal;
height:21px;
line-height:21px;
margin:0 0 2px;
padding:15px 0 0 0px;
text-align:left;
text-transform:capitalize;
}
span.pathway{ display:block; border-bottom:solid 1px #b29a7c; padding:8px 16px; font-size:11px; font-weight:bold;}
span.pathway a{font-weight:normal;}
div.mainbody{ padding:14px 29px 38px 29px;}
div.advert1{border-bottom:solid 1px #b29a7c;}
div.main{ width:667px; float:left;}
div.right-mod{ width:217px; float:right;}

div.module_b{ background:#dbcfb9 url(../images/box01-top.gif) no-repeat left top; width:217px;margin:0 0 12px 0;}
div.module-btm{background:url(../images/box01-btm.gif) no-repeat left bottom;width:217px;}
div.module-mid{ padding:12px;}
div.right-mod h3{ color:#003157; padding:0 0 4px 0; margin:0 0 6px 0; font-size:12px; font-weight:normal; border-bottom:solid 1px #aaaaaa; width:193px;}
div.module{padding:0 12px; margin:0 0 12px 0;}
div.mainbody .contentheading{border-bottom:solid 1px #aaaaaa; padding:0 0 5px 0; }
div.mainbody .contentpaneopen{margin:0 0 8px 0;}
div#nav_main{ position:relative;}
div.submenu-out{ display:none; background:#b98b01; height:27px; }
ul#submenu{ list-style:none; padding:0; margin:0; clear:both; position:absolute; top:40px; left:0; z-index:999;background:#b98b01; width:960px;}
ul#submenu li{ float:left; width:auto;}
div#nav_main ul li ul li a {
color:#003157;
display:block;
float:left;
font-size:12px;
line-height:18px;
padding:0px 16px;
width:auto;
font-weight:normal;
border-left:solid 1px #003157;
}
div#nav_main ul li ul li.first a{ border:none;}
div#nav_main ul li ul li a:hover{ text-decoration:underline; color:#ffffff;}