/*
	Capuchins - Main Stylesheet
*/

/* =General
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

body {
	background: #000000 url('../images/wrapper/body-bg.jpg') 50% 0 no-repeat;;
	margin: 0;
	font-family: georgia, times, serif;
	font-size: 11px;
}

table tr td {
	font-family: georgia, times, serif;
	font-size: 11px;
}

.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
	width: 100%;
}

.clearit:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }   
.clearfit { min-height: 0; height: 0; }   
html>body .clearit { height: auto; }

ul, ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.print {
    display: none;
}

.mandatory {
	color: #903D1E;
}

/* =Branding + toolbar
---------------------------------------------------------------------------------------------------- */
#branding {
	background: url('../images/wrapper/branding-bg.gif') 0 0 no-repeat;
	min-height: 182px;
	height: auto !important;
	height: 182px;
}

#branding #logo {
	padding: 19px 0 0 25px;
}

#toolbar {
	float: right;
	padding: 15px 28px 0 0;
}

#toolbar li {
	float: left;
	padding: 0 0 0 20px;
}

#toolbar li a {
	color: #000000;
	text-decoration: none;
}

#toolbar li a:hover { 
	color: #ff0000
}

/* =Layout (homepage)
---------------------------------------------------------------------------------------------------- */
#home #main-content {
	background: none;
}

#home #feature-area {
	background: #e5dfbc url('../images/wrapper/feature-area-bg.jpg') 0 0 no-repeat;
	min-height: 322px;
	height: auto !important;
	height: 322px;
}

#home #home-content {
	background: #ffffff;
	min-height: 177px;
	height: auto !important;
	height: 177px;
}

#home #feature-area #feature-img {
	float: left;
	width: 465px;
	padding: 28px 0 0 25px;
}

#home #feature-area #feature-content {
	float: left;
	width: 450px;
	padding: 50px 0 5px 32px;
}

#home #feature-area #feature-content .left {
	float: left;
	width: 244px;
	margin-top: 10px;
	padding: 0 20px 0 0;
}

#home #feature-area #feature-content .right {
	float: left;
	width: 144px;
	margin-top: 10px;
	padding: 0 0 0 20px;
	border-left: 1px solid #46453d;
}

#home #home-content {
	padding: 0 10px 0 25px;
}

#home #home-content .left {
	float: left;
	width: 312px;
	padding: 20px 25px 0 0;
}

#home #home-content .right {
	float: left;
	width: 600px;
	padding: 12px 0 12px 0;
}

/* =Layout (homepage callout boxes)
---------------------------------------------------------------------------------------------------- */
#home #home-content ul.callouts {
	float: left;
	width: 600px;
}

#home #home-content ul.callouts li {
	float: left;
	color: #ffffff;
	cursor: pointer;
}

#home #home-content ul.callouts li.callout1 {
	background: url('../images/wrapper/callout1-bg.gif') 0 0 no-repeat;
	width: 195px;
	height: 210px;
	padding: 0 7px 0 0;
	margin: 0;
}

#home #home-content ul.callouts li.callout2 {
	background: url('../images/wrapper/callout2-bg.gif') 0 0  no-repeat;
	width: 195px; 
	height: 210px;
	padding: 0 7px 0 0;
	margin: 0;
}

#home #home-content ul.callouts li.callout3 {
	background: url('../images/wrapper/callout3-bg.gif') 0 0  no-repeat;
	width: 195px; 
	height: 210px;
	padding: 0;
	margin: 0;
}

#home #home-content ul.callouts li.callout1 a, 
#home #home-content ul.callouts li.callout2 a,
#home #home-content ul.callouts li.callout3 a {
	color: #ffffff;
	text-decoration: none;
}

#home #home-content ul.callouts li.callout1 {
	font-size: 10px;
}

#home #home-content ul.callouts li.callout2 {
	font-size: 10px;
}

#home #home-content ul.callouts li.callout3 {
	font-size: 10px;
}

#home #home-content ul.callouts li.callout1 h3 {
	font-size: 22px;
	font-weight: normal;
	line-height: 24px;
	margin: 14px 10px 3px 14px;
} 

#home #home-content ul.callouts li.callout2 h3 {
	font-size: 22px;
	font-weight: normal;
	line-height: 24px;
	margin: 14px 10px 3px 14px;
} 

#home #home-content ul.callouts li.callout3 h3 {
	font-size: 22px;
	font-weight: normal;
	line-height: 24px;
	margin: 14px 10px 3px 14px;
} 

#home #home-content ul.callouts li.callout1 p {
	line-height: 14px;
	padding: 0 12px 0 14px;
}

#home #home-content ul.callouts li.callout2 p {
	line-height: 14px;
	padding: 0 12px 0 14px;
}

#home #home-content ul.callouts li.callout3 p {
	line-height: 14px;
	padding: 0 12px 0 14px;
}


