body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,blockquote,th,tr,td,hr{margin:0;padding:0}
table,h1,h2,h3,h4,h5,h6{font-size:100%}
img
{
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: none;
	border-left-style: none;
}
	
body { background:#eaeaea; margin:0; padding:0;	  
       color: rgb(70,70,70);
       font-size: 10pt; 
       font-family:"Verdana", "sans-serif"; }

a { text-decoration: none; cursor:hand;
    color: rgb(31, 82, 123);/*#0c4b7b; */
}
    
table{border-collapse:collapse;border-spacing:0}

ul{
	list-style-type:disc;
	list-style-position:inside;
}

li{
	padding-top:3px;
	padding-bottom:3px;
}
blockquote
{
	margin-left:10px;
	border-left: solid 1px rgb(31, 82, 123);
	padding-left:5px;
}

a:hover {text-decoration:underline;}

.b { font-weight:bold;}
.c { text-align: center; }
.i { font-style: italic; }
.small {font-size:75%;}

.site_container { 
	background-color: white; position: relative; width: 980px; 
    margin: 0 auto; 
    padding-left:10px; padding-right:10px;
	text-align:left;    
}

.site_head { 
	background-image: url('Wcbc_logo_60_60.jpg'); 
	background-position:left top;
	background-repeat:no-repeat;
	height:60px;
	padding-bottom:10px;
}

.wiggly{
	background-image: url('wiggly.gif'); 
	background-position:center center;
	background-repeat:no-repeat;
	height:30px;
}

.site_head div{
	margin-left:65px;
	height:30px;
}
.site_head .title{	
	font-size:15pt;
	top:7px;
	position:relative;
}
.site_head .sub_title{
	font-size:11pt;
}

.site_banner { 
	background-image: url('front_980_100.png');
	background-repeat: no-repeat; 
	background-position:left top;
	width: 100%;  
	height: 100px;
	display:block;
}

.site_banner h1{
	vertical-align:middle;
	font-size:20pt;
	color:White;
	position:relative;
	top:35%;
	margin-left:20px;
	padding:2px;
	float:left;
	background-color:Gray; 
	opacity: 0.7;
	filter: alpha (opacity=70);

}

.site_body{
	margin-top:10px;
	background-color:white;
}               

.site_foot {
	border-top-style: solid; border-width: 10px; border-color: #eaeaea; 
    xcolor:rgb(100, 181, 240);
	background-color:white;
    font-size:80%;
}

.multibox {
	background-color:rgb(219,219,219);
	padding:10px 0px 0px 0px;
	width:100%;
}

.menu-small{
	text-align:right;
}

/* drop list menu begin */

