/*
Name: Bexleyheath Community Church
Author: James Lumgair
Author URI: http://jameslumgair.com/
Date: 6 August 2010

*/       

html, body {border: 0; margin: 0; padding: 0;}

body {
  	font: 85%/0.9 arial, helvetica, sans-serif;
	background: #e5edff url(images/bgtest.jpg) no-repeat 0 0;
  	line-height: 130%;
  	width: 100%;
  	min-width: 970px;
  	color: black;
	/* Turn off font resizing */
			-webkit-text-size-adjust: none;
}

a {
	color: #0099CC;
	text-decoration: none;
}

a:hover {
	color: #00CCFF;
	text-decoration: underline;
}

a img {
  border: none;/*remove border for linked images*/
}

h1 {
	font-size: 24px;
	font-weight:lighter;
	height: 10px;
	padding-top: 0px;
	margin-top:0px;
	padding-bottom: 0px;
	line-height:100%;
	letter-spacing:-1px;	
	color:#468aad;
	text-transform:uppercase;
}

h2{
	font-size: 18px;
	font-weight:lighter;
	letter-spacing:-1px;
	padding-top: 0px;
	color:#8fb5cb;
	text-transform:uppercase;
	margin-top:0px;

	
}

h3{
	font-size: 18px;
	font-weight:lighter;
	letter-spacing:-1px;
	padding-top: 0px;
	line-height:100%;
	color:#0099CC;
	text-transform:uppercase;
}

h5{
	font-size: 18px;
	font-weight:lighter;
	letter-spacing:-1px;
	padding-top: 0px;
	color:#8fb5cb;
}
h4{
	font-size: 18px;
	font-weight:lighter;
	letter-spacing:-1px;
	padding-top: 0px;
	margin-left:10px;
	margin-top:12px;
	line-height:100%;
	color:#fff;
	text-transform:uppercase;
}

#maincontent p {
	margin:0px 0px 10px 0px;
}

.highlight {background-color:#FF9D9D;border-bottom:#F30 1px solid;border-top:#F30 1px solid;padding: 4px 10px}

/***** Main Layout ****/
#container {
  	
  	text-align: center;/* IE fix to center the page */
margin:11px 0px 0px 0px;
}

#containerHomepage {
  	
  	text-align: center;/* IE fix to center the page */
margin:70px 0px 0px 0px;
}

#containerWithMenu {
  	
  	text-align: center;/* IE fix to center the page */
margin:45px 0px 0px 0px;
}

#MainMenuSmall {
	
	margin-left:250px;
	padding-top:0px;

}
.SmallPurpleTab {
	width:200px;
	background: url(images/purpletab.gif) no-repeat;
	height:25px;
	padding-left:5px;
	padding-bottom:0px;
	
	display:block; 
	float:left; 
	
}
.SmallPurpleTab2 {
	width:200px;
	background: url(images/purpletab.gif) no-repeat;
	height:25px;
	padding-left:5px;
	padding-bottom:0px;
	display:block; 
	float:left; 

}

#content {
  	width: 990px;
  	margin: 0 auto;/* center the page in Firefox */
  	text-align: left;
	padding: 0px;
}

#topbar{
	width:740px;
	height:43px;
	background: url(images/churchlifetop2.gif) no-repeat;
	margin:0px 0px 0px 0px;
	float:right;
}
#visitors #topbar{
	width:740px;
	height:43px;
	background: url(images/visitorsbar2.gif) no-repeat;
	margin:0px 0px 0px 0px;
	float:right;
}
#churchlife #topbar{
	width:740px;
	height:43px;
	background: url(images/churchlifetop2.gif) no-repeat;
	margin:0px 0px 0px 0px;
	float:right;
}
#media #topbar{
	width:740px;
	height:43px;
	background: url(images/mediabar2.gif) no-repeat;
	margin:0px 0px 0px 0px;
	float:right;
}
#contact #topbar{
	width:740px;
	height:43px;
	background: url(images/contactbar2.gif) no-repeat;
	margin:0px 0px 0px 0px;
	float:right;
}

#maincontentbox{
	width:740px;
	margin:0px 0px 5px 5px;
	float:right;
}

#maincontent{
	width:716px;
	background:#ffffff url("http://www.bexleyheathcommunitychurch.co.uk/images/mainBGshade.jpg") repeat-x;
	margin:0px 0px 10px 0px;
	padding:10px;
	float:right;
	border-bottom:2px solid #0096ff;
	border-left:2px solid #0096ff;
	border-right:2px solid #0096ff;
}

#visitors #maincontent{
	width:716px;
	background:#ffffff url("http://www.bexleyheathcommunitychurch.co.uk/images/mainBGshade.jpg") repeat-x;
	margin:0px 0px 10px 0px;
	padding:10px;
	float:right;
	border-bottom:2px solid #ff006c;
	border-left:2px solid #ff006c;
	border-right:2px solid #ff006c;
}