/* =Layout
---------------------------------------------------------------------------------------------------- */
#wrapper {
	width: 980px;
	margin: 32px auto 0 auto;
}

#main-content {
	background: url('../images/wrapper/main-content-bg.gif') 0 0 repeat-y;
	clear: both;
}

#main-content #left-col {
	float: left;
	width: 187px;
}

#main-content #middle-col {
	float: left;
	width: 589px;
}

#main-content #middle-col-full {
	float: left;
	width: 760px;
}

#main-content #right-col {
	float: left;
	width: 190px;
	padding-top: 10px;
}

#main-content #text-content {
	padding: 10px 25px 10px 48px;
}

/* =Breadcrumb + font resize
---------------------------------------------------------------------------------------------------- */
#breadcrumb {
	background: url('../images/wrapper/bread-font-bg.jpg') 0 0 no-repeat;
	color: #000000;
	font-size: 11px;
	min-height: 42px;
	height: auto !important;
	height: 42px;
	border-bottom: 2px solid #ffffff;
}

#breadcrumb p {
	padding: 13px 0 0 25px;
}

#breadcrumb p a {
	color: #000000;
}

#breadcrumb p a:hover {
	color: #ff0000;
}

ul#font-resize {
	float: right;
	padding: 12px 30px 0 0;
}

ul#font-resize li {
	float: left;
	padding: 0 0 0 9px;
}

ul#font-resize li.text-size-txt {
	padding-top: 3px;
}

/* =left navigation
---------------------------------------------------------------------------------------------------- */
ul#left-nav {
	background: #ffffff;
	margin: 32px 0 0 0;
	border-bottom: 3px solid #d9d0ad;
}

ul#left-nav li {
	display: inline; /* IE6 */
}

ul#left-nav li a {
	display: block;
	color: #000000;
	text-decoration: none;
	font-size: 13px;
	border-top: 3px solid #d9d0ad;
	padding: 7px 0 7px 25px;
}

ul#left-nav li a:hover, ul#left-nav li a.on {
	background: #f7f2de;
	color: #000000;
}

ul#left-nav li ul.sub-nav {
	border-top: 0 !important;
}

ul#left-nav li ul.sub-nav li a {
	background: url('../images/wrapper/sub-nav-bullet.gif') 25px 12px no-repeat;
	display: block;
	font-size: 11px;
	padding: 6px 0 6px 35px !important;
	border-top: 2px solid #f3f1e6;
}

ul#left-nav li ul.sub-nav li a:hover, ul#left-nav li ul.sub-nav li a.on {
	background: url('../images/wrapper/sub-nav-bullet.gif') 25px 12px no-repeat;
	color: #903d1e;
}

/* =Sub content
---------------------------------------------------------------------------------------------------- */

/* =Lists
---------------------------------------------------------------------------------------------------- */
#home #feature-content .left ul li {
	padding: 0 0 10px 0
}

#home #feature-content .right ul li {
	padding: 0 0 10px 0
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a, a:link, a:focus {
	color: #903d1e;
	outline: none;
}

a:hover {
	outline: none;
	color: #ff0000;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
#main-content ul li {
	line-height: 16px;
}

#main-content p {
	line-height: 17px;
}

#main-content #text-content p {
	margin: 8px 0 16px 0;
	line-height: 17px;
}

#right-col h2 {
	color: #903d1e;
	font-size: 14px;
	margin: 8px 0 8px 0;
}

#text-content h1 {
	color: #903d1e;
	font-size: 26px;
	font-weight: normal;
	margin: 0 0 8px 0;
}

#text-content h2 {
	color: #903d1e;
	font-size: 14px;
	margin: 0 0 8px 0;
}

#text-content h3 {
	color: #b17912;
	font-size: 12px;
	margin: 10px 0 8px 0;
}

#text-content ol {
	margin-left: 40px;
}

#text-content ul {
	margin-left: 40px;
	margin-bottom: 8px;
}

#text-content ul li {
	list-style-type: square;
}

#home #feature-area h1 {
	color: #903d1e;
	font-size: 22px;
	font-weight: normal;
}

#home #home-content p {
	margin: 0 0 5px 0;
}

#home #home-content h1 {
	color: #903d1e;
	font-size: 26px;
	font-weight: normal;
	margin: 0 0 8px 0;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	background: #d9d0ad url('../images/wrapper/footer-bg.gif') 0 100% no-repeat;
	color: #333333;
	font-size: 10px;
	min-height: 39px;
	height: auto !important;
	height: 39px;
	border-top: 2px solid #000000;
	margin: 0 0 30px 0;
	clear: both;
}	

#footer p {
	padding: 12px 0 0 22px;
}

#footer a {
	color: #903d1e;
	padding: 0 5px 0 5px;
}	

#footer a:hover {
	color: #333333;
}	

#footer #add-this {
	float: right;
	padding: 6px 15px 0 0;
}

