/* default styling */
body {
padding:0; 
margin:0; 
background:#198385; 
font-family:arial, verdana, sans-serif; 
font-size:76%; 
color:#000; 
text-align:center;}
a, a:visited {color:#198385; text-decoration:underline;}
a:hover {color:#198385; font-weight:bold; text-decoration:underline;}
h1 { color:#85A15F; font-family:"Arial Narrow"; padding-bottom:0; margin-bottom:0}
h3 {clear:both;}
.pheading {font-size:medium}
.floatright{float:right}
.picright{float:right; padding:1em; margin-right:5em;}
.picleft{float:left; padding:1em; margin-left:2em;}
.piclink{margin:10px 10px 10px 10px; border:1px #D3D3D3 solid; padding:3px;}
.pictext{display: block;  margin-top:-10px; margin-bottom:10px; padding-top:5px; text-align:center; color:#858585}

/* content structure */
#parent_header {
background:#393029;
height:10em;
border-bottom:0.5em #fff solid;
}

#parent_header h1{
padding:30px 0 64px 0;
margin:0 0 0 0;
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#C2E395;
}

#container {
background:#fff;
border:0.4em #393029 solid;
width:1040px;
position: absolute;
top: 7em;
left: 50%;
margin-left: -520px;
z-index:2;
}

#child_header {
background:#85A15F;
height:9em;
margin:0.4em;
}

#child_header h1{
padding:2.5em 0 0 0;
margin:0 0 0 0;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:medium;
text-align:center;
color:#C2E395;
}

#footer {
background:#393029;
border:0.4em #198385 solid;
width:1040px;
height:30px; 
z-index:2;
position:fixed;
bottom:0;
left:50%;
margin-left:-520px;
overflow:hidden;
color:gray;
text-align:left
}

#footer a, a:visited {color:gray; text-decoration:none;}
#footer a:hover {color:white; text-decoration:underline;}


/* content place holders */
#page_full {padding:10px; text-align:left;}
#page {padding:0; margin:0 0 0 50%; width:50%; min-height:100%; float:right; text-align:left}
#left_col {float:left; width:100%; margin-left:-100%;}
#left_col_inner {padding:10px;}
#right_col {}
#right_col_inner {padding:10px;}


/* navigation */
#menu {
z-index:3;
position:absolute;
top: 6em;
right:1em;
}
#info {height:400px;}
#ad {float:right; margin:0 0 20px 20px;}

/* default link styling needed for IE6 to work */

/* remove the margin and bullets, set the padding for this menu only*/
.button {margin:0; padding:25px 0 100px 15px; list-style:none;}

 /* display the list items inline with a right margin to space the buttons. Use this to pre-load the hover image */
.button li {display:inline; float:left; margin-right:5px; background-image:url('../images/site_images/hover_button.gif');}

/* style the links and place the background image to start from left edge */
.button li a {display:block; height:38px; float:left; background:url('../images/site_images/button.gif'); text-decoration:none; font-size:12px; font-family:arial, sans-serif; letter-spacing:1px; line-height:35px;}

/* style the b element to posiition it to the right by 20 pixels and even out the text with 20 pixel right padding */
.button li b {margin:0 0 0 20px; display:inline; float:left; height:38px; background:url('../images/site_images/button.gif') right top; padding:0 20px 0 0; color:#000;}

/* style the link hover and the link hover b to replace the background image - border:0 needed for IE6 to work */
.button li a:hover, .button li a:hover b {border:0; background-image:url('../images/site_images/hover_button.gif'); cursor:pointer;}

/* style the active state to replace the background image. This can also be used for a 'current' tab if you wish */
.button li a:active, .button li a:active b, .button li a.current, .button li a.current b {background-image:url('../images/site_images/active_button.gif');}

/* move the text down by 3 pixels, and to the right by 2 pixels */
.button li a:active b, .button li a.current b { line-height:38px; margin-left:21px; padding-right:19px;}


/* widgets */
/* ================================================================ 
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/mini-pages-v2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#pages {height:310px; width:393px; margin:0 auto; font-family:tahoma, sans-serif; font-size:12px; position:relative; top:1.5em; padding-bottom:1.5em; z-index:10;}
#pages ul#tab {padding:0; margin:0; list-style:none;}
#pages table {border-collapse:collapse;}
#pages ul#tab li.level1-li {float:left;}
#pages ul#tab li.pad {padding-bottom:180px;}
#pages ul#tab li.level1-li a.level1-a {display:block; width:121px; height:30px; text-decoration:none; color:#000; float:left; font-size:12px; padding-top:20px; padding-left:10px; text-align:center; font-weight:bold;}
#pages ul#tab li.level1-li a.p1 {background:url('../images/site_images/visitor.png') no-repeat right top;}
#pages ul#tab li.level1-li a.p2 {background:url('../images/site_images/member.png') no-repeat right top;}
#pages ul#tab li.level1-li a.p3 {background:url('../images/site_images/church.png') no-repeat right top;}
#pages ul#tab li.level1-li a.p4 {background:url('../images/site_images/church.png') no-repeat right top;}
#pages ul#tab li.level1-li a.p5 {background:url(http://www.cssplay.co.uk/menus/minitabs/profile.png) no-repeat right top;}
#pages ul#tab li.level1-li a.p6 {background:url(http://www.cssplay.co.uk/menus/minitabs/draw.png) no-repeat right top;}

#pages div {position:absolute; left:-9999px; z-index:10; top:49px; width:372px; height:250px; text-align:left; padding:20px 10px 10px 10px;}
#pages div.d1 {background:url('../images/site_images/visitorPage.gif') no-repeat; background-color:#FFFFFF;}
#pages div.d2 {background:url('../images/site_images/memberPage.gif') no-repeat; background-color:#FFFFFF; z-index:40;}
#pages div.d2 img {/*border:0; display:block; margin:0; auto;*/}

#pages div.d3 {background:url('../images/site_images/churchPage.gif') no-repeat; background-color:#FFFFFF;}
#pages div.d4 {background:url(http://www.cssplay.co.uk/menus/minitabs/searchPage.gif);}
#pages div.d5 {background:url(http://www.cssplay.co.uk/menus/minitabs/profilePage.gif);}
#pages div.d5 {text-align:center;}
#pages div.d6 {background:url(http://www.cssplay.co.uk/menus/minitabs/drawPage.gif);}
#pages div.d6 img {border:0; float:left; padding:0 10px 0 0;}

#pages div h5 {padding:10px 0 15px 0; margin:0; text-align:center; font-size:13px;}
#pages div p {padding:0; margin:0; line-height:25px; font-weight:normal;}
#pages div a {display:inline; line-height:15px; height:auto;}

#pages ul#tab li.current a.level1-a {background-position:right bottom; color:#069;}
#pages ul#tab li.current div {left:1px;color:#000; z-index:5;}
#pages ul#tab li.current div a {color:#069;}

#pages ul#tab li.level1-li a.level1-a:hover {border:0; color:#069; background-position:right bottom;}
#pages ul#tab li.level1-li:hover a:first-child {background-position:right bottom; color:#069;}

#pages  ul#tab :hover div {color:#000; left:1px;}
#pages  ul#tab :hover div a {color:#069;}
#pages  ul#tab :hover div a:hover {text-decoration:none;}

#pages div a.unlock {background:url(icon/unlock.gif); display:block; width:30px; height:30px; margin:0 auto;}
#pages div a:hover.unlock img {visibility:hidden;}