﻿/*
------------------------------------------------------
Layout based on a CSS by Kemie Guaida
------------------------------------------------------
*/


body {
background-color:#0184C3;
font-family: Verdana, Arial, sans-serif, Helvetica;
color:#666666;
text-align:center;
width: 760px;
margin: 10px auto; 
font-size:70%;
}

img {border:0px;}
#tops {width:755px; text-align:right; color:#80C2E1; margin-bottom:10px;clear:both}
#tops a:visited {color:#80C2E1; text-decoration:none;}
#tops a:link {color:#80C2E1; text-decoration:none;}
#tops a {color:#80C2E1; text-decoration:none;}
#tops a:hover {color:#FFFFFF;}
.accesskey {text-decoration:underline;}
.larger {font-size:medium;}

ul {margin-top:0px; margin-bottom: 0px;}
li {font-weight:bold;}
.border {border:1px solid #000000; display:block}
.tenpx {padding-bottom:10px;}
.underlineblue {border-bottom:1px solid #0281AA; }
.underlinegreen {border-bottom:1px solid #6DBD20;}
.nomargin{margin:0px;}
.overline {border-top:1px solid #d1d1d1; padding-top:10px;}

a {color:#336699}
a:hover {text-decoration:none; color:#6DBD20}
noscript {color:#80C2E1; font-size:xx-small}

.nobottommargin{margin-bottom:0px;
}


/* Header and overall layout */

#container {
width: 760px;
text-align: left;
background: url("../images/background.gif") no-repeat;
float:left}

#containersub {
width: 760px;
text-align: left;
background: url("../images/subback.gif");
float:left;
}

#containersubwide {
width: 760px;
text-align: left;
background: url("../images/wide.gif");
float:left;
}

#containerone {
width: 760px;
text-align: left;
background: url("../images/one.gif");
float:left}


#banner {width: 760px;
height: 117px;
background: url("../images/header.gif") no-repeat;
}

/* Navigation */

#navigation {width: 750px; margin-left:10px;}
#home span {display: none; }
#home a:hover {background-position: 0px -35px;}
#home a {
width: 85px;
height: 35px;
background: url("../images/home.gif") 0 0 no-repeat;
display:block;
float:left;
cursor: pointer;}
#aboutus span {display: none; }
#aboutus a:hover {background-position: 0px -35px;}
#aboutus a {
width: 68px;
height: 35px;
background: url("../images/about_us.gif") 0 0 no-repeat;
display:block;
float:left;
cursor: pointer;}
#join span {display: none; }
#join a:hover {background-position: 0px -35px;}
#join a {
width: 40px;
height: 35px;
background: url("../images/join.gif") 0 0 no-repeat;
display:block;
float:left;
cursor: pointer;}
#news span {display: none; }
#news a:hover {background-position: 0px -35px;}
#news a {
width: 48px;
height: 35px;
background: url("../images/news.gif") 0 0 no-repeat;
display:block;
float:left;
cursor: pointer;}
#whatson span {display: none; }
#whatson a:hover {background-position: 0px -35px;}
#whatson a {
width: 73px;
height: 35px;
background: url("../images/whats_on.gif") 0 0 no-repeat;
display:block;
float:left;
cursor: pointer;}
#prayer span {display: none; }
#prayer a:hover {background-position: 0px -35px;}
#prayer a {
width: 53px;
height: 35px;
background: url("../images/prayer.gif") 0 0 no-repeat;
display:block;
float:left;
cursor: pointer;}
#party span {display: none; }
#party a:hover {background-position: 0px -35px;}
#party a {
width: 122px;
height: 35px;
background: url("../images/conservative_party.gif") 0 0 no-repeat;
display:block;
float:left;
cursor: pointer;}
#publications span {display: none; }
#publications a:hover {background-position: 0px -35px;}
#publications a {
width: 88px;
height: 35px;
background: url("../images/publications.gif") 0 0 no-repeat;
display:block;
float:left;
cursor: pointer;}
#people span {display: none; }
#people a:hover {background-position: 0px -35px;}
#people a {
width: 56px;
height: 35px;
background: url("../images/people.gif") 0 0 no-repeat;
display:block;
float:left;
cursor: pointer;}
#contactus span {display: none; }
#contactus a:hover {background-position: 0px -35px;}
#contactus a {
width: 107px;
height: 35px;
background: url("../images/contact_us.gif") 0 0 no-repeat;
display:block;
float:left;
cursor: pointer;}
#archive span {display: none; }
#archive a {
width: 51px;
height: 20px;
background: url("../images/archive.gif") 0 0 no-repeat;
display:block;
cursor: pointer;}


#belowmenu {width: 760px;
height: 35px;
background: url("../images/belowmenu.gif") no-repeat;
display:block;
float:left;
clear:both;}