/* =Main nav
---------------------------------------------------------------------------------------------------- */ 
#main-nav {
	border-bottom: 2px solid #ffffff; 
}

/* Menu items */
#main-nav a#who {
	width: 87px;
}

#main-nav a#ministries {
	width: 154px;
}

#main-nav a#work {
	width: 118px;
}

#main-nav a#volunteer {
	width: 129px;
}

#main-nav a#vocations {
	width: 65px;
}

#main-nav a#store {
	width: 142px;
}

#main-nav a#prayer {
	width: 115px;
}

#main-nav a#media {
	width: 170px;
}

/* =Forms
---------------------------------------------------------------------------------------------------- */ 
fieldset {
	padding: 4px 4px 4px 12px;
}

.data td {
	padding-top: 6px;
	padding-bottom: 6px;
}

/* =Misc.
---------------------------------------------------------------------------------------------------- */ 

.table-data
{
	border: 1px solid #DDDDDD;
	margin-bottom: 15px;
	padding: 0;
}

.table-data th
{
	border: 1px solid #DDDDDD;
	padding: 4px 4px 5px 5px;
	background-color: #E8E8E8;
	color: #003555;
	font-size: 11px;
	text-align: left;
}

.table-data td
{
	border: 1px solid #DDDDDD;
	padding: 4px 4px 5px 5px;
	font-size: 11px;
}

/* =CSS Menus (Core styles - Do not modify)
---------------------------------------------------------------------------------------------------- */
.qmmc .qmdivider {display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}
.qmmc .qmdividery {float:left;width:0px;}
.qmmc .qmtitle {display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc {position:relative; z-index:10;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div {visibility:hidden;position:absolute;}
.qmmc .qmcbox {cursor:default;display:block;position:relative;z-index:1;}
.qmmc .qmcbox a {display:inline;}
.qmmc .qmcbox div {float:none;position:static;visibility:inherit;left:auto;}
.qmmc li {z-index:auto;}
.qmmc ul {left:-10000px;position:absolute;z-index:10;}
.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
.qmmc li a {float:none}
.qmmc li:hover > ul {left:auto;}
#qm0 ul {top:100%;}
#qm0 ul li:hover > ul {top:0px;left:100%;}
#qm1 ul {top:100%;}
#qm1 ul li:hover > ul {top:0px;left:100%}

/* =Main nav and dropdowns (modify at will)
---------------------------------------------------------------------------------------------------- */ 
#main-nav {
	border-bottom: 2px solid #ffffff; 
}

/* (MAIN) Container */	
#qm0 {	
	background: url('../images/wrapper/menu-item-bg.gif') 0 0 repeat-x;
	padding: 0;
	margin: 0;
}

/* (MAIN) Items */	
#qm0 a {	
	background: url('../images/wrapper/menu-item-bg.gif') 0 0 repeat-x;
	display: block;
	color: #ffffff;
	font-size: 11px;
	min-height: 39px;
	height: auto !important;
	height: 39px;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}	

#qm0 a span {
	background: url('../images/wrapper/menu-item-divider-bg.gif') 100% 0 no-repeat;
	display: block;
	height: 28px;
	padding: 12px 6px 0 0;
}

/* (MAIN) Hover State */
#qm0 a:hover, #qm0 a.on {	
	background-position: 0 -39px;
	color: #ffffff;
}

#qm0 a:hover span, #qm0 a span.on {	
	background-position: 100% -39px;
	color: #ffffff;
}

#qm0 a span.last, #qm0 a:hover span.last {	
	background: none;
	color: #ffffff;
}

/* (MAIN) Parent Items */	
#qm0 .qmparent {	
}

/* (MAIN) Active State */	
body #qm0 .qmactive, body #qm0 .qmactive:hover {	
	background-position: 0 -39px;
	color: #ffffff;
}

body #qm0 .qmactive span, body #qm0 .qmactive:hover span,
body #qm0 .qmactive span, body #qm0 .qmactive:hover span.on {	
	background-position: 100% -39px;
	color: #ffffff;
}

/* (SUB) Container */	
#qm0 div, #qm0 ul {	
	background: #a26f12;
	color: #000000;
	font-size: 11px !important;
}

#qm0 div div {
	border-left: 1px solid #ffffff;
}
 
/* (SUB) Items */	
#qm0 div a, #qm0 ul a {	
	background: #a26f12;
	color: #ffffff;
	font-size: 11px !important;
	text-decoration: none;
	line-height: 14px;
	letter-spacing: 0;
	min-height: 16px;
	height: auto !important;
	height: 16px;
	min-width: 134px;
	width: auto !important;
	width: 134px;
	padding: 5px 10px 4px 6px;
	text-align: left;
	border-top: 1px solid #ffffff;
}

/* (SUB) Hover State */	
#qm0 div a:hover {
	background: #ecac37;
	color: #ffffff;
}

/* (SUB) Active State*/	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {
	background: #ecac37;
	color: #ffffff;
}