@import 'reset.css';

/* MAIN LAYOUT
---------------------------------------------------- */

body {
	color: #333;
	font: normal 12px/18px "Lucida Grande", arial, verdana, helvetica, sans-serif;
	background: #5b291b;
	}

#wrap {
	background: url(/images/bg_wrap.gif) repeat-y;
	margin: 0 auto;
	width: 870px;
	}
h1#logo {
	background: url(/images/h1_header.jpg) no-repeat;
	width: 760px;
	margin: 0 auto;
	height: 125px;
	}
h1#logo a {
	height: 100px;
	width: 233px;
	float: left;
	text-indent: -9999px;
	margin: 15px 0 0 263px;
	}
#standout {
	background: url(/images/bg_standout-middle.gif) repeat-y;
	}
#standout-top {
	background: url(/images/bg_standout-top.gif) top no-repeat;
	padding: 25px 55px 0 55px;
	color: #d2d0b0;
	}
div.banner-left {
	float: left;
	margin: 0 0 18px 0;
	}
div.banner-right {
	float: right;
	margin: 0 0 18px 0;
	}
#main {
	background: url(/images/bg_main.gif) top no-repeat;
	padding: 45px 75px 0px 75px;
	}
#main-inner {
	background: url(/images/bg_main-inner.gif) top right repeat-y;
	}
div.content {
	float: left;
	width: 480px;
	padding: 5px 0 0 0;
	}
div.contentNoSidebar {
	float: left;
	width: 600px;
	padding: 5px 0 0 0;
	}
div.sidebar {
	float: right;
	width: 220px;
	padding: 15px 0;
	border-top: #5b291b solid 1px;
	font-size: 11px;
	color: #555;
	}
div.sidebar-pad {
	padding: 0 20px;
	}
#breadcrumbs {
	width: 720px;
	margin: 20px auto 0 auto;
	text-align: center;
	font-size: 11px;
	border-top: #5b291b solid 1px;
	padding: 10px 0 0 0;
	color: #666;
	}
#footer {
	background: #5b291b url(/images/bg_footer.gif) top no-repeat;
	padding: 50px 75px;
	font-size: 11px;
	color: #d2d0b0;
	}
#footer a {
	color: #d2d0b0;
	}
#footer a:hover {
	color: #fff;
	}

div.intro {
	width: 335px;
	padding: 0 0 0 15px;
	float: left;
	}
div.events {
	width: 335px;
	padding: 0 15px 0 0;
	float: right;
	}
div.leftcol {
	float: left;
	width: 340px;
	padding: 0 20px 0 0;
	border-right: #e8e7d7 solid 1px;
	}
div.rightcol {
	float: right;
	width: 330px;
	}
	
div.link-box {
	float: left;
	width: 230px;
	margin: 0 10px 18px 0;
	font-size: 11px;
	color: #555;
	}
div.link-box p {
	margin: 0;
	}
div.link-box img.left {
	margin: 0 10px 0 0;
	}

/* Photos */

div.gallery {
	border-bottom: #fff solid 1px;
	padding: 0;
	margin: 0 0 9px 0;
	}
div.gallery h3 {
	padding: 9px 0;
	margin: 0;
	}
ul.photos {
	margin: 0 0 18px 0;
	clear: both;
	}
ul.photos li {
	display: inline;
	list-style: none;
	float: left;
	margin: 0 5px 5px 0;
	}
	
div.col-left {
	width: 225px;
	float: left;
	}
div.col-right {
	width: 225px;
	float: right;
	}
	
/* NAV
---------------------------------------------------- */

#nav {
	background: url(/images/bg_nav.jpg) no-repeat;
	height: 37px;
	}
#nav ul {
	float: left;
	margin: 0 0 0 95px;
	display: inline;
	}
#nav ul li {
	display: inline;
	}
#nav ul li a {
	float: left;
	height: 37px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
#nav ul li a:hover {background-position: 0 -37px;}
#nav ul li a.active, #nav ul li a.active:hover {background-position: 0 -74px;}

li#n1 a {background-image: url(/images/nav_home.gif); width: 66px;}
li#n2 a {background-image: url(/images/nav_about.gif); width: 94px;}
li#n3 a {background-image: url(/images/nav_ministries.gif); width: 106px;}
li#n4 a {background-image: url(/images/nav_events.gif); width: 153px;}
li#n5 a {background-image: url(/images/nav_media.gif); width: 70px;}
li#n6 a {background-image: url(/images/nav_find-us.gif); width: 81px;}
li#n7 a {background-image: url(/images/nav_contact.gif); width: 110px;}

div.subnav h3 a {
	text-decoration: none;
	}
ul.subnav {
	padding: 0;
	margin: 0 0 18px 0;
	font-size: 12px;
	list-style: none;
	}
ul.subnav li {
	display: inline;
	}
ul.subnav li a {
	text-decoration: none;
	padding: 3px 20px;
	display: block;
	color: #5b291b;
	font-weight: bold;
	}
ul.subnav li a:hover {
	background: #a5a488;
	}
ul.subnav li a.active {
	background: #5b291b url(/images/bg_link-subnav.gif) left no-repeat;
	color: #fff;
	}
ul.subnav ul {
	margin: 0 0 9px 0;
	list-style: none;
	font-size: 11px;
	}