#dropList { height:30px; width:100%; background:#89a url(topBack.gif) repeat-x left center; position:relative; font-family:arial, verdana, sans-serif; font-size:11px; z-index:500; border:1px solid #ccd; border-width:1px 1px 0 1px; } 
#dropList ul#menu { margin:0; padding:0 0 0 60px; list-style:none; white-space:nowrap; } 
#dropList ul#menu li.level1-li { float:left; height:29px; padding-top:1px; margin-right:1px; } 
#dropList ul#menu li.level1-li a.level1-a { display:block; height:26px; float:left; border-left:1px solid #7e8586; border-right:1px solid #2d2d2d; padding:0 10px 0 10px; text-decoration:none; line-height:24px; white-space:nowrap; font-weight:bold; color:#ddd; } 
#dropList ul#menu li.sub a.level1-a {color:#ddd;} 
#dropList ul#menu li.level1-li:hover, #dropList ul#menu li.level1-li a.level1-a:hover {position:relative;} 
#dropList ul#menu li.level1-li a.level1-a:hover, #dropList ul#menu li.level1-li:hover a.level1-a { border-left:1px solid #2d2d2d; border-right:1px solid #000; color:#fff; background:url(over.gif); } 
#dropList ul#menu li.sub a.level1-a:hover { height:29px; color:#000; background:url(topHover.gif); }  
#dropList ul#menu li.sub:hover > a.level1-a { height:29px; color:#000; background:url(topHover.gif); } 
#dropList ul#menu li div.listHolder { position:absolute; left:-9999px; top:29px; background:#fff url(divider.gif); border:1px solid #000; border-width:0 1px 1px 1px; padding:0; } /* IE6 only */ 
#dropList table { border-collapse:collapse; margin:-1px -10px; font-size:1em; width:0; height:0; } 
#dropList ul#menu :hover div.listHolder {left:0;} 
#dropList ul#menu a:hover div.listHolder {left:-1px;} 
#dropList ul#menu div.col1 {width:141px;} 
#dropList ul#menu div.col2 {width:280px;} 
#dropList ul#menu div.col3 {width:420px;} 
#dropList ul#menu a:hover div.left1, #dropList ul#menu :hover div.left1 {left:-141px;} 
#dropList ul#menu div.listHolder div.listCol {display:block; float:left; padding:10px; margin:0; width:120px;} 
#dropList ul#menu div.listHolder div.listCol h5 {padding:5px 0 0 0; margin:0; font-size:11px; line-height:13px; background:url(linedot.gif) repeat-x left bottom;} 
#dropList ul#menu div.listHolder div.listCol ul {padding:0; margin:0; list-style:none;} 
#dropList ul#menu div.listHolder div.listCol ul li {line-height:15px; padding:0; margin:0;} 
#dropList ul#menu div.listHolder div.listCol ul li a {color:#069; text-decoration:none; padding-left:10px; font-weight:normal; background:url(dot.gif) no-repeat left center;} 
#dropList ul#menu div.listHolder div.listCol ul li a:hover {text-decoration:underline;} 
#dropList ul#menu div.listHolder div.bottomLine {clear:left; background:#666; padding:5px 10px;} 
#dropList ul#menu a:hover div.listHolder div.bottomLine {height:1px;} 
#dropList ul#menu div.listHolder div.bottomLine p {padding:0 0 0 15px; margin:0; line-height:20px; color:#fc0; background:url(arrow.gif) no-repeat left center; font-weight:bold;} 
#dropList ul#menu div.listHolder div.bottomLine p a {color:#fff; text-decoration:underline;} 
#dropList ul#menu div.listHolder div.bottomLine p a:hover {text-decoration:none;}

/* drop list menu end */


