/* wcg_styles.css - For the basic styles used by all pages */
/* amended 13 May 2008 */

html, body
	{
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	color: #000000;
	background-image: url(images/links_blue.gif);
	}
/* bizarrely IE6 seems to want to shift to the right by 3px
Could hack to shift everything else back but it looks ok */
body
	{
	margin: 20px;
	margin-right: 17px;
	}

div
	{
	border: none;
	margin: 0px;
	padding: 0px;
	}


#wrapper
	{
	background-image: url(images/bg.gif);
	background-attachment: fixed;
	margin: 0px;
	padding: 0px;
	}

.line_above {
	border-top: 3px dotted #fa6;
	padding-top: 6px;
}


#header
	{
	margin: 0px;
	padding: 0px;
	color: #900;
	text-align: center;
	}
/* IE5 needs shifting up - and #empty to clear its parsing palette */
* html body #header
	{
	margin-bottom: -19px;
	font-family: "\"}\"";
	font-family: inherit;
	margin-bottom: 0px;
	}
.headerpadding, .leftpadding, .centerpadding, .rightpadding
	{
	margin: 0px;
	padding: 10px;
	}
#empty{}

/* -1px margin-top is so NN4 borders overlap */
.columns
	{
	margin: 0px;
	margin-top: -1px;
	padding: 0px;
	color: #000000;
	background-color: #ffffff;
	}
/* reset post NN4 */
.columns
	{
/*/*/
	border-top: solid 4px #fa6;
	margin-top: 0px;
	background-color: transparent;
/* */
	}

/*
make sure that .leftcolumn's width is equal to .centercolumn's margin-left
-11px margin-top enables columns to line up in NN4 rather than dropping down unacceptably
*/
.leftcolumn
	{
	float: left;
	left: 0px;
	width: 180px;
	height: auto;
	margin: 0px;
	margin-top: -11px;
	padding: 0px;
	}
/* reset post NN4 */
.leftcolumn
	{
/*/*/
	margin-top: 0px;
/* */
	}

/* -7px margin-top enables footer/middles to line up in NN4 rather than dropping down unacceptably */

.footer, .middle
	{
	clear: both;
	margin: 0px;
	margin-top: -7px;
	padding: 6px;
	text-align: center;
	color: #900;
	background-color: #ffc;
	border-top: solid 3px #fc9;
	}
/* reset post NN4 */


.footer, .middle
	{
/*/*/
	margin-top: 0px;
/* */
	}

.footer p {
	font-size: .8em;
	line-height: normal;
	margin-top: 0;
	margin-bottom: 0;
}
 .centercolumn {
	border-bottom:  solid 2px #fa6;
 }
/* following styles have nothing to do with the structural layout */

/* ###################################################### */

/* Header and text styles */
h1, h2, h3, h4, h5
	{
	margin-top: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #900;
	padding: 0;
	}
p, dl {
	font-size: 1em;
	font-weight: normal;
	font-family:  "Gill Sans MT", "Franklin Gothic Book", Arial, Helvetica, sans-serif;
	color: #900;
}
p {
	line-height: 1.7;
}
h1 {
	font-size: 2.3em;
	text-align: center;
	}

h2 {
	font-size: 2em;
	text-align: center;
	}
h3 {
	font-size: 1.4em;
	}
h4 {
	font-size: 1.1em;
	}
h5 {
	font-size: 1em;
	}

blockquote {
	font-size: 1em;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #900;
	font-style: italic;
	line-height: 1.2;
	margin-top: 6px;
	margin-bottom: 2px;
}

/* list styles */
dt {
	font-size: 1.1em;
	font-weight: bold;
}

ul, ol {
	font-family:  "Gill Sans MT", "Franklin Gothic Book", Arial, Helvetica, sans-serif;
	color: #900;
}
ul {
	list-style: square;
	}
ul.bus { /* icon for bus list */
	list-style: url(images/bus_bullet.gif);
}
ul.rail { /* icon for rail list */
	list-style: url(images/br_bullet.gif);
}
ul.tube { /* icon for tube list */
	list-style: url(images/ug_bullet.gif);
}

.closer {
	margin-top: 0;
	margin-bottom: 0;
}
.sig {
	font: 1.2em "brush Script MT", "script MT Bold", "Bradley Hand ITC", cursive;
	line-height: normal;
	}
.no_line_height { /* reset line height */
	line-height: normal;
}
blockquote span.ref {
	font-style: normal;
	}
a {
	font-weight: bold;
	color: #026fff; /* bright blue */
	text-decoration: none;
}
a:hover { /* body links hover colours */
	color: #fff; /* white */
	background-color: #026fff; /* bright blue */
}


