/*
	Joomla templates developed by 
	http://www.joomladesigns.co.uk copyright 2007
	
	Updated by Karl Relton for Wokingham Baptist Church
	2007, 2008
*/

/* Include menu.css for expanding menus */
@import url(../../wbc_common/css/menu.css);
/* End of Import */

/* KAR
  Put in #EA0808 (red colour) where I'm not sure what the css applies to
  */

/* Global defaults & Page body */
*{	padding:0; margin:0; }*
body { text-align: center; background: #e2fbc1; }

body.published {
background: #AADDFF;
}

body.mceContentBody {
background: white;
}


/* Main content area */
.content { 
	border: 3px solid #242d39;
	padding: 5px;
	margin: 10px auto;
	text-align: left;
	width: 920px; 
	background: white;
}

.header {
	background: #fff url(../../wbc_common/images/header.jpg) ;
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
	height: 74px;
	padding: 1px 0 1px 0;
}

.logo {
	float: left;
	height: 74px;
	width: 300px;
	margin: 0px;
}

.central {
        width: 920px
	margin: 3px 0px 2px 0px;
}

.joomladesignsfooter { 
 	clear: both;
	text-align: center;
	line-height: 1.8em;
	color: #808080;
	background: #FFF;
	padding: 10px 0 10px 0;
	border-top: 1px solid #999999; /* #eee; */
        font-weight: bold;
}


/* Main html tag types */
h1 {
	font: bold 1.3em Arial, Sans-Serif;
	letter-spacing: -1px;
	color: #ea0808;
}


h1 a {
	color: #BF3E17;
}

tr, p, div {
	font-family: "Trebuchet MS", Arial,Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color:#212121;
}

hr {
	background:#999999;
	height:1px;
	width:100%;
}

ul {
	list-style:none;
}
li {
	padding-left: 25px;
	padding-top: 0;
	background-image: url(../../wbc_common/images/arrow.png) ;
	background-repeat: no-repeat;
	background-position: 10px 5px;
}
ol{
	margin-left:40px;
	list-style-position:inherit;
}

form {
	display: inline;
	margin: 0;
 	padding: 0;
}



/* Main menu stuff
  Note: most of the detail is in the included menu.css, but these
  settings seem to stick too */
#mainlevel-nav {
	float: right;
	font-size: 1.1em;
	width: 610px;
	height: 20px;
	text-align: right;
	margin: 47px 6px 0 0;
}

/* Insert mainlevel-nav specific version of table.moduletable to get
  ~600 width - not quite sure why setting above doesn't always achieve this */
#mainlevel-nav table.moduletable {
	width: 610px;
}

#mainlevel-fontsize {
	float: left;
	font-size: 1.1em;
	width: 200px;
	height: 10px;
	text-align: left;
	margin: 0 6px 0 47px;
}

#mainlevel-nav ul { font-size: 1.1em; margin: 0;  padding: 0;}

	#mainlevel-nav li { 
		color: black;
		background: none;
		display: inline;
	}
	
	#mainlevel-nav li a { 
		font-weight: bold;
		color: black; 
	} 
	
	#mainlevel-nav li a:hover { 
		color: black;
                text-decoration   : underline;
	} 
	
		

/* Other menu stuff - I don't think this is used normally, but
  it is possible that it kicks in when a user is logged in and
  the main menu displays on the left hand side */
#active_menu {
	color: #76c41d;
	text-decoration: underline;
	font-weight: bold;
}
a.mainlevel:link, a.mainlevel:visited {
	display: block;
	color: #212121;
	padding: 4px 0 4px 10px;
	margin: 0 0 1px 0;
	border-bottom: 1px solid #eee;
	text-decoration: none;
}
a.mainlevel:hover {
	color: #0a9ede;
	background: #D8D8D8;
}
a.mainmenu:link, a.mainmenu:visited {
	color: #ea0808; 
	font-family:  Arial,Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
}
a.mainmenu:hover {
	color: #333333; 
}

a.sublevel:link, a.sublevel:visited {
	font-size: 11px;
	color: #ea0808;
	text-indent:33px;
	line-height: 20px;
	display:block;
	margin-bottom:3px;
	width:100%;
	background-color:#c6c6c6;
}
a.sublevel:hover {
	color: #000000; text-decoration: none;
}

/* Module table */
table.moduletable {
	padding: 0px 0px 0px 0px;
	width: 295px;
	margin-bottom: 10px;
}

table.moduletable th {
	font: bold 1.1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #212121;
	width: 100%;
	font-weight:bold;
	padding: 3px 10px;
	text-align: left;
		
}
table.moduletable li {
	color: #ea0808;
	
}
table.moduletable ul {
	padding: 0px;
}

table.moduletable td {
	font-size: 11px;
	font-weight: normal;
}

/* Ensures border around our left hand side pictures */
table.moduletableleft_image  {
	font-size: 11px;
	font-weight: normal;
	border: 3px solid #999999;
	padding: 0px;
	margin-bottom: 10px;
}

table.pollstableborder {
	border: 1px solid #cccccc;
}

/* Section table */
.sectiontableheader {
	background-color : #cccccc;
	color            : #333333;
	font-weight      : bold;
	padding:5px;
}
.sectiontableentry1 td{
	border-bottom:1px solid #CCCCCC;
	padding:3px 3px 3px 6px;

}
.sectiontableentry2 td {
	border-bottom:1px solid #CCCCCC;
	padding:3px 3px 3px 6px;
}