ul.subnav ul li a {
	font-weight: normal;
	}
ul.subnav ul li a:hover {
	font-weight: normal;
	background: #fff;
	}
ul.subnav ul li a.active {
	background: #DEDCC4;
	color: #a18008;
	font-weight: bold;
	}
ul.subnav ul {
	background: #DEDCC4;
	}
ul.subnav ul li ul li a {
	padding: 3px 20px 3px 30px;
	}


/* HEADERS
---------------------------------------------------- */

h2 {
	font-family: georgia, times, "times new roman", serif;
	font-size: 22px;
	font-variant: small-caps;
	font-weight: normal;
	}
#standout h2 span {
	background: url(/images/bg_h2-right.gif) right no-repeat;
	padding: 10px 50px 10px 20px;
	}

h3 {
	color: #5b291b;
	font-family: georgia, times, "times new roman", serif;
	font-size: 18px;
	font-variant: small-caps;
	font-weight: normal;
	margin: 0 0 18px 0;
	}
#standout h3 {
	color: #e7c58e; 
	}
h4 {
	color: #6c4603;
	font-size: 13px;
	margin: 12px 0 6px 0;
	font-weight: bold;
	}
table h4 {
	margin: 0 0 6px 0;
	}
	
/* LISTS
---------------------------------------------------- */

dl.events {
	font-size: 11px;
	line-height: 14px;
	}
dl.events dt {
	float: left;
	width: 65px;
	color: #a18008;
	text-transform: uppercase;
	padding: 2px 0;
	}
dl.events dd {
	padding: 2px 0 2px 65px;
	}
dl.events-list dt {
	background: #DEDCC4;
	padding: 3px 9px;
	margin: 0 0 6px 0;
	}
.date-stamp {	
	color: #6c4603;
	font-weight: bold;
	font-family: georgia, times, "times new roman", serif;
	font-variant: small-caps;
	font-size: 14px;
	}
dl.events-list dd {
	padding: 0 0 18px 18px;
	}
dl.events-list dd h4 {
	padding: 0;
	margin: 0;
	}
	
dl.messages dt {
	color: #382001;
	font-weight: bold;
	}
dl.messages dd {
	color: #666;
	border-bottom: #e8e7d7 solid 1px;
	padding: 0 0 8px 0;
	margin: 0 0 9px 0;
	}
dl.messages .listen {
	float: right;
	}

ul {
	margin: 0 0 18px 20px;
	list-style-type: circle;
	}
	
ol {
	margin: 0 0 18px 20px;
	list-style-type: decimal;
	}

dl.form dt {
	font-weight: bold;
	}
dl.form dd {
	margin: 0 0 18px 0;
	}
	
/* TEXT
---------------------------------------------------- */

p {
	margin: 0 0 18px 0;
	}
#standout p {
	margin: 0;
	}
blockquote {
	background: #DEDCC4;
	padding: 20px 20px 1px 20px;
	margin: 0 0 18px 0;
	font-family: georgia, times, "times new roman", serif;
	font-style: italic;
	font-size: 14px;
	color: #6c4603;
	border: #5b291b solid;
	border-width: 1px 0;
	}
cite {
	margin: 0 0 18px 0;
	display: block;
	}
div.group {
	background: #DEDCC4;
	padding: 20px 20px 1px 20px;
	}
.clear {
	clear: both;
	}
	
/* IMAGES
---------------------------------------------------- */

img.border {
	border: #a5a488 solid 3px;
	}
img.right {
	float: right;
	margin: 6px 0 9px 18px;
	}
img.left {
	float: left;
	margin: 6px 18px 9px 0;
	}

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

a {
	color: #a18008;
	}
a:hover {
	color: #382001;
	}
#standout a {
	color: #fff;
	text-decoration: none;
	}
#standout a:hover {
	color: #a18008;
	}
a.media {
	text-transform: uppercase;
	background: url(/images/bg_link-media.gif) right no-repeat;
	padding: 2px 18px 2px 0;
	margin: 0 0 0 5px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}
a.more {
	background: url(/images/bg_link-more.gif) right no-repeat;
	padding: 0 18px 0 0;
	white-space: nowrap;
	text-decoration: none;
	font-weight: bold;
	}
#standout a.more {
	background: url(/images/bg_link-more-standout.gif) right no-repeat;
	}

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

table {
	font: normal 12px/18px "Lucida Grande", arial, verdana, helvetica, sans-serif;
	}
table th {
	text-align: left;
	background: #6c4603;
	color: #fff;
	padding: 5px;
	vertical-align: baseline;
	}
table td {
	padding: 10px 5px 5px 5px;
	border-bottom: #fff solid 1px;
	}

/* SELF-CLEARING FLOATS
---------------------------------------------------- */
#main:after,
#main-inner:after,
#standout-top:after,
div.gallery:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

/* trigger hasLayout and target ie5+6/win only */
* html #main,
* html #main-inner,
* html #standout-top,
* html div.gallery {
	height: 1%;
	}

/* trigger hasLayout and target ie7/win only */
*:first-child+html #main,
*:first-child+html #main-inner,
*:first-child+html #standout-top,
*:first-child+html div.gallery {
	min-height: 1px;
	}