#belowmenuone {width: 760px;
height: 35px;
background: url("../images/onetop.gif") no-repeat;
display:block;
float:left;
clear:both;}

#belowmenuwide {width: 760px;
height: 35px;
background: url("../images/widetop.gif") no-repeat;
display:block;
float:left;
clear:both;}


/* Columns */

#one {float: left;width:660px;padding:0px 50px 0px 50px;}
#left {float: left;width:310px;padding:35px 20px 0px 50px;}
#right {float: left;width: 310px;padding:35px 20px 0px 40px;}
#subleft {float: left;width:310px;padding:0px 20px 0px 50px;}
#subleft2 {float: left;width:660px;padding:0px 50px 0px 50px;}
#subright {float: left;width: 310px;padding:0px 40px 0px 20px;}
#wideleft {float: left;width:390px;padding:0px 20px 0px 50px;}
#wideright {float: left;width: 230px;padding:0px 40px 0px 20px;}


#searching {width:310px; text-align:left; display:block; float:left; margin-bottom:10px;}
#donate {width:133px; float:left; margin-right:10px;}
input#search {width: 92px; float:left; font-family: Verdana, Arial, sans-serif, Helvetica; font-size:100%; border-right:1px solid #4E95B7;border-bottom:1px solid #4E95B7;border-left:1px solid #016798;border-top:1px solid #016798; padding:2px; }
input#google {width: 85px; margin:0px 10px 6px 30px;float:left; font-family: Verdana, Arial, sans-serif, Helvetica; font-size:100%; border-right:1px solid #4E95B7;border-bottom:1px solid #4E95B7;border-left:1px solid #016798;border-top:1px solid #016798; padding:2px; }
input#googlea {width: 150px; margin:0px 10px 6px 0px;float:left; font-family: Verdana, Arial, sans-serif, Helvetica; font-size:100%; padding:2px; }
input#button {width:55px; margin-left:10px; float:left;  }

/* Features */

#titlesB {padding:6px 10px 0px 10px; width: 290px; clear:both; float:left; margin:0px;}
#titlesA {padding:6px 10px 5px 10px; width: 290px; clear:both; float:left; margin:0px;}
#titlesone {padding:6px 10px 0px 10px; width: 660px; clear:both; float:left; margin:0px;}
#titlesbase {height:5px;width: 310px; clear:both; float:left;}
#titleswideL {padding:6px 10px 0px 10px; width: 370px; clear:both; float:left; margin:0px;}
#titleswideR {padding:6px 10px 0px 10px; width: 210px; clear:both; float:left; margin:0px;}
#titlesbase {height:5px;width: 310px; clear:both; float:left;}
#titlesonebase {height:5px;width: 660px; clear:both; float:left;}
#titlesbasewideL {height:5px;width: 390px; clear:both; float:left;}
#titlesbasewideR {height:5px;width: 230px; clear:both; float:left;}
#photo {width: 230px; clear:both; float:left; margin-top:0px;}


.blank{background:transparent}
.red {background: url("../images/feature_red.gif") no-repeat;}
.orange {background: url("../images/feature_orange.gif") no-repeat;}
.green {background: url("../images/feature_green.gif") no-repeat;}
.blue {background: url("../images/feature_blue.gif") no-repeat;}
.Lblue {background: url("../images/left_blue.gif") no-repeat;}
.Lnavy {background: url("../images/left_navy.gif") no-repeat;}
.oneblue {background: url("../images/one_blue.gif") no-repeat;}
.oneblueB {background: url("../images/one_blue_2.gif") no-repeat;}
.LblueB {background: url("../images/leftblue2.gif") no-repeat;}
.LnavyB {background: url("../images/leftnavy2.gif") no-repeat;}
.Lgreen {background: url("../images/left_green.gif") no-repeat;}
.onegreen {background: url("../images/one_green.gif") no-repeat;}
.onegreenB {background: url("../images/one_green_2.gif") no-repeat;}
.LgreenB {background: url("../images/left_green_2.gif") no-repeat;}
.onered {background: url("../images/one_red.gif") no-repeat;}
.Lred {background: url("../images/left_red.gif") no-repeat;}
.oneredB {background: url("../images/one_red2.gif") no-repeat;}
.LredB {background: url("../images/left_red2.gif") no-repeat;}


.LblueWL {background: url("../images/left_blue_wide.gif") no-repeat;}
.LblueBWL {background: url("../images/left_blue_wide_bot.gif") no-repeat;}
.LredWL {background: url("../images/left_red_wide.gif") no-repeat;}
.LredBWL {background: url("../images/left_red_wide_bot.gif") no-repeat;}
.LgreenWL {background: url("../images/left_green_wide.gif") no-repeat;}
.LgreenBWL {background: url("../images/left_green_wide_bot.gif") no-repeat;}
.LlilacWL {background: url("../images/left_lilac_wide.gif") no-repeat;}
.LlilacBWL {background: url("../images/left_lilac_wide_bot.gif") no-repeat;}
.LorangeWL {background: url("../images/left_orange_wide.gif") no-repeat;}
.LorangeBWL {background: url("../images/left_orange_wide_bot.gif") no-repeat;}