#churchlife #maincontent{
	width:716px;
	background:#ffffff url("http://www.bexleyheathcommunitychurch.co.uk/images/mainBGshade.jpg") repeat-x;
	margin:0px 0px 10px 0px;
	padding:10px;
	float:right;
	border-bottom:2px solid #0096ff;
	border-left:2px solid #0096ff;
	border-right:2px solid #0096ff;
}

#media #maincontent{
	width:716px;
	background:#ffffff url("http://www.bexleyheathcommunitychurch.co.uk/images/mainBGshade.jpg") repeat-x;
	margin:0px 0px 10px 0px;
	padding:10px;
	float:right;
	border-bottom:2px solid #64ff19;
	border-left:2px solid #64ff19;
	border-right:2px solid #64ff19;
}

#contact #maincontent{
	width:716px;
	background:#ffffff url("http://www.bexleyheathcommunitychurch.co.uk/images/mainBGshade.jpg") repeat-x;
	margin:0px 0px 10px 0px;
	padding:10px;
	float:right;
	border-bottom:2px solid #ff8a00;
	border-left:2px solid #ff8a00;
	border-right:2px solid #ff8a00;
}

	#carouselbox{
	

		width:216px;
		height:255px;
		background:#fff ;
		margin:0px 0px 5px 5px;
		float:right;
		border-right:2px solid #2c2672;
		border-left:2px solid #2c2672;
		border-bottom:2px solid #2c2672;
		padding:10px 10px 10px 10px;

	}
	
	#carouselboxtopbar{
		width:240px;
		height:43px;
		background: url(images/carouselboxtopbar2.gif) no-repeat;
		margin:0px 0px 0px 5px;
		float:right;
	}
#video{
	width:490px;
	height:320px;
	margin:0px 5px 5px 5px;
	border-top:0px solid #838f84;
	border-left:0px solid #838f84;
	border-bottom:0px solid #838f84;
	float:left;
}	



#welcomebox{
	width:240px;
	margin:0px 5px 5px 0px;
	float:left;
	background:#f0f0f0 ;

}

#welcomebox-top {
 height:40px;
background: url(images/topcutmenu_grey.gif) no-repeat;
padding:8px 10px 0px 10px;
	
}
#welcomebox-bottom {
	height:262px;
	padding:8px 8px 0px 8px;
	border-bottom:2px solid #999999;
	border-left:2px solid #999999;
border-right:2px solid #999999;
}


#sidemenubox{
	width:240px;
	margin:0px 5px 5px 0px;
	float:left;

}

#sidemenuboxhomelogo{
	width:240px;
	margin:0px 0px 10px 0px;
	height:74px;
	

}

#MainHome
{
	width:240px;
	margin:0px 0px 10px 0px;
	height:74px;
  display: block;

  background: url("images/BCCHome2.png") no-repeat 0 0;

}

#MainHome:hover
{ 
  background-position: 0 -74px;
}

#MainHome span
{
  display: none;
}

#sidemenubox-top {
 height:35px;
background:#f0f0f0 url(images/topcutmenu_grey.gif) no-repeat;
padding:8px 10px 0px 10px;

	
}
#sidemenubox-bottom {

	padding:18px 8px 0px 8px;
	border-bottom:2px solid #999999;
	border-left:2px solid #999999;
border-right:2px solid #999999;
background:#f0f0f0;
}


/* #contact #sidemenubox-top {
 height:40px;
background: url(images/topcutmenu_orange.gif) no-repeat;
padding:8px 10px 0px 10px;
	
}
#contact #sidemenubox-bottom {

	padding:8px 8px 0px 8px;
	border-bottom:2px solid #ff8a00;
	border-left:2px solid #ff8a00;
border-right:2px solid #ff8a00;
}

#churchlife #sidemenubox-top {
 height:40px;
background: url(images/topcutmenu_blue.gif) no-repeat;
padding:8px 10px 0px 10px;
	
}
#churchlife #sidemenubox-bottom {

	padding:8px 8px 0px 8px;
	border-bottom:2px solid #0096ff;
	border-left:2px solid #0096ff;
border-right:2px solid #0096ff;
}

#media #sidemenubox-top {
 height:40px;
background: url(images/topcutmenu_green.gif) no-repeat;
padding:8px 10px 0px 10px;
	
}
#media #sidemenubox-bottom {

	padding:8px 8px 0px 8px;
	border-bottom:2px solid #64ff19;
	border-left:2px solid #64ff19;
border-right:2px solid #64ff19;
}
#visitors #sidemenubox-top {
 height:40px;
background: url(images/topcutmenu_pink.gif) no-repeat;
padding:8px 10px 0px 10px;
	
}
#visitors #sidemenubox-bottom {

	padding:8px 8px 0px 8px;
	border-bottom:2px solid #ff006c;
	border-left:2px solid #ff006c;
border-right:2px solid #ff006c;
}

*/