a img, a:hover img {
	border: none;
	background-color: none;
}

/* Top Navigation List Styles */
#topnavcontainer {
	width: 100%;
	text-align: center;
}
#topnavlist
{
padding: 0 1px 6px 0;
margin-left: 0;
font: bold .8em Verdana, sans-serif;
border-bottom: 2px solid #fa6;
}

#topnavlist li
{
list-style: none;
margin: 0;
border-top: 1px solid #fc9; /*orange*/
display: inline;
}

#topnavlist li a
{
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-left:   3px solid #fde080; /* lighter orange */
	border-top:    3px solid #fde080; /* lighter orange */
	border-right:  3px solid #ffc291; /*orange*/
	border-bottom: 3px solid #ffc291; /*orange*/
	background: #fd9;/* pale orange */
	text-decoration: none;
}

#topnavlist li a:link { color: #448; }
#topnavlist li a:visited { color: #667; }

#topnavlist li a:hover
{
	border-left:   3px solid #FFC291; /*orange*/
	border-top:    3px solid #FFC291; /*orange*/
	border-right:  3px solid #FDE080; /* lighter orange */
	border-bottom: 3px solid #FDE080; /* lighter orange */
	background: #ffc; /* light yellow */
}

#topnavlist li a:active
{
border-color: #bee;
color: #FFF;
background: #006eff;
}
/* Side Navigation List Styles */
#sidenavcontainer {
}

#sidenavlist
{
padding: 0 1px 1px 0;
margin-left: 0;
font: bold .8em Verdana, sans-serif;
background: #ffc;
width: 10em;
}

#sidenavlist li
{
list-style: none;
margin: 0;
border-top: 1px solid #fa6;
text-align: left;
}

#sidenavlist li a
{
display: block;
padding: 0.25em 0.5em 0.25em 0.75em;
border-left: 1em solid #fa6;
background: #ffc;
text-decoration: none;
}

#sidenavlist li a:link { color: #448; }
#sidenavlist li a:visited { color: #667; }

#sidenavlist li a:hover
{
border-color: #ffc;
color: #FFF;
background: #fa6;
}
#sidenavlist li a:active {
border-color: #bee;
color: #FFF;
background: #006eff;
}

/* Highlight current page links on left side menus */
#welcome .home_menu li.welcome a,
#focus .home_menu li.focus a,
#beliefs .home_menu li.beliefs a,
#contact .home_menu li.contact a,
#visitor_feedback .home_menu li.visitor_feedback a,
#services .services_menu li.services a,
#travel .services_menu li.travel a,
#schedule .services_menu li.schedule a,
#pastors_letters .services_menu li.pastors_letters a,
#worship .services_menu li.worship a,
#prayer .services_menu li.prayer0 a,
#location2 .services_menu li.location2 a,
#groups .outreach_menu li.groups a,
#outreach_projects .outreach_menu li.outreach_projects a,
#outreach_events .outreach_menu li.outreach_events a,
#leaflet .outreach_menu li.leaflet a,
#devotion .resources_menu li.devotion a,
#sermons .resources_menu li.aud_sermons a,
#pdf_sermons .resources_menu li.pdf_sermons a,
#songs .resources_menu li.songs a,
#letter_archive .resources_menu li.letter_archive a,
#wcg_links .resources_menu li.wcg_links a,
#christian_links .resources_menu li.christian_links a,
#disclaimer .resources_menu li.disclaimer a,
#congregation .gallery_menu li.congregation a,
#individuals .gallery_menu li.individuals a:hover,
#visitors .gallery_menu li.visitors a,
#events .gallery_menu li.events a
{
border-color: #FD0000;
color: #999;
background: #ff6
cursor: default;
}

#welcome .home_menu li.welcome a:hover,
#focus .home_menu li.focus a:hover,
#beliefs .home_menu li.beliefs a:hover,
#contact .home_menu li.contact a:hover,
#visitor_feedback .home_menu li.visitor_feedback a:hover,
#services .services_menu li.services a:hover,
#travel .services_menu li.travel a:hover,
#schedule .services_menu li.schedule a:hover,
#pastors_letters .services_menu li.pastors_letters a:hover,
#worship .services_menu li.worship a:hover,
#prayer .services_menu li.prayer0 a:hover,
#location2 .services_menu li.location2 a:hover,
#groups .outreach_menu li.groups a:hover,
#outreach_projects .outreach_menu li.outreach_projects a:hover,
#outreach_events .outreach_menu li.outreach_events a:hover,
#leaflet .outreach_menu li.leaflet a:hover,
#devotion .resources_menu li.devotion a:hover,
#sermons .resources_menu li.aud_sermons a:hover,
#pdf_sermons .resources_menu li.pdf_sermons a:hover,
#songs .resources_menu li.songs a:hover,
#letter_archive .resources_menu li.letter_archive a:hover,
#wcg_links .resources_menu li.wcg_links a:hover,
#christian_links .resources_menu li.christian_links a:hover,
##disclaimer .resources_menu li.disclaimer a:hover,
#congregation .gallery_menu li.congregation a:hover,
#individuals .gallery_menu li.individuals a:hover,
#visitors .gallery_menu li.visitors a:hover,
#events .gallery_menu li.events a:hover
{
	border-color: #FD0000;
	color: #999;
	background: #ff6
	cursor: default;
}