/* Small */
.small {
	font-family      : Arial,Verdana, Helvetica, sans-serif;
	font-size        : 10px;
	color            : #999999;
	text-decoration  : none;
	font-weight      : bold;
}
.smalldark {
	font-family      : Arial,Verdana, Helvetica, sans-serif;
	font-size        : 10px;
	color            : #000000;
	text-decoration  : none;
	font-weight      : normal;
}

/* big titles */
.contentheading, .componentheading {
	font: bold 1.3em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #212121;
	text-align: left;
	margin: 0 0 10px 0;
	
}
.createdate {
	font-family      : Arial, Helvetica, sans-serif;
	font-size        : 10px;
	color:  #212121;
	text-align       : left;
	text-indent:18px;
	font-weight:bold;
	top:-5px;
	vertical-align: top;
	padding-bottom:2px;
	background:url(../images/date.png) no-repeat;
}
.button {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	font-weight: bold;
	background-color : #6dbc0f;
	color: #ea0808;
	border: 1px solid #757575;
}

/* search form input */
.inputbox {
	color: #757575;	
	padding: 2px;
	border: 1px solid #808080;
	margin: 0 0 4px 0;
}

#searchform {
	background: #F0F0F0;
	text-align: right;
	color: #ea0808;
	height: 40px;
	padding: 10px 10px 0 0;
}

#searchform .inputbox {
	color: #757575;	
	width: 300px; 
	border: 1px solid #808080;
	background: #ea0808;
	float: right;
}

/* Hyperlinks - set to match the banner colours */
a:link, a:visited {
	color: #008cc7;
	text-decoration: none;
}
a:hover {
	color: #75c114;
}

/* On Home Page in our green text box we need different colours
  for the hyperlink */
#home_page a {
    color: #605d5d;
}
#home_page a:link {
    color: #605d5d;
}
#home_page a:visited {
    color: #605d5d;
}
#home_page a:hover {
    color: #8a8d90;
}



/* Content pane */
.contentpane {
}
.contentpaneopen {
	border: 0px ridge #0099cc;
	width: 100%;
	padding: 1px;
}
table.contentpaneopen img {
	border: 3px solid #999999;
	padding: 0px;
	margin: 0px 5px 5px 0px;
}

/* email buttons etc. */
td.buttonheading img {
	border: 0px;
}


/* content page */
a.contentpagetitle:link, a.contentpagetitle:visited {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
 	color: #75c114;
	text-align:left;
	text-decoration: underline;
	}
a.contentpagetitle:hover {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	color: #212121;
	text-decoration: none;
	font-weight: bold;
	}
a.category:link, a.category:visited {
	color            : #333333;
	font-weight      : bold;
	font-size: 11px;
	font-weight: bold;
}
a.category:hover {
	color            : #999999;
}
.ontab {
	background-color: #ffae00;
	border-left: outset 2px #99cb46;
	border-right: outset 2px #808080;
	border-top: outset 2px #99cb46;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	font-weight: bold;
	color: #ea0808;
}
.offtab {
	background-color : #e5e5e5;
	border-left: outset 2px #E0E0E0;
	border-right: outset 2px #E0E0E0;
	border-top: outset 2px #E0E0E0;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	font-weight: normal;
}
.tabpadding {
}
.tabheading {
	background-color: #ffae00;
	text-align: left;
}
.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}
.back_button {
	text-align: center;
	margin-top: 5px;
}
table.contenttoc {
	color: #333300;
	background-color: #e0e0e0;
	border: 1px solid #ccc;
	padding:5px;
}
table.contenttoc td {
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
	padding-left:5px;
	padding-right:5px;
}
table.contenttoc th {
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
	padding:5px;
	background-color:#333333;
	color:#ea0808;
}
table.searchintro {
	width: 100%;
}
table.searchintro td {
	background-color: #293C43;
	color: #ea0808;
	font-weight: bold;
}
.readon {
	display:block;
	background:url(../../wbc_common/images/read_more.gif) no-repeat;
	color:#333333;
	text-indent: -5000px;
	width:100px;
	height:20px;
}
.mosimage {
	border: 1px solid #cccccc;
	margin: 5px
}
.mosimage_caption {
	margin-top: 2px;
	background-color:#cccccc;
	padding: 1px 2px;
	color: #ea0808;
	font-size: 10px;
	border-top: 1px solid #cccccc;
}
#core {
	padding:0px 5px 5px 5px;
	}


#mod_down1 {
	width:48%;
	float:left; 
	margin: 10px 2px 0 0;
}
#mod_down2 {
	width: 50%;
	float:right;
	margin: 10px 2px 0 0;
}

#banner {
	float: right;
	background: #FFF;
	width: 468px;
	height: 60px;
	border: 1px solid #ccc;
}


/* Pathways - Currently we don't display any pathways, so these are redundant */
.pathway {
	font-family:  Arial,Verdana, Helvetica, sans-serif;
	font-size: 9px;
}
a.pathway:link, a.pathway:visited {
	color            : #008cc7;
	font-weight      : normal;
}
a.pathway:hover {
	color            : #75c114;
	font-weight      : normal;
	text-decoration   : none;
}

/* Polls tables stuff - Currently we don't display any polls that I am aware of */
.pollstableborder {
	border: 1px solid;
	padding: 1px;
}
.poll {
	font-family      : Arial, Helvetica, sans-serif;
	font-size        : 10px;
	color            : #212121;
	line-height      : 14px;
}



/* No longer used - was in the original */
.wrap {
	padding: 0;
	margin: 10px auto;
	text-align: left;
	width: 920px; 
}