@charset "UTF-8";

/* CSS Document */

@import url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/flick/jquery-ui.css");

* { padding:0; margin:0; }
body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:#ecebe8 url(../img/bg.jpg) repeat-x top; color:#222; }
h1, h2, h3 { letter-spacing:-1px; margin-bottom:10px;}
a { outline:none; }
p {margin-bottom:10px; font-size:12px; color:#555; line-height:18px;}

#top { background:url(../img/bg_top.jpg) no-repeat center top; width:1100px; height:230px; position:absolute; left:50%; margin-left:-548px; top:0px; z-index:-10; }
#outer { width:900px; margin:0 auto; }
#header {height:100px; width:900px;}
#header #logo {background:transparent url(../img/logo.png) no-repeat left top; position:absolute; top:0px; left:50%; margin-left:-450px; width:329px; height:100px;}
#header #logo h1 {text-indent: -9000px; font-size:50px; overflow:hidden;}
#header #logo h1 a {cursor:pointer; text-decoration:none;}

#content { background:#fff; padding:10px 0px; }

.left { width:575px; margin-left:20px; float:left; position:relative;}
.left img { margin:10px 0;}
.left ul { list-style:none; font-size:13px;}
.left li { display:block; margin-bottom:10px;}

.right { width:280px; margin-left:20px; float:left; }
.right ul { list-style:none; font-size:14px; margin:10px 0 10px 10px;}
.right li { display:block; margin-bottom:10px;}

.full { width:820px; padding:0px 40px;}
.date {font-size:14px; color:#c36528; margin:-10px 0 10px 0;}

/* Gallery */
ul.gallery  { list-style:none;}
ul.gallery li img { border:0; float:left; margin:5px;}

/* Ministry */
#ministry {}
#ministry #mast {}
#ministry h2 {}
#ministry p {}

/* Media Buttons */
#mediaButtons { float: right; margin-top: 0px; width:450px; text-align:right; }

/* Services Main */
#services { background:url(../img/bg_services.jpg) repeat-x top; padding:20px 0; }
#services h2 { font-size:24px; font-weight:bold; color:#c36528; margin-bottom:10px; text-shadow:#000 0 0 1px; }
#services h3 { font-size:16px; color:#e2b363; letter-spacing:0px; margin-bottom:5px; margin-left:10px; text-transform:uppercase; }
#services p { font-size:13px; color:#fff; margin-bottom:10px; margin-left:10px; line-height:175%; }
#services .cont { width:900px; margin:0 auto; }

/* Main Boxes Right */
.mainbox { background: url(../img/bg_mb2.jpg); padding:8px; width:252px; height:102px; margin-bottom:5px;}
.mainbox:hover { background: url(../img/bg_mb.jpg); padding:8px; width:252px; height:102px; margin-bottom:5px;}
.mainbox img {border:solid 1px #fff;}

.scripture {font:12px Arial, Helvetica, sans-serif; color:#888; padding-right:20px;}
.scripture h3 {color:#68a4ab; margin-bottom:5px;}



/* Nav */
#nav { font:18px Arial, Helvetica, sans-serif; text-shadow:#000 0 0 2px; text-transform:uppercase; background:url(../img/bg_nav.jpg) repeat-x top; width:898px; padding: 10px 0; margin-top:11px; border:solid 1px #330; }
#nav ul { list-style:none; margin:0; padding:0; text-align:center; }
#nav li { display:inline; }
#nav li a { padding:10px 18px; margin:0; text-decoration:none; color:#fff; }
#nav li a:hover { background:url(../img/bg_navhover.png) no-repeat center top; padding:10px 17px; color:#e3b464; border-left:solid 1px #222; border-right:solid 1px #5f564d; }

/* Buttons */
#header .button { font:bold 12px Arial, Helvetica, sans-serif;  background:url(../img/bg_b.png) repeat-x; text-align:center; width:100px; padding:8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: solid 3px #68a4ab; margin:5px; float:right; display:block; }
#header .button a { color:#5f554c; text-decoration:none; text-shadow:#fff 0 0 1px;}
#header .button a:hover { color:#68a4ab;}

.ui-button { color: #fff; font:bold 12px Arial, Helvetica, sans-serif;  background:url(../img/bg_b_hover.png) repeat-x bottom; text-align:center; padding:0px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: solid 1px #68a4ab; margin:5px; float:right; display:block; }
.ui-button:hover { background:#69a5ab url(../img/bg_b.png) repeat-x bottom; color:#fff; }

/* Tabs */
#tabs {background: url(../img/bg_flow.jpg); width:545px; margin-bottom:10px !important; padding:10px 15px; /* IE6 specific branch (prefixed with "_") */ _margin-bottom:-2px; border:solid 1px #dedede;}
#tabs .ui-widget-header { background: none; border: none; }
#tabs .ui-tabs-nav { padding: 0; margin: 0;}
#tabs li { float:left; margin-bottom:-1px; padding:0; text-indent:0; list-style-type:none; }
#tabs li a {display:block; height: 26px; padding:10px 20px 0 20px; margin:0px; color:#222; font:bold 14px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-transform:uppercase;}
#tabs .ui-state-default {background: rgb(218, 218, 218); /* The Fallback */ background: rgba(0, 0, 0, 0.1); border: none; }
#tabs .ui-state-hover { background: rgb(218, 218, 218); /* The Fallback */ background: rgba(104, 164, 171, 0.3); border: none; }
#tabs .ui-state-active { background:#fff; cursor:pointer; color:#c36528;  text-transform:uppercase; line-height:34px; border: none; }
#tabs div { background: url(../img/bg_flowbg.jpg) repeat-x top; width:515px; padding:15px; top:-2px; }
#tabs div h2 { font-weight:normal; color:#c36528; text-transform:capitalize; letter-spacing:-1px; margin-bottom:10px; font-size:18px; }
#tabs div a { color:#68a4ab; font-weight:bold; text-decoration:none; }
#tabs div a:hover { text-decoration:underline;}
#tabs div p { color:#222; margin-bottom:10px; font-size:12px; line-height:18px; }

input[type=text] { font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:10px 10px 20px 10px; width: 300px; color:#222; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:solid 3px #dedede; padding:8px; }

textarea { font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:10px; width: 500px; max-height: 500px; min-height:60px; color:#222; -moz-border-radius: 3px; -webkit-border-radius: 3px; border:solid 3px #dedede; padding:8px; }

input[type=text]:hover, textarea:hover { border: 3px solid #a6c9e2; }
input[type=submit] { clear: both; display: block; border:none; padding:6px; }
input[type=submit]:hover { border:none; color:#fff; }


/*  Dialog Box*/
.ui-dialog-titlebar { background:url(../img/bg_nav.jpg) repeat-x top; color: #fff; }
.ui-widget-content .ui-icon {background-image: url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/flick/images/ui-icons_ffffff_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/flick/images/ui-icons_ffffff_256x240.png); }

.ui-dialog {border:solid 10px #333;-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.ui-dialog-titlebar-close {background: url(../img/b_bg.png) repeat-x; color:#fff; border:none;}
.ui-dialog-titlebar-close:hover { background: url(../img/b_bghover.png) repeat-x; color: #fff; border:solid 1px #c6d4db;}

.ui-dialog .ui-button { color: #fff; font:bold 12px Arial, Helvetica, sans-serif;  background:url(../img/bg_b_hover.png) repeat-x; text-align:center; padding:4px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: solid 1px #68a4ab; margin:5px; float:right; display:block; }
.ui-dialog .ui-button:hover { background:url(../img/bg_b_hover.png) repeat-x; color:#fff; border:solid 1px #68a4ab;}

/* Footer */
#footer { background:#ecebe9 url(../img/bg_footer.jpg) repeat-x top; width:100%; padding:20px 0; clear:both;}
#footer #logo { background: transparent url(../img/logo_footer.png) no-repeat 0px 0px; width:250px; height:50px;  margin-bottom:0px;}
#footer #logo h1 { text-indent: -9000px; text-decoration: none; font-size:50px; overflow: hidden; }
#footer_cont { width:900px; margin:0 auto;} 
#footer_cont p { font-size:14px; color:#444; margin-left:50px;}
.footerleft { width:620px; float:left;}
.footerfloat { width:140px; float:left;}
.footerfloat ul { margin-top:10px;}
.footerfloat li { display:block; list-style:none; text-transform:capitalize; font:bold 13px Arial, Helvetica, sans-serif; margin-bottom:6px;}
.footerfloat li a { color:#68a4ab; text-decoration:none;}
.footerfloat li a:hover { text-decoration: underline;}

/* Form Assets */
#services input { background:#111; padding:10px; border:solid 1px #37322d; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin-bottom:6px; color:#e2b363; width:230px; }
#services textarea { background:#111; padding:10px; border:solid 1px #37322d; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin-bottom:6px; color:#e2b363; width:230px;}
#services .submit { background:#ccc; padding:6px; border:solid 3px #5f564d; -moz-border-radius: 10px; -webkit-border-radius:10px; color:#222; font-weight:bold; font-size:13px; width:75px; float:right; margin:10px 30px 10px 0px; }


/* Colours */
.blue { color:#68a4ab;}
.brown {color:#30271f;}