/* CSS Document */


#lcetcontainer{
width: 757px;
margin: 10px auto;
padding: 0px;
background: transparent;
box-shadow: 10px 10px 5px #888;

}

/******************************************* header **********************************/

#lcetheader{
width: 757px;
float: left;
padding: 0px;
margin: 0px;
height: 94px;

}

#lcetlogo{
float: left;
margin: 0px;
padding: 0px;
width: 566px;
height:72px;
}

#lcetlogo h1 a{
display:block;
width: 465px;
height:76px;
background: url(http://www.lcet.org/images/interface/lcet_logo_main.png) no-repeat;
padding: 0px;
margin: 0px;
border:none;
}

#lcetlogo h1 span{display:none;}

/******************************************* log in box **********************************/

#lcetcolours{
float: left;
margin: 0px;
padding: 0px;
width: 80px;
height:76px;

}


#lcetcolours ul{
margin: 56px 0px 0px 0px;
}

#lcetcolours ul li{
float: left;
margin: 0px; 
padding: 0px;
}

#lcetcolours ul li a{
display:block;
overflow: hidden;
width:15px;
height:15px;

text-indent:-9999px;
}


#lcetlogin{
float: right;
margin: 0px;
padding: 0px;
width: 110px;
height:76px;
text-align:right;
}




#lcetlogin p{

margin: 56px 0px 0px 5px;
background: #ffffff;
padding: 0px 3px 1px 3px;

}





#lcetlogin p a {
color: black;
text-decoration:none;
font-size:10px;
font-weight:bold;
margin-top:1px;
}

#lcetloginform{
float: right;
height: 13px;
width:700px;
overflow: hidden;
text-align: right;

}

#lcetloginform .forgot{
float: right;
margin: 0px;
padding: 0px;
text-decoration:none;
}

#lcetloginform .forgot a{
color: black;
font-size:10px;
text-decoration:none;

}

#lcetloginform p{
font-size:10px;

margin: 0px;
padding: 0px;

}

#loginform{
display:inline-block;
float: right;
font-weight:bold;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 10px;
font-size:10px;
background: white;
}

#loginform .input{
padding: 0px 2px 0px 2px;
margin: 0px;
height: 13px;
width: 100px;
border:none;
font-size:9px;
vertical-align:top;
}

.logbt{
border: none;
margin: 0px;
padding: 0px;
font-size:9px;
font-weight: bold;
vertical-align:top;
background: #fff;
color: black;
cursor: pointer;
}

#loginform a{
text-decoration: none;
font-size:10px;
font-weight: normal;
color: black;
}

/******************************************* top menu section **********************************/

#lcetmenu{
width: 550px;
float: left;
padding: 0px;
margin: 0px;
height: 30px;
background: #000000;

}

#lcetmenu ul{
float:left;
margin: 8px 0px 0px 0px;
padding: 0px;
width: 550px;
}

#lcetmenu ul li{
float: left;
margin-left: 22px; 
padding: 0px;

}

#lcetmenu ul li a{
color:white;
text-decoration:none;
font-size:1.12em;
}

#lcetmenu ul li a:hover{text-decoration:none;}

#lcetsearch{
width: 207px;
float: left;
padding: 0px;
margin: 0px;
height: 30px;
background: #000000;
overflow: hidden;
}

#lcetsearch form{
float:right;
margin: 6px 0px 0px 0px;

font-weight: normal;
padding: 0px;
}

#lcetsearch form p{

text-align: left;

}

#lcetsearch form label{
color: #ffffff;
margin:3px 5px 0px 0px;
padding:0px;
font-size: 0.8em;
font-weight: normal;
vertical-align:middle;
}


#lcetsearch form #keywords{
border: none;
width: 97px;
margin: 0px;
padding: 1px 0px 1px 0px;
vertical-align:middle;
}

.sbt{
color: white;
background: #000000;
border: none;
margin: 0px 18px 0px 3px;
padding: 0px;
font-size: 0.8em;
font-weight: normal;
vertical-align:middle;

}


.searchitem{
float:left;
width:440px;
}


.topbar{
float: left;
height: 30px;
position:relative;
}

.facebooklink{
position:relative;
display: block;
left: 757px;
top: 0px;
width:27px;
height:87px;
overflow: hidden;
float: left;
}

.facebooklink a{
background:url(http://www.lcet.org/images/interface/tag_facebook.jpg) no-repeat;
width:27px;
height:87px;
display: inline-block;
text-indent:-9999px;
}

.facebooklink a:hover{cursor:pointer;}


/******************************************* campaign image **********************************/

#campaignimg{
float: left;
margin: 0px;
padding: 0px;
height:332px;
width:757px;
overflow:hidden;

} 