.LblueWR {background: url("../images/right_blue_wide.gif") no-repeat;}
.LblueBWR {background: url("../images/right_blue_wide_bot.gif") no-repeat;}
.LorangeWR {background: url("../images/right_orange_wide.gif") no-repeat;}
.LorangeBWR {background: url("../images/right_orange_wide_bot.gif") no-repeat;}
.LredWR {background: url("../images/right_red_wide.gif") no-repeat;}
.LredBWR {background: url("../images/right_red_wide_bot.gif") no-repeat;}
.LgreenWR {background: url("../images/right_green_wide.gif") no-repeat;}
.LgreenBWR {background: url("../images/right_green_wide_bot.gif") no-repeat;}

#featureboxA  {width:289px; padding:10px; background-color:#FBF4D9; border-bottom: 1px solid #025C79; border-right:1px solid #025C79; float:left; margin-bottom:10px; overflow: hidden}
#featureboxB  {width:290px; padding:10px; float:left; margin-bottom:10px; overflow: hidden}
#featureboxC  {width:295px; background-color:#0087DC; border-bottom: 1px solid #025C79; border-right:1px solid #025C79; float:left; margin-bottom:0px; overflow: hidden; margin-bottom:0px;padding:4px 10px 0px 4px;}
#featureboxoneblue  {width:619px; padding:20px 30px 15px 10px; float:left; border-right: 1px solid #37A1E4; overflow: hidden}
#featureboxonegreen  {width:619px; padding:20px 30px 15px 10px; float:left; border-right: 1px solid #8CCB50; overflow: hidden}
#featureboxonered  {width:639px; padding:20px 10px 15px 10px; float:left; border-right: 1px solid #D94759; overflow: hidden}
#featuredpeople  {padding:10px 30px 0px 10px; float:left; border-right: 1px solid #8CCB50; overflow: hidden}
#featuredstaff  {width:250px; clear:right; float:right}
#featureboxBwideL  {width:370px; padding:10px; float:left; margin-bottom:10px; overflow: hidden}
#featureboxBwideR  {width:210px; padding:10px; float:left; margin-bottom:10px; overflow: hidden}
#photoarea  {width:231px; margin-bottom: 10px; float:left; font-size:80%}


#titlesB a {text-decoration:none; color:#FFFFFF}
#titlesA a {text-decoration:none; color:#FFFFFF}
#titlesB a:hover {text-decoration:underline; color:#ffffff}
#titlesA a:hover {text-decoration:underline; color:#ffffff}

/* footer */

#footer {
clear: both;
width:760px;
text-align: center;
font-size: 80%;
padding-top: 50px; 
color:white;
}

.default {height:65px; background:url("../images/footer.gif") no-repeat;}
.wide {height:65px; background:url("../images/widefooter.gif") no-repeat;}
.grun {height:77px; padding-top: 62px !important;  background:url("../images/onebotgreen.gif") no-repeat; }
.sub {height:65px; background:url("../images/subfooter.gif") no-repeat;}
.oneone {height:65px; background:url("../images/oneone.gif") no-repeat;}

/* forms */

form {margin:0px;float:left;}
.forms {width: 252px; margin-bottom: 4px; margin-top:4px;font-family: Verdana, Arial, sans-serif, Helvetica; font-size:100%; border-right: 2px solid #777777;border-bottom: 2px solid #777777;border-top: 1px solid #c1c1c1;border-left: 1px solid #c1c1c1;padding:3px}
.forms2 {font-family: Verdana, Arial, sans-serif, Helvetica; margin-bottom: 4px; margin-top:4px; font-size:100%; border-right: 2px solid #777777;border-bottom: 2px solid #777777;border-top: 1px solid #c1c1c1;border-left: 1px solid #c1c1c1;padding:3px}
.question {width: 270px; border-top:1px solid #f1f1f1;border-left:1px solid #f1f1f1;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1; padding: 5px; display:block; margin-bottom:10px; float:left; }
.question2 {width: 270px; border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-bottom:1px solid #d1d1d1;border-right:1px solid #d1d1d1; padding: 5px; display:block; margin-bottom:10px; float:left; }
.space {display:block; margin: 15px 0px 15px 0px; clear:both; }

/* flash */

.flash {
	width:270px;
	background-color: #FFFFFF;
	padding: 8px;
	border-top: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin: 0px;
	display:block;
	float:left;
}
object {margin:0px;padding:0px;border:0px;}

/* Ticker */

.contentslide{border: 0px;padding: 0px;}
.contentslide #contentdiv{display: none;}
.pagination{display:none;}
.pagination a{text-decoration: none;}