h2.sidebar {
	font: bold 1em Geneva, Arial, Helvetica, sans-serif;
	color: #f60;
	border: 1px solid #f60;
	padding: 0.25em 0.5em 0.25em 0.75em;
}

.links a:link, .links a:visited {
	font-weight: bold;
	color: #39f;
}

.links a:hover {
	color: #fff;
	background-color: #026fff;
}
.links ul {
	text-align: left;
	font-size: 90%;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	border-bottom: 1px dashed #026fff;
}
.links ul li {
	border-top: 1px dashed #026fff;
	border-left: 1px dashed #026fff;
	padding-left: 2px;
}

.right {
	float: right;
	padding-left: 12px;
}
.left {
	float: left;
	padding-right: 12px;
}

.clear {
	clear: both;
}
/* Devotional Styles */
.dev_head {
	width: 96%;
	padding: 5px;
	background-color: #c9e3f7;
	border: 2px double #2297bd;
}
.dev_head h2, dev_head h3 {
	color: #11c;
	text-align: left;
	font-family: Georgia, "Palatino Linotype", "Times New Roman", Times, serif;
}
.letter blockquote {
	color: #11c;
	margin-top: 1em;
	text-align: left;
	font-family: Georgia, "Palatino Linotype", "Times New Roman", Times, serif;
	line-height: 1.5;
}

.reference {
	font-family: sans-serif;
	font-size: 90%;
	font-style: normal;
	vertical-align: super;

}
#devotion ol li {
	padding-top: 5px;

}

ol.let {
	list-style-type: lower-latin;
}

.scripture, .dev_scripture {
	font-family: georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #0d4163;
}
.dev_head .scripture {
	font-size: 110%;
}

#dev_links, #links {
	font: .85em "Gill Sans MT", Trebuchet, Arial, Helvetica, sans-serif;
	}


.no_bullets {
	list-style-type: none;
}

#footnote {
	font-size: 90%;
	font-family: georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #008000;
}


/* table styles */
table {
	font: .9em/normal "comic Sans MS", "Gill Sans MT", "Franklin Gothic Book", sans-serif;
	border: 3px solid #fc9;
	border-collapse: collapse;
	background: #ffc;
}
th, td {
	border: 1px solid #fc9;
	padding: 3px;
}
.highlight1 {
	font-weight: bold;
	color: #00f;
}
.highlight2 {
	font-weight: bold;
	font-variant: small-caps;
	color: #f00;
}
.indent {
	margin-left: 1.5em;
}

.row_loc2 { /* highlight for services at another location */
	color: #903;
	background-color: #F2C100;
}
.row_spec { /* highlight for special row */
	color: #ffc;
	background-color: #39f;
}

.row_no_service { /* highlight for row with no service */
	color: #ffc;
	background-color: #b00;
}

.row_spec a:link, .row_no_service a:link { /* colour change for link on background */
	color: #dbfbff;
}
.row_spec a:visited, .row_no_service a:visited { /* colour change for visited link on background */
	color: #ffffd5;
}
caption { /* Caption for Table */
	font-size: 1.1em;
	padding: 4px;
	text-align: left;
}
.back_to_top {
	font-family: "Trebuchet MS", "Verdana", "Arial", helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
	text-align: right;
}

/* form styles */
fieldset {
	margin-bottom: 1em;
	width: 90%;
}
legend {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #026fff;
	letter-spacing: 0.1em;
}
label {
	display: block;
	font-weight: bold;
}

.box_background {
	background-color: #ffc;
	border: 1px solid #f60;
}