.welcomeboxtop-right {
background-image: url('images/corner-topleft9x9.gif');
height: 9px;
width: 9px;
}

.menubox1{
	width:240px;
	height:150px;
	margin:5px 5px 0px 0px;
	float:left;
}
.menubox2{
	width:240px;
	height:150px;
	margin:5px 5px 0px 5px;
	float:left;
}
.menubox3{
	width:240px;
	height:150px;
	margin:5px 0px 0px 5px;
	float:left;
}

.footer{
	width:990px;
	height:15px;
	float:left;
	margin:5px 0px 0px 0px;

	font-size: 9px;
	font-weight:normal;
	color:#999999;
	text-align:center;
	
}

div.column-sect {
  clear: both;
  display: inline-block;
  overflow: auto;
}

div.post-column {
  display: inline;
  float: left;
  margin-right: 18px;
  text-align: justify;
  width: 45%;
}

ul.ulsidemenubox, ul.ulsidemenubox ul {
  width: 100%;                 /* sets the size of the menu blocks */
   margin-left: 0px; 
margin-right: 10px;
padding: 0px;
border-bottom: 1px solid #ccc;
text-transform:uppercase;

}
ul.ulsidemenubox li {
	  list-style-type: none;   

	border-top: 1px solid #ccc;      /* puts a black border around the menu blocks */
	  
	margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
	
	
		}
ul.ulsidemenubox li:hover{
	  background-color: #fff;
	  cursor:pointer;
	color: #0099CC; 
	
	}
	ul.ulsidemenubox li a{
		 display: block;
		padding: 5px 0px 5px 5px;
		  color: #000;                 /* makes the active menu item text black */ 
		}	
	ul.ulsidemenubox li a:hover{
		 
		  color: #0099CC;     
		  text-decoration:none;
		}
.sidefont{
	font-size: 18px;
	font-weight:lighter;
	letter-spacing:-1px;
	padding-top: 0px;
	color:#8fb5cb;
}

#visitorpeople img {
	margin:0 10px 10px 10px;	
	cursor:pointer;	
}

.visitordescription {
	background-color:#FFFFFF;
	border:2px solid #1b1763;	
	width:638px;
	min-height:140px;
	display:none;
	margin-top:17px;
	margin-left:10px;
	-moz-border-radius:4px;
	padding:0 20px;
}

.visitordescription .arrow {
	width:34px;
	height:28px;
	background:transparent url(images/visitorarrow.gif) repeat scroll 0 -62px;
	margin-top:-22px;
	margin-left:20px;
	font-size:1px;
	position:relative;
}

#item2 .arrow {
	margin-left:165px;	
}

#item3 .arrow {
	margin-left:300px;	
}
#item4 .arrow {
	margin-left:445px;	
}
#item5 .arrow {
	margin-left:580px;	
}


#nav-menu-container {
width: 990px;
  	margin: 0 auto;/* center the page in Firefox */
  	text-align: left;
	padding: 0px;
}

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}
#nav-menu li
{

margin: 0 0.15em;
}
#nav-menu li a
{
height:25px;
line-height: 25px;
float: left;
display: block;
padding:0px 10px 0px 10px;
border-right: 1px solid #c0c0c0;
color: #0d2474;
text-decoration: none;
text-align: center;
font-weight:bold;
color:#c0c0c0;
z-index:9999;
}
#nav-menu li a:hover
{
color: #2c2672;
}
#nav-menu li .PurpleButton:hover
{
color: #2c2672 !important;
}
#nav-menu li .PinkButton:hover
{
color: #ff006c !important;
}
#nav-menu li .BlueButton:hover
{
color: #0096ff !important;
}
#nav-menu li .GreenButton:hover
{
color: #64ff19 !important;
}
#nav-menu li .OrangeButton:hover
{
color: #ff8a00 !important;
border-right: 0px solid #c0c0c0;
}
.OrangeButtonNoLine a {
border-right: 0px solid #c0c0c0 !important;
}

#nav-menu
{
margin:35px 0px 0px 250px;
height:25px;
background:url(http://www.bexleyheathcommunitychurch.co.uk/images/hozmenubg.png) no-repeat;
z-index:9999;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
padding:0px 10px 0px 10px;
}

.alignleft {
   float: left;
padding:0px 10px 10px 10px;
}

.alignright {
   float: right;
padding:0px 10px 10px 10px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 10px;
   margin: 10px;

}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 5px;
   margin: 0;
}