#campaignimg .tour{
position: absolute;
 left: 620px; 
 top: 37px; 
 z-index:200;

 overflow: hidden;
 width: 119px;
 height: 74px;
 cursor:pointer;
}

#campaignimg .tour h2{
margin: 8px 34px 0px 10px;
font-size:16px;
line-height: 16px;
color:white;
font-weight:bold;
}


#campaignimg .tour p{
font-size:10px;
font-weight:normal;
margin: 2px 10px 0px 10px;
color:white;

}


#campaignimg .info{
position: absolute;
 left: 620px; 
 top: 130px; 
 z-index:200;
 background:url(http://www.lcet.org/images/interface/lcet_bg_campaign_grey.png) no-repeat;
 overflow: hidden;
 width: 119px;
 height: 139px;
 cursor:pointer;
}

.info a{
color: white;
text-decoration: none;
}


#campaignimg .info h2{
color:white;
font-size:1.12em;
font-weight:bold;
line-height:1.11em;
margin:10px 10px 0;
}

#campaignimg .info p{
font-size:11px;
font-weight:normal;
margin: 9px 10px 0px 10px;
color:white;
}

#campaignimg .info2{
position: absolute;
 overflow: hidden;
 width: 119px;
 height: 258px;
 cursor:pointer;

 left: 620px; 
 top: 37px; 
 z-index:200;

}

#campaignimg .info2 p{
font-size:11px;
font-weight:normal;
margin: 49px 10px 0px 10px;
color:white;
}


#campaignimg .maintitle{
position: absolute;
 left: 18px; 
 top: 264px; 
 z-index:200;
 cursor:pointer;
 background:#ffffff;

 padding: 4px 8px 2px 8px;
 font-size:1.12em;
font-weight:bold;
}


#campaignimg .moreimg{
position: absolute;
 left: 699px; 
 top: 245px; 
 z-index:200;
 background:url(http://www.lcet.org/images/interface/lcet_moreimg.png) no-repeat;
 overflow: hidden;
 width: 41px;
 height: 41px;
 cursor:pointer;
}
/******************************************* page and columns **********************************/

#lcetpage{
width: 757px;
float: left;
background:#d4d5d6 ;
margin:0px;
padding: 0px 0px 15px 0px;
}

.columnside{
width: 137px;
float: left;
margin: 0px;
padding: 0px;
overflow:hidden;
}

.column1{
width: 155px;
float: left;
margin:35px 0px 0px 0px;
padding: 0px;
overflow:hidden;
}

.column3{
width: 465px;
float: left;
margin:35px 0px 0px 0px;
padding: 0px;
overflow:hidden;
}

.column3inner{
float:left;
margin-left:18px;
display: inline;
}

.column4{
width: 620px;
float: left;
margin:35px 0px 0px 0px;
padding: 0px;
overflow:hidden;
}

.column4inner{
float:left;
margin-left:18px;
margin-right:18px;
display: inline;
}


/******************************************* article item **********************************/

.articleic{
float: left;
width:155px;
height: 210px;
margin: 0px;
padding: 0px;

}

.articleici{
float: left;
margin: 0px 0px 25px 18px;
background: #000000;
display:inline;
}

.articleitem {
	width: 137px;
	height: 111px;
	float: left;
	background: #000;
	position: relative;
	overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
	color: #fff;
}




