@charset "UTF-8";
/* CSS Document */

* { padding: 0; margin: 0; }
body {
background-image: url(../images/bg.gif);
background-repeat: repeat-x;
background-color: #FFFFFF;
color: #333333;
font-size: 12px;
font-family: Tahoma, Arial, Helvetica, sans-serif; 
}

/* Main sections for index */

#wrapper { 
margin: 0 auto;
width: 1024px;
text-align: center;
}
#banner {
width: 689px;
height: 173px;
margin: 0 auto;
background-image: url(../images/banner.jpg);
background-repeat: no-repeat;
}
#content { 
width: 689px;
color: #333333;
background: #FFFFFF;
margin: 0 auto;
text-align: left;
position: relative;
}
#flash {
width: 689px;
height: 190px;
background-image: url(../images/flashmockup.jpg);
float: left;
}
#navigation{
width: 166px;
height: 296px;
float: left;
background-image:url(../images/navigation.gif);
}
#column {
	width: 348px;
	text-align: center;
	float: left;
	background-image:url(../images/heading.gif);
	background-repeat: no-repeat;
	padding-top:68px;
	background-color: #FFFFFF;
}
#news {
	width: 165px;
}
#photos {
width: 165px;
height: 148px;
background-image:url(../images/photos.gif);
background-repeat: no-repeat;
text-align: center;
padding-top: 50px;
}
#hut {
	width: 165px;
	height: 58px;
	background: url(../images/hut_small.gif) no-repeat;
	padding-top: 33px;
}
#blog {
width: 165px;
height: 78px;
background: url(../images/blog.gif) no-repeat;
padding-top: 33px;
}
.sidebar_content {
width: 175px;
padding-bottom: 10px;
margin-bottom: 5px;
border-bottom: 1px dotted #CCCCCC;
}
#sidebar {
	width: 175px;
	float: right;
	padding-top: 5px;
}
#footer { 
width: 689px;
height: 55px;
clear: both;
background-color: #d41a5c;
background-image: url(../images/footerround.gif);
background-position: bottom;
background-repeat: no-repeat;
margin: 0 auto;
color:#FFFFFF;
text-align: center;
}
#fineprint {
width: 689px;
height: 55px;
clear: both;
background-color: #ffffff;
background-image: url(../images/footerround.gif);
background-repeat: no-repeat;
margin: 0 auto;
color: #999999;
text-align: center;
font-size: 10px;
}

/* Main sections for content pages (cp) */

#contentcp {
	width: 689px;
	color: #333333;
	background: #F6C5C4;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background-image: url(../images/bgfix.gif);
	background-position: right;
	background-repeat: repeat-y;
	background-color: #F6C5C4;
}
#navigationcp {
width: 164px;
height: 283px;
float: left;
}
#columncp {
width: 524px;
text-align: center;
float: left;
background-color: #FFFFFF;
}
#img_align {
text-align: right;
}
/* Navigation */

/* This is not the original navigation styling used for XHTML and CSS class project. This is an upgrade to a flyout menu; a hybrid of my own and that of Stu Nichollis of CSSplay.com, one of the greatest CSS guru's ever. */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_wall.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */

/* set up the overall width of the menu div, the background image and the margins */
.menu {
width:164px;
margin:0;
position:relative;
padding: 12px 0 0 0;
background: #FFFFFF;
/* remove the bullets and set the margin and padding to zero for the unordered list and position it over the menu background image */
list-style-type: none;
}
/* float the list so that the items are vertical with no gaps and their position relative so that the drop down list will appear in the right place to the right of each list item */
ul.menu li {
float:left; 
position:relative;
height: 38px;
width: 164px;
}
/* style the links to be 150px wide by 50px high. place the text off screen. */
ul.menu li a, ul.menu li a:visited {
display:block; 
text-indent:-1000px; 
width:164px; 
height:38px;
text-decoration:none;
background-repeat: no-repeat;
}
ul.menu li.howyoucanhelp, ul.menu li.howyoucanhelp li, ul.menu li.howyoucanhelp a, ul.menu li.last, ul.menu li.last a:visited {
	height: 45px;
}
ul.menu li a:hover {background: none;}

/* set up the background list/link images relative to this css file */
.home {background-image: url(../images/mainpageroll.gif);}
.home a {background-image: url(../images/mainpage.gif);}
.whoweare {background-image: url(../images/whoweareroll.gif);}
.whoweare a {background-image: url(../images/whoweare.gif);}
.theministry {background-image: url(../images/theministryroll.gif);}
.theministry a {background-image: url(../images/theministry.gif);}
.thechildren {background-image: url(../images/thechildrenroll.gif);}
.thechildren a {background-image: url(../images/thechildren.gif);}
.news {background-image: url(../images/newsroll.gif);}
.news a {background-image: url(../images/newsbutton.gif);}
.gallery {background-image: url(../images/galleryroll.gif);}
.gallery a {background-image: url(../images/gallery.gif);}
.contactus {background-image: url(../images/contactusroll.gif);}
.contactus a {background-image: url(../images/contactus.gif);}
.howyoucanhelp {background-image: url(../images/howyoucanhelproll.gif);}
.howyoucanhelp a {background-image: url(../images/howyoucanhelp.gif);}