#maincontent ul { /* default bullet points - Lists in Web Parts in RHS use this too - IF not specific */ 
	padding: 10px 0px 10px 0px;
	margin: 0px 10px 10px 15px;
	list-style:none;
	/*list-style: url(/sitecollectionimages/hospital-menu-arrow.gif);*/
}
#maincontent li {
	padding-left: 25px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 0px;
	background: url("http://www.bexleyheathcommunitychurch.co.uk/images/bullet.png") 0px 0px no-repeat;
}	

a.dlbutton {
    background: transparent url('images/podcastbutton_right.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    height: 24px;
    margin-right: 6px;
    padding-right: 7px; /* sliding doors padding */
    text-decoration: none;
}

a.dlbutton span {
    background: transparent url('images/dlpodcastbutton_left.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 2px 5px 25px;
}

.nodlpodcastbutton {
    background: transparent url('images/podcastbutton_right.png') no-repeat scroll top right;
    display: block;
    float: left;
    height: 24px;
    margin-right: 6px;
    padding-right: 7px; /* sliding doors padding */
    text-decoration: none;
	margin-top:0px;
	margin-bottom:5px;
}
a:hover.nodlpodcastbutton  {
	text-decoration:none;
}

.nodlpodcastbutton span {
    background: transparent url('images/podcastbutton_left.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 2px 5px 10px;
   
}

.calnk a:hover {
     background-position:0 0;
     text-decoration:none;  
     color:#00CCFF;
     }
.calnk a:visited {
     text-decoration:none;
     color:#0099cd;
 
    }
.calnk a {
    text-decoration:none; 
    color:#0099cd;
    }
.calnk a span { 
    display:none; 
    }
.calnk a:hover span {
    color:#333333; 
    background:#F6F79B; 
    display:block;
    position:absolute; 
    margin-top:1px; 
    padding:5px; 
    width:150px; 
    z-index:100;
    }
 .calendar-table {
    border:1px solid #ccc;
    width:100%;
padding:10px;
background:#ffffff;
 }
 .calendar-heading {
    height:25px;
    text-align:center;
 }
 .calendar-next {
    width:25%;
    text-align:center;
 }
 .calendar-prev {
    width:25%;
    text-align:center;
 }
 .calendar-month {
    width:50%;
    text-align:center;
    font-weight:bold;
 }
 .normal-day-heading {
    text-align:center;
    width:25px;
    font-size:0.8em;
 }
 .weekend-heading {
    text-align:center;
    width:25px;
   font-size:0.8em;
   
 }
 .day-with-date {
    vertical-align:text-top;
    text-align:left;
    width:87px;
    height:87px;
    border:1px solid #ccc;
padding:5px;
 }
 .no-events {
 
 }
 .day-without-date {
    width:87px;
    height:87px;
padding:5px;
    border:1px solid #ccc;
 }
 span.weekend {
    color:#000;
 }
 .current-day {
    vertical-align:text-top;
    text-align:left;
    width:60px;
    height:60px;
padding:5px;
    border:1px solid #ccc;
    background-color:#e7ecf8;
 }
 span.event {
    font-size:0.75em;
 }
 .kjo-link {
    font-size:0.75em;
    text-align:center;
 }
 .event-title {
    text-align:center;
    font-weight:bold;
    font-size:1.2em;
 }
 .event-title-break {
    width:96%;
    margin-left:2%;
    margin-right:2%;
    margin-top:5px;
    margin-bottom:5px;
    text-align:center;
    height:1px;
    background-color:#000000;
 }
 .event-content-break {
    width:96%;
    margin-left:2%;
    margin-right:2%;
    margin-top:5px;
    margin-bottom:5px;
    text-align:center;
    height:1px;
    background-color:#000000;
 }
 .calendar-date-switcher {
    height:25px;
    text-align:center;
    border:1px solid #D6DED5;
    background-color:#E4EBE3;
 }
 .calendar-date-switcher form {
    margin:0;
    padding:0;
 }
 .calendar-date-switcher input {
    border:1px #D6DED5 solid;
 }
 .calendar-date-switcher select {
    border:1px #D6DED5 solid;
 }
 .cat-key {
    width:100%;
    margin-top:10px;
    padding:5px;
    border:1px solid #D6DED5;
 }
 .submitbutton {
    background: transparent url('images/podcastbutton_right.jpg') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 5px; /* sliding doors padding */
    text-decoration: none;
}

.submitbutton2 {
    background: transparent url('images/podcastbutton_left.jpg') no-repeat;
    display: block;
    line-height: 14px;
height:24px;
    padding: 3px 2px 5px 7px;
	border:0px;
	color:#0099cc;
}