/* column layout begin */
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		padding-bottom:10px;
		xborder:solid 1px red;
	}
	
	.colmask h1, .colmask h2{
		background:#eaeaea;
		font-size:120%;
	}
	.colmask h1, .colmask h2, .colmask p, .colmask ul{
		padding:5px;
	}
	/* common column settings */
	.colleft,
	.colmid,
	.colright {
		float:left;
		width:100%;
		position:relative;
		
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
		xborder:solid 1px red;
		background-color:White;
	}
	/* 3 Column settings */
	.threecol {
		xbackground:#eee;		/* right column background colour */
	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		xbackground:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		xbackground:#f4f4f4;	/* left column background colour */
	}
	.threecol .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* 3 Column blog style settings */
	.blogstyle {
		background:#eee;		/* right column background colour */
	}
	.blogstyle .colmid {
		right:25%;			/* width of the right column */
		background:#f4f4f4;	/* center column background colour */
	}
	.blogstyle .colleft {
		right:25%;			/* width of the middle column */
		background:#fff;		/* left column background colour */
	}
	.blogstyle .col1 {
		width:46%;			/* width of center column content (column width minus padding on either side) */
		left:52%;			/* 100% plus left padding of center column */
	}
	.blogstyle .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:56%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.blogstyle .col3 {
		width:21%;			/* Width of right column content (column width minus padding on either side) */
		left:60%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* 2 Column (left menu) settings */
	.leftmenu {
		xbackground:#fff;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:75%;			/* right column width */
		xbackground:#f4f4f4;	/* left column background colour */
	}
	.leftmenu .col1 {
		width:71%;			/* right column content width */
		left:102%;			/* 100% plus left column left padding */
	}
	.leftmenu .col2 {
		width:21%;			/* left column content width (column width minus left and right padding) */
		left:6%;			/* (right column left and right padding) plus (left column left padding) */
	}
	/* 2 Column (right menu) settings */
	.rightmenu {
		background:#eee;		/* right column background colour */
	}
	.rightmenu .colleft {
		right:25%;			/* right column width */
		background:#fff;		/* left column background colour */
	}
	.rightmenu .col1 {
		width:71%;			/* left column content width (left column width minus left and right padding) */
		left:27%;			/* (right column width) plus (left column left padding) */
	}
	.rightmenu .col2 {
		width:21%;			/* right column content width (right column width minus left and right padding) */
		left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	/* 2 Column (double page) settings */
	.doublepage {
		background:#eee;		/* right column background colour */
	}
	.doublepage .colleft {
		right:50%;			/* right column width */
		background:#fff;		/* left column background colour */
	}
	.doublepage .col1 {
		width:46%;			/* left column content width (column width minus left and right padding) */
		left:52%;			/* right column width plus left column left padding */
	}
	.doublepage .col2 {
		width:46%;			/* right column content width (column width minus left and right padding) */
		left:56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Full page settings */
	.fullpage {
		background:#fff;		/* page background colour */
	}
	.fullpage .col1 {
		width:96%;			/* page width minus left and right padding */
		left:2%;			/* page left padding */
	}
/* column layout end */

/* column layout */
.layout{
	xposition:absolute;
	width:100%;
}

.layout .end{
	clear:left;
}

.layout2col,
.layout3col {
	xbackground:yellow;
	width:100%
}
.layout2col .left, 
.layout2col .right,
.layout2col .left13,
.layout2col .right23 {
	position:relative;
	overflow:auto;
	xheight:40px;
	xbackground-color:#b0e0e6;
	width:48%;
}
.layout2col .left,
.layout2col .left13{
	left:1%;
	float:left;
	
}
.layout2col .left13{
	width: 31%;
}

.layout2col .right,
.layout2col .right23 {
	left:2%;
}
.layout2col .right23 {
	width:66%;
}

.layout3col .left,
.layout3col .mid,
.layout3col .right{
	position:relative;
	overflow:auto;
	width:31%;
	xheight:40px;
	xbackground-color:#b0e0e6;
}

.layout3col .left{
	left:1%;
	float:left;
}
.layout3col .mid{
	left:3%;
	float:left;
}
.layout3col .right{
	left:2%;
	float:left;
}
/* column layout end


/* articles begin */

.article{
	xmargin-top:10px;
	margin-bottom:10px;
	padding:6px;
	background:#eaeaea;
}
.article .body{
	padding:5px;
	background: white;
}
.article h1, .article table, .article p{
	padding-top:5px;
	padding-bottom:5px;
	word-wrap:break-word;
}

.article h1{
	font-size:140%;
	text-align:center;
}

.article h3{
	margin-top:15px;
}
.article table{
	width:100%;
}
.article td, .article th{
	text-align:left;
	border:solid 1px #eaeaea;
	padding:5px;
}

/* article end */

/* diary events begin */

.diary .entry{margin-top:5px; margin-bottom: 8px;}
.diary .time, .diary .type, .diary .content {margin-left:10px;}
.diary .date, .diary .type{font-weight:bold; }
.diary .type {margin-top:1px;}
.diary .time{font-size:80%; }

/* diary events end */


/* recording item begin */
.recording .entry {margin-top:5px; margin-bottom: 10px;}
.recording .date, .recording .speaker {font-weight:bold;}
.recording .title {margin-bottom:2px;}
.recording .click {cursor: pointer; font-weight:bold; margin-top:5px;  }
.recording .agg {cursor: pointer;  }
.recording .play, .recording .download
{
	border: solid 1px #ddd;
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 2px;
	background-color: #ffff66;
}
/* recording item end */


/* sunday series begin */
.sunday_series { 
	background-image: url('/pictures/2010/100107.png'); 
	background-position:left top;
	background-repeat:no-repeat;
}
.sunday_series .opac{
	padding:2px;
	background-color:white; 
	opacity: 0.7;
	filter: alpha (opacity=70);
	color:black;
}

/* sunday series end*/