/* make the dropdown ul invisible */
ul.menu li ul {
visibility:hidden;
background:#d41a5c;
color: #FFFFFF;
list-style-type: none;
margin: 0;
padding: 0;
}

/* specific to non IE browsers */

/* make the sub menu ul visible and position it to the right of the main menu list item */
ul.menu li:hover ul {
visibility:visible;; 
position:absolute; 
top:0; 
left:164px; 
width:140px;
}

/* style the size of the submenu links */
ul.menu li:hover ul li a {
display:block; 
width:120px;
height:38px;
background-image: none;
text-indent: 0px;
color: #FFFFFF;
font-size: 11px;
text-align: center;
padding: 10px;
}
ul.menu li:hover ul li a:hover {
text-decoration: underline;
}

/* Links styling */
a {
outline:none;
}
a:link {
text-decoration: underline;
color: #d41a5c;
}
a:visited {
text-decoration: underline;
color: #d41a5c;
}
a:hover {
text-decoration: none;
color: #fc798b;
}
a:active {
text-decoration: underline;
color: #d41a5c;
}
#footer a:link {
color: #FFFFFF;
text-decoration: underline;
}
#footer a:visited {
text-decoration: underline;
color: #FFFFFF;
}
#footer a:hover {
text-decoration: none;
color: #FFFFFF;
}
#footer a:active {
text-decoration: underline;
color: #FFFFFF;
}
.img_link {
text-decoration: none;
}
a img {
border: 0;
}
a:visited img{
border: 0;
}
/* List styling */

#columncp ul, #columncp ol{
padding: 0 0 10px 27px;
text-align: left;
}
dl {
margin: 10px;
padding: 20px;
border-top: 1px dotted #666666;
border-bottom: 1px dotted #666666;
}
.postings dl {
border-top: none;
border-bottom: none;
}
dt {
float: left;
text-align: left;
font-style: italic;
width: 260px;
}
dt span {
font-size: 18px;
font-weight: bold;
font-style: normal;
color: #d41a5c;
}
/* Text styling */

#column p, #columncp p {
text-align: left;
padding: 0px 10px 10px 10px;
}
h1{
width: 165px;
}
h2 {
display: block;
text-align: center;
width: 524px;
}
h3 {
text-align: left;
font-size: 18px;
margin-bottom: 10px;
padding-left: 10px;
}
h4 {
font-size: 16px;
font-weight: bold;
text-align: left;
padding: 0 0 10px 10px;
font-style: italic;
}
h5 {
	font-size: 18px;
	font-weight: bold;
	color: #d41a5c;
	padding: 20px 0 10px 0;
}
h5 span{
	font-size: 13px;
	font-style: italic;
	color: #666666;
}
#footer span {
font-size: 9px;
}
.excerpts {
margin: 10px !important;
padding: 20px !important;
border-top: 1px dotted #666666;
border-bottom: 1px dotted #666666;
background-color: #EEEEEE;
}
.excerpts span {
font-size: 18px;
font-weight: bold;
font-style: normal;
color: #d41a5c;
}
body.spaced-out p {
line-height: 1.5;
color: #333333;
}
.spaced-out #footer p {
line-height: 1;
color: #FFFFFF;
}
.important {
color: #d41a5c;
}
.get_started {
text-align: center;
}
.get_started img {
margin-bottom: 10px;
}
.new {
	color: #06C;
	font-weight: bold;
	font-style: italic;
	font-size:2em;
}
p.blurb {
	width: 300px;
	text-align: center !important;
	margin: 0 auto;
	display: block;
}
#subscribe_textfield {
	margin: 0 auto;
}
#open_unsubscribe {
	font-size: .8em;
}
/* Fine layout */

.floatleft {
float: left;
}
.floatright {
float: right;
}
#columncp img.floatleft {
padding: 0 10px 10px 10px;
}
#columncp img.floatright {
padding: 0px 2px 10px 10px;
}
.padtop10 {
padding-top: 10px;
}
.margincancel {
margin:0;
}
.paddingcancel {
padding:0;
}
.clearright {
clear: right;
}
.clearleft {
clear: left
}
.clearboth {
clear: both;
}
.center {
text-align: center;
}
.doorns {
float: right;
width: 200px;
font-size: 10px;
font-style: italic !important;
text-align: left;
margin-left: 10px;
}
.doorns img {
float: right;
width: 200px;
margin-bottom: 10px;
}
.doorns span {
text-align: justify;
}
.right_pic_caption {
float: right;
width: 160px;
font-size: 10px;
clear: right;
}
.gallery_excerpt {
float: left;
}
.clearfix {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.image_page {
background:#f6c5c4;
text-align:center;
background-image: none;
}