/* songs styles */
#song {
	width: 90%;
	margin: 1em auto;
	background-color: #ffc;
	line-height: normal;
	padding: 1em;
}
#song h2.song_title {
	width: auto;
	margin: 5px;
	padding: .5em .7em;
	border: 2px dotted #900;
	color: #00f;
}
#song h3.song_author {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	font-style: italic;
	line-height: 1.2em;
}
#song p.song {
	font-family: "Lucida Calligraphy", cursive;
	font-size: 105%;
	text-align: center;
}

.song_story {
	padding: .5em;
	background: #fdd;
	color: #00f;
	margin-bottom: 1em;
	}

.song_story p, .song_story li {
	color: #00f;
	line-height: 1.2em;
}
.copyright {
	font-size: .7em;
	color: #00f;
}
#download ul {
	list-style: url(images/quavers.gif);
}

/* letter & sermon styles */
.letter, .sermons, .prayer {
	width: 90%;
	padding: 0.5em 0.7em;
	border: 2px groove #006eff;
	margin: 2em auto;
}
.letter ul {
	list-style: disc;
}
.top_space {
margin-top: 1.5em;
}
.letter {
	background-color: #ffc; /* Pale Yellow */
}
.sermons {

	background-color: #fec; /* pale Orange */
}

.prayer {
	background-color: #dff; /* Pale blue */
}

.prayer p {

	font: .8em/1.7 Georgia, "Times New Roman", Times, serif;
}

.title {
	font-family: "Bodoni MT Black", "Arial Black", Arial, Helvetica, sans-serif;
	font-weight: Bold;
	color: #00f;
}
a:hover.title  {
	color: #fff;
	background-color: #00f;
}

/* visitor feedback page styles */
.v_feedback {
	background: url(images/parchment.gif);
	width: 90%;
	margin: .5em auto;
	border: 3px double #FFAA66;
	padding: 5px;
}
.v_feedback p {
	font-family: italic 1em Georgia, "Times New Roman", Times, serif;
	padding: 0;
	margin: .2em;
}
.v_feedback p.sig {
	font: 1.2em "Lucida Calligraphy", "brush Script MT", "script MT Bold", "Bradley Hand ITC", cursive;
	text-align: right;
	}

.center {
	text-align: center;
	font-family: "Script MT Bold", Brushscript, Cursive;
	font-size: 105%;
}

/* Miscellaneous Styles */
.votd { /* verse of the day style */
	font-size: .9em;
	font-style: italic;
	color: #800;
}

.ea { /* evangelical alliance */
	font: italic .8em Georgia, "Times New Roman", Times, serif;
	background: #FFFFFF;
	text-align: center;
	height: 111px;
	width: 310px;
	padding-bottom: 6px;
}
.ad, .sah { /* address and salvation army hall */
	font: 1em/normal "comic Sans MS", "Gill Sans MT", "Franklin Gothic Book", sans-serif;
	line-height: normal;
	color: #009;
	background-color: #ffc;
	padding: 6px;
	border: 2px solid #FFAA66;
}
.sah { /*salvation army hall image */
	background-image: url(images/hall_small.jpg);
	background-position: center right;
	background-repeat: no-repeat;
	height: 113px;
}

#note {
	width: 90%;
	font-size: 90%;
	padding: 0.5em 0.7em;
	border: 2px dashed #006eff;
	margin: 2em auto;
}

#note p {
	font-family: italic 1em Georgia, "Times New Roman", Times, serif;
}

#hark { /* Hark the Herald Angels Sing */
	width: 90%;
	padding: 0.5em 0.7em;
	border: 2px groove #9ff;
	margin: 2em auto;
	background-color: #fdf;
	color: #00f;
}
#hark h2 {
	font: bold 2em/1.5 "Monotype Corsiva", "Lucida Calligraphy", cursive;
	color: #00f;
}
#hark dl {

	font-family: Georgia, "Times New Roman", Times, Serif;
	font-size: 100%;
	color: #00f;
	padding-bottom: 10px;
	border-bottom: 3px dotted #900;
}
#hark dd {
	font-size: 90%;
}

.larger {
		font-size: 120%;
		font-family: Verdana, Arial, Tahoma, sans-serif;
		color: #fff;
}
.poem {
	font-family: "Lucida Handwriting", cursive;
	font-style: italic;
	text-align: center;
	color: #600;
}

q {
	quotes: none;
}

#sermons .highlight {
	color: #900;
}
#sermons a {
	font-size: 90%;
}
dl.twoline { /* Jokes: Feedline and Punchline */
	font-family: "Georgia","Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1em;
}
dt.twoline {
	color: #900;
}
dd.twoline {
	color: #f00;
}

#letters .bible li {
	list-style: url(images/bible_bullet.gif);
}
#letters .question li {
	list-style: url(images/question_bullet.gif);
}