.articleitem .desc{
	position: absolute;
	bottom: 0;
	left: 0; /*--Stick the desc class to the bottom of our main image container--*/
	width: 100%;

	
}
.articleitem .block{
	width: 100%;
	background: url(http://www.lcet.org/images/interface/transparent_67.png) repeat;
	
}

.articleblack{
float: left;
width: 137px;
height:86px;
background: #000000;
}


/******************************************* article column 3 **********************************/

.column3 img{
margin: 0px 0px 18px 0px;
}


/******************************************* resource item small **********************************/

.resourcesitemsmall{
float: left;
background: url(http://www.lcet.org/images/interface/lcet_bg_resource_black.png) no-repeat 18px 0px;
width:155px;
height:159px;
overflow:hidden;
}

.resourcesitemsmall h3{
margin: 10px 28px 10px 28px;
font-weight: bold;
color:white;
}

.resourcesitemsmall p{
margin: 5px 28px 5px 28px;
color:white;
font-size:11px;
line-height: 13px;
}

.resourcesitemsmall a{
color: white;
text-decoration: none;
}


.resourceitem{
padding: 10px; 
background: #fff; 
margin: 10px 0px 10px 0px;
float: left;
width: 425px;
}

.resourceitem a{
color: black;
text-decoration: underline;
}

.resourceitem a:hover{
color: black;
text-decoration: none;
}

/******************************************* quick links **********************************/

.quicklinks{
float: left;
margin: 0px 0px 25px 18px;
display:inline;
}

.quicklinks h3{
padding: 3px 6px 3px 6px;
margin: 0px 0px 11px 0px;

color:white;
}


.quicklinks li{
margin: 0px 0px 11px 0px;
width: 137px;
float: left;
}

.quicklinks li a{
text-decoration: none;
float: left;
}

.quicklinks img {float: left; margin-right:5px;}


/******************************************* article links right side bar**********************************/

.articlelinks{
float: left;
margin: 0px 10px 25px 18px;
display:inline;
}

.articlelinks h3{
padding: 3px 6px 3px 6px;
margin: 0px 0px 11px 0px;

color:white;
}

.articlelinks ul{
padding: 0px;
margin: 0px;
width: 119px;
}
.articlelinks li{
margin: 0px 0px 11px 0px;
display:inline-block;
width: 119px;
float: left;
}

.articlelinks li a{
text-decoration: none;
float: left;
}

.articlelinks img {float: left; margin-right:5px;}

/******************************************* article links2 right side bar**********************************/

.articlelinks2{
float: left;
margin: 0px 10px 25px 18px;
display:inline;
}

.articlelinks2 h3{
padding: 3px 6px 3px 6px;
margin: 0px 0px 11px 0px;

color:white;
}

.articlelinks2 ul{
padding: 0px;
margin: 0px;
width: 119px;
}
.articlelinks2 li{
margin: 0px 0px 11px 0px;
display:inline-block;
width: 119px;
float: left;
}

.articlelinks2 li .text{
text-decoration: none;
width: 70px;
float: left;
display: block;
}

.articlelinks2 img {float: left; margin-right:5px;}

/******************************************* main menu **********************************/

#mainmenu{
margin: 35px 0px 5px 18px;
padding: 15px 10px 1px 10px;
}

#mainmenu li{
margin: 0px 0px 20px 0px;
color: white;
cursor:pointer;
}

#mainmenu li a{
color: black;
text-decoration:none;
font-weight:bold;
}

#mainmenu li a span{color:white;}



#mainmenu ul{
margin: 20px 0px 20px 0px;
color: white;
}

#mainmenu ul li {
margin: 0px 0px 10px 0px;
font-size:11px;
font-weight: normal;
}

#mainmenu ul li a{
color: white;
}



.menuarticle{font-size:11px;}


/******************************************* main menu2 **********************************/

#mainmenu2{
margin: 18px 0px 5px 18px;
padding: 20px 10px 3px 10px;
}

#mainmenu2 li{
margin: 0px 0px 20px 0px;
color: white;

}

#mainmenu2 li a{
color: black;
text-decoration:none;
font-weight:bold;
}

#mainmenu2 li a span{color:white;}



#mainmenu2 ul{
margin: 20px 0px 20px 0px;
color: white;
}

#mainmenu2 ul li {
margin: 0px 0px 15px 0px;
font-size:11px;
font-weight: normal;
}

#mainmenu2 ul li a{
color: white;
}


/******************************************* Footer **********************************/

#lcetfooter{
float: left;
margin: 0px;
padding: 0px;
height:30px;
width:757px;
background: #000000;
}

#lcetfooter ul{
margin: 7px 0px 0px -7px;
}

#lcetfooter ul li{
float: left;
margin-left: 25px;
}

#lcetfooter ul li a{
color: #ffffff;
text-decoration:none;
font-size:0.75em;
}

#lcetfooter p{
float:right;margin-right:18px;color:#fff;
font-size:0.75em;margin-top:2px;
}

/********************************* info box *********************************/

.infobox{
float:left;
background:url(http://www.lcet.org/images/interface/lcet_bg_box_bt.gif) no-repeat bottom left;
margin: 0px 0px 20px 18px;
display:inline;
height:407px;
overflow:hidden;
}

.infoboxtop{
width:137px;
height: 20px;
float:left;
background:url(http://www.lcet.org/images/interface/lcet_bg_box_t.gif) no-repeat top left;
}

.infoboxinner{
float: left;
margin: 0px 28px 0px 10px;
display:inline;
}

.infoboxinner h3{
color:white;

margin: 0px 0px 12px 0px
}

.infoboxinner p{
font-size:11px;
line-height: 13px;
color:white;
margin: 0px 0px 11px 0px
}
/********************************* footer links *********************************/

#lcetfooterlinks{
float: left;
margin: 0px;
padding: 0px;

width:757px;

}

#lcetfooterlinks ul{
float: right;

margin: 20px 0px 20px 0px;

}
#lcetfooterlinks ul li{
float: left;
text-indent:-9999px;
}

#lcetfooterlinks ul li a{
display: block;
height:72px;
}

.wloyw{
background:url(http://www.lcet.org/images/interface/lcet_footer_wloyw.png) no-repeat;
width:231px;
}

.sh{
background:url(http://www.lcet.org/images/interface/lcet_footer_selfharm.png) no-repeat;
width:147px;
}

.sw{
background:url(http://www.lcet.org/images/interface/lcet_footer_schoolswork.png) no-repeat;
width:212px;
}



.main_image {
	width: 300px;
	height: 111px;
	float: left;
	background: #333;
	position: relative;
	overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
	color: #fff;
}
.main_image h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 5px;
	padding: 10px;
}


.main_image .desc{
	position: absolute;
	bottom: 0;
	left: 0; /*--Stick the desc class to the bottom of our main image container--*/
	width: 100%;
	display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.main_image .block{
	width: 100%;
	background: #111;
	border-top: 1px solid #000;
}

/******************************************************** mini cart *******************************************************/

.minicart{

}

.minicartinner{
font-size: 11px;
margin: 0px 18px 10px 18px;
}

.minicartinner ul{
margin: 0px 0px 10px 0px;
}

.minicartinner ul li{
margin: 5px 0px 5px 0px;
border-top: 1px solid black;
padding: 5px 0px 5px 0px;
border-bottom: 1px solid black;
}

.minicartinner h2{
text-indent:-9999px;
background:url(http://www.lcet.org/images/interface/lcet_minicart_full.gif) no-repeat;
height: 20px;
width: 27px;
display:block;
}

.minicartinner p span{
padding-top: 6px;
display:inline-block;
}

.minicartinner .check{
padding: 0px 0px 0px 69px;
}

.minicartinner .empty{
text-indent:-9999px;
background:url(http://www.lcet.org/images/interface/lcet_minicart_empty.gif) no-repeat;
height: 15px;
width: 20px;
display:inline-block;
}
.minicartinner .checkout{
text-indent:-9999px;
background:url(http://www.lcet.org/images/interface/lcet_minicart_checkout.gif) no-repeat;
height: 15px;
width: 26px;
display:inline-block;
}

.minicartinner .delete{
text-indent:-9999px;
background:url(http://www.lcet.org/images/interface/lcet_minicart_bin.gif) no-repeat;
height: 11px;
width: 20px;
display:inline-block;
}

.addtocartb{
background: url(http://www.lcet.org/images/interface/lcet_cart_add_black.gif) no-repeat;
padding-left: 20px;
}

.addtocartw{
background: url(http://www.lcet.org/images/interface/lcet_cart_add_white.gif) no-repeat;
padding-left: 20px;
}



#site_map{
margin: 10px;
}

#site_map li{
margin: 5px;
list-style:square;
font-size: 15px;
}

#site_map li ul{
margin: 10px;
}

#site_map li ul li{
margin: 5px;
font-size:14px;
}

#site_map li ul li ul{
margin: 10px;
}

#site_map li ul li ul li{
margin: 5px;
font-size:13px;
}

#site_map a{
color: black;
text-decoration: none;
}

#site_map .menuarticle{
list-style:none !important;
font-size:13px !important;
}

.jqmWindow{
    display: none;
    position: fixed;
    
    top: 0px;
    left: 50%;
    
    margin-left: -378px;
    width: 757px;
    
    background-color: #D4D5D6;
    color: #000;
  
    padding: 0px 0px 12px 0px;
}

.jqmWindow h2{
padding: 18px;
}



.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


.jqmWindow2{
    display: none;
    position: fixed;
    
    top: 100px;
    left: 50%;
    
    margin-left: -150px;
    width: 300px;
    
    background-color: #D4D5D6;
    color: #000;
  
    padding: 0px 0px 12px 0px;
}

.jqmWindow2 h2{
padding: 18px;
}

* html .jqmWindow2 {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


.tableregister{
font-size: 12px;
margin: 15px 20px 0px 20px;
}

.tableregistertitle{
width: 100px;
vertical-align:top;
font-weight: normal;
text-align: right;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 10px;
line-height: 14px;
}

.tableregisterdata{
width: 350px;
vertical-align:top;
padding-bottom: 10px;
}

.tableregisterdata span{
display: inline-block;
vertical-align:top;
padding-top:3px;

}

.tableregister .input{
border: none;
padding: 2px;
width: 220px;
}

.tableregister .inputshort{
border:none;
padding: 2px;
}

.title4{
font-weight:bold !important;
padding-bottom: 10px;
font-size:14px;
}

.tableregister a{
color: black;
}







.tableregisterpre{
width: 150px;
text-align:top;
}

.tableregisterpre2{
width: 150px;
text-align:top;
}

.tableregistertitle2{
width: 100px;
vertical-align:top;
font-weight: normal;
text-align: right;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 10px;
line-height: 14px;
}

.tableregistertitle3{
width: 150px;
vertical-align:top;
font-weight: normal;
text-align: right;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 10px;
line-height: 14px;
}

.tableregisterdata2{
width: 240px;
vertical-align:top;
padding-bottom: 10px;
}

.tableregisterdata2 span{
display: inline-block;
vertical-align:top;
padding-top:3px;

}

.tableregisterdata2 .input{
border: none;
padding: 2px;
width: 220px !important;
}


#prayerweek{font-size:16px;}

.prayerweekdate{
padding: 9px;
background: #fff;
border-right: #D4D5D6 solid 14px;
border-bottom:#D4D5D6 solid 8px;
vertical-align: center;
width: 119px;
}

.prayerweekpeople{
padding: 9px;
background: #fff;
border-right: #D4D5D6 solid 14px;
vertical-align: center;
border-bottom:#D4D5D6 solid 8px;
width: 122px;
}

.prayerweeksignup{
padding:4px 9px 4px 9px;
background: #fff;
vertical-align: center;
border-bottom:#D4D5D6 solid 8px;
width: 122px;

}

.prayerweeksignup form{
margin: 0px;
padding: 0px;
}

.prayerweekbtsignup{
font-size:15px;
border: none;
padding: 0px;
margin: 0px;
background: #fff;
cursor: pointer;
line-height: 1.5;
text-decoration:none;
}

.prayerweekbtcancel{
font-size:15px;
border: none;
padding: 0px;
margin: 0px;
color: #d2232a !important;
background: #fff;
cursor: pointer;
line-height: 1.5;
}

.apply{font-size:12px;}

.apply span{
display: inline-block;
height:20px;
width:12px;
}

.addaperson{
text-align: right;
margin:10px 0 !important;
}

.addaperson a{
color: #000;
}

.bookings{

}

.bookings th{
font-weight: bold;

padding-bottom: 10px;

}

.bookings th.name{
width: 200px;
}

.bookings th.event{
width: 200px;
}

.bookings th.pay{
width: 120px;
}

.bookings td{
height: 26px;
}
.receipt{

}

.receipt .receiptid{
width: 70px;
}

.receipt .event{
width: 235px;
}

.receipt .amount{
width: 81px;
}



.tablebooking{
font-size: 12px;
margin: 15px 20px 0px 20px;
}

.tablebookingtitle{
width: 100px;
vertical-align:top;
font-weight: normal;
text-align: right;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 10px;
line-height: 14px;
}

.tablebookingdata{
width: 350px;
vertical-align:top;
padding-bottom: 10px;
}

.tablebookingdata span{
display: inline-block;
vertical-align:top;
padding-top:3px;

}

.tablebooking .input{
border: none;
padding: 2px;
width: 220px;
}

.tablebooking .inputshort{
border:none;
padding: 2px;
}

.title4{
font-weight:bold !important;
padding-bottom: 10px;
font-size:14px;
}

.tablebooking a{
color: black;
}







.tablebookingpre{
width: 150px;
text-align:top;
}

.tablebookingpre2{
width: 0px;
text-align:top;
}

.tablebookingtitle2{
width: 230px;
vertical-align:top;
font-weight: normal;
text-align: right;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 10px;
line-height: 14px;
}

.tablebookingtitle3{
width: 150px;
vertical-align:top;
font-weight: normal;
text-align: right;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 10px;
line-height: 14px;
}

.tablebookingdata2{
width: 240px;
vertical-align:top;
padding-bottom: 10px;
}

.tablebookingdata2 span{
display: inline-block;
vertical-align:top;
padding-top:3px;

}

.tablebookingdata2 .input{
border: none;
padding: 2px;
width: 220px !important;
}