@charset "UTF-8";
/* CSS Document */

body{
text-align:center;
font-family: Helvetica, Arial, sans-serif;
font-size:11.5pt;
line-height: 120%;
}

#lyywcontainer{
margin: 10px auto 10px auto;
padding: 0px;
text-align:left;
width: 770px;
}

#menu{
float:left;
padding: 15px 0px 15px 0px;
margin: 0px;
width: 770px;
}

.indentit{
padding: 0px 10px 0px 10px;
}
.menugap{
background:url(images/interface/lyyw_menu_divider.gif) no-repeat 2px 0px;
display:block;
width:11px;
height: 18px;
}

.menuhome{
background:url(images/interface/lyyw_menu_home.gif) no-repeat;
display:block;
width:41px;
height: 18px;
}

.menuhome:hover{
background:url(images/interface/lyyw_menu_home_o.gif) no-repeat;
}


.menucharter{
background:url(images/interface/lyyw_menu_charter.gif) no-repeat;
display:block;
width:78px;
height: 18px;
}

.menucharter:hover{
background:url(images/interface/lyyw_menu_charter_o.gif) no-repeat;
}

.menubasics{
background:url(images/interface/lyyw_menu_basics.gif) no-repeat;
display:block;
width:69px;
height: 18px;
}

.menubasics:hover{
background:url(images/interface/lyyw_menu_basics_o.gif) no-repeat;
}


.menubenefits{
background:url(images/interface/lyyw_menu_benefits.gif) no-repeat;
display:block;
width:81px;
height: 18px;
}

.menubenefits:hover{
background:url(images/interface/lyyw_menu_benefits_o.gif) no-repeat;
}

.menuwhycharter{
background:url(images/interface/lyyw_menu_whycharter.gif) no-repeat;
display:block;
width:94px;
height: 18px;
}

.menuwhycharter:hover{
background:url(images/interface/lyyw_menu_whycharter_o.gif) no-repeat;
}

.menustory{
background:url(images/interface/lyyw_menu_story.gif) no-repeat;
display:block;
width:63px;
height: 18px;
}

.menustory:hover{
background:url(images/interface/lyyw_menu_story_o.gif) no-repeat;
}

.menucommon{
background:url(images/interface/wloyw_commonquestions.gif) no-repeat;
display:block;
width:128px;
height: 18px;
}

.menucommon:hover{
background:url(images/interface/wloyw_commonquestions_o.gif) no-repeat;
}

.menuyouthworkers{
background:url(images/interface/lyyw_menu_youthworkers.gif) no-repeat;
display:block;
width:118px;
height: 18px;
}

.menuyouthworkers:hover{
background:url(images/interface/lyyw_menu_youthworkers_o.gif) no-repeat;
}

.menuresources{
background:url(images/interface/lyyw_menu_resources.gif) no-repeat;
display:block;
width:65px;
height: 18px;
}

.menuresources:hover{
background:url(images/interface/lyyw_menu_resources_o.gif) no-repeat;
}






.menuapply{
background:url(images/interface/lyyw_menu_apply.gif) no-repeat 10px 0px;
display:block;
width:52px;
height: 18px;
}


.menuapply:hover{
background:url(images/interface/lyyw_menu_apply_o.gif) no-repeat 10px 0px;
}


#menu ul{
list-style:none;
padding: 0px 10px 0px 10px;
margin: 0px;
}

#menu ul li{
list-style:none;
float: left;
text-indent:-9999px;


}

#menu ul li a{


}

#banner{
float:left;
padding: 0px;
margin: 0px;
width: 770px;
height: 60px;
}

#banner img{
padding: 0px 10px 0px 33px;
}

#lyywpage{
float:left;
padding: 0px;
margin: 0px;
width: 770px;
}

.postcardcontainer{

width: 503px;
height: 335px;
margin: 0px;
padding: 0px;
}

.postcardcontainer img{

border:none;
margin: 0px;
padding: 0px 0px 0px 10px;
}

.rightpostcard{
margin-left:410px;
}
.nextpostcard{

text-indent:-9999px;
background:url(images/interface/lyyw_morecartooons.gif) no-repeat;
width: 86px;
height: 10px;
display:block;
}

.nextpostcard:hover{
background:url(images/interface/lyyw_morecartooons_o.gif) no-repeat;
}

#main{
float:left;
padding: 0px;
margin: 0px;
width:513px;
}

#main p{
padding: 0px 10px 23px 10px;
margin: 0px;

}

.point{
text-indent: 20px;
background:url(images/interface/lyyw_point.gif) no-repeat 10px 0px; 
}

#main h2{
padding: 14px 10px 33px 10px;
margin: 0px;
font-size:16pt;
font-weight:600;
}

#main h3{
padding: 6px 10px 12px 10px;
margin: 0px;
font-size:15pt;
font-weight:normal;
}

#main ul{
padding: 0px 10px 25px 20px;
margin: 0px;
}

#main ul li{

}

#main ul li a{

}

#sub{
float:left;
padding: 0px;
margin: 0px;
width: 257px;
}


#sub h1{
padding: 0px;
margin: 0px;
display:block;
background:url(images/interface/lyyw_logo_sub.gif) no-repeat 10px 0px;
width: 247px;
height:69px;

}

#sub h1 span{
display:none;
}

.jCarouselLite ul{

}

.jCarouselLite ul li:first-child{
overflow: hidden;
 float: left; 
width: 237px; 
height: 320px;

}

.jCarouselLite ul li{
overflow: hidden;
 float: left; 
width: 237px; 
height: 320px;
display:none;
}

#loginformcontainer{
height: 90px;
display:none;
margin: 10px 0px 10px 0px;
}

#emailformcontainer{
height: 80px;
display:none;
margin: 10px 0px 10px 0px;
}

#loginform{

}

#loginform p, #emailformcontainer p{
margin: 2px 20px 0px 0px;
padding: 1px;
text-align: right;
}

#loginform p a, #emailformcontainer p a{
font-size:8pt;
color: black;
}
#loginform label, #emailformcontainer label{

}

#loginform input, #emailformcontainer input{

}

#registerformcontainer{

padding: 10px;
}

#registerformcontainer p{
margin: 2px 20px 0px 0px;
padding: 1px;
text-align: left;

}

#registerformcontainer p .small{
margin-left:145px;
font-size: 8pt;
}

#registerformcontainer p a{

color: black;
}
.redlabel{

float: left;
	text-align: left;

	padding: 3px;
	width: 125px;
background: #E31A50;
color:white;
height:15px;
}

.whitelabel{

float: left;
	text-align: left;

	padding: 3px;
	width: 125px;
background: #fff;
color:white;
height:15px;
}

.textinput{
border: none;
padding: 3px;
background:#ace7fc;
height:15px;
margin: 0px;
width: 335px;
}

.areainput{
border: none;
padding: 3px;
margin: 0px;
background:#ace7fc;
width: 335px;
}

form p{

padding: 0px 0px 8px 0px !important;
}

#frontlogin p{
text-align:right;
color: black;
font-size:9pt;
margin: 0px 20px 0px 0px;
padding: 0px;
}

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

#frontlogin p a:hover{
text-decoration:underline;
}

#quotecontainer{
margin: 20px 10px 20px 10px;
}

.quotelistcss{
overflow: hidden; position: relative;
}

.quoteitem:first-child{
position: absolute; 
top: 0pt;
z-index:3;
opacity:1;
width: 237px; 
height: 320px;

}

.quoteitem{
position: absolute; 
top: 0pt;
z-index:3;
opacity:1;
width: 237px; 
height: 320px;
display:none;
}





.quoteblock{
font-weight:normal;
font-size:17pt;
margin: 0px;
padding:0px;
line-height: 115%;
}

.quoteblock span{
letter-spacing: -1px;
}
.commentor{
font-size:8pt;
padding: 5px 0px 10px 0px;
margin:0px;
line-height: 9pt;
}

.comment p{
font-weight:normal !important;
font-size:13pt !important;
margin: 0px 10px 0px 10px !important;
padding:0px !important;

}

.comment span{
font-size:8pt;
padding: 5px 10px 20px 10px;
margin:0px;
display: block;
}




#sub2 ul{
padding: 10px 10px 0px 10px;
margin: 0px;
}


#sub2 ul li{
list-style:none;
padding: 0px 0px 17px 0px;
text-indent:-9999px;

}
#sub2 ul li a{
display:block;
height: 59px;
width: 237px;
border:none;
}


.download{
background:url(images/interface/lyyw_download.gif) no-repeat;
}

.getprinted{
background:url(images/interface/lyyw_get_printed.gif) no-repeat;
}

.question{background:url(images/interface/lyyw_question.gif) no-repeat;
}

.apply{
background:url(images/interface/lyyw_apply.gif) no-repeat;
}

.church{
background:url(images/interface/wloyw_yourchurch.gif) no-repeat;
}

.promises{
background:url(images/interface/wloyw_promises.gif) no-repeat;
}

.youthworker{
background:url(images/interface/wloyw_youthworker.gif) no-repeat;
}

.everything{
background:url(images/interface/wloyw_everything.gif) no-repeat;
}

.aboutyou{
background:url(images/interface/wloyw_aboutyou.gif) no-repeat;
}

.applicationhome{
background:url(images/interface/wloyw_applicationhome.gif) no-repeat;
}

.sendapplication{
background:url(images/interface/wloyw_sendapplication2.gif) no-repeat;
}

#lyywfooter{
float:left;
padding: 0px;
margin: 40px 0px 40px 0px;
width: 770px;
}

#teamcontainer{
float:right;
padding: 0px 10px 0px 0px;
margin: 0px;

}


#teamleft{
float: left;
background:url(images/interface/lyyw_bt_leftend.gif) no-repeat;
width: 17px;
height:46px;
padding: 0px;
margin: 0px;
}

#teamright{
float: left;
background:url(images/interface/lyyw_bt_rightend.gif) no-repeat;
width: 17px;
height:46px;
padding: 0px;
margin: 0px;
}

#team{
float:left;
padding: 0px;
margin: 0px;
background:url(images/interface/lyyw_bt_middle.gif) repeat-x;


height:46px;
}

#team ul{
list-style:none;
margin: 10px 5px 0px 5px;
padding: 0px;
}

#team ul li{
float:left;
list-style:none;
text-indent:-9999px;
margin: 0px 10px 0px 0px;
}

.linksoasis{
background:url(images/interface/lyyw_bt_oasis.gif) no-repeat;
width: 45px;
height: 27px;
display: block;
}


.linksspring{
background:url(images/interface/lyyw_bt_springharvest.gif) no-repeat;
width: 53px;
height: 27px;
display: block;
}

.linksyfc{
background:url(images/interface/lyyw_bt_yfc.gif) no-repeat;
width: 30px;
height: 27px;
display: block;
}

.linksalove{
background:url(images/interface/lyyw_bt_alove.gif) no-repeat;
width: 51px;
height: 27px;
display: block;
}


.linksschoolswork{
background:url(images/interface/lyyw_bt_schoolswork.gif) no-repeat;
width: 73px;
height: 27px;
display: block;
}

.linksyouthwork{
background:url(images/interface/lyyw_bt_youthwork.gif) no-repeat;
width: 48px;
height: 27px;
display: block;
}

.linkssoulsurvivor{
background:url(images/interface/lyyw_bt_soulsurvivor.gif) no-repeat;
width: 35px;
height: 27px;
display: block;
}

.linksamaze{
background:url(images/interface/lyyw_bt_amaze.gif) no-repeat;
width: 103px;
height: 27px;
display: block;
margin: 0px 0px 0px 20px;
}

#contact{
float:left;
padding: 0px;
margin: 0px;
}


#contact ul{
margin: 12px 0px 0px 0px;
padding:0px;
list-style:none;
}

#contact ul li{
text-indent:-9999px;
float: left;
list-style:none;

}

.contactus{
background:url(images/interface/lyyw_contactus.gif) no-repeat;
width:70px ;
height: 20px;
display:block;
}

.contactus:hover{
background:url(images/interface/lyyw_contactus_o.gif) no-repeat;
}

.webmaster{
background:url(images/interface/lyyw_webmaster.gif) no-repeat;
width:77px ;
height: 20px;
display:block;
}

.webmaster:hover{
background:url(images/interface/lyyw_webmaster_o.gif) no-repeat;
}

.contactdivider{
background: url(images/interface/lyyw_contact_divider.gif) no-repeat;
width:9px ;
height: 20px;
display:block;
}


.charterpoint{

}

.red{
color: #e31a50;
font-weight: 600;
}

a{
color: #e31a50;
text-decoration:none;
font-weight:bold;
}

a:hover{
text-decoration:underline;
}

.charterpoint h4{
padding-left: 30px;
background:url(images/interface/lyyw_point.gif) no-repeat 10px 0px; 
color: #e31a50;
font-weight: bold;
font-size:12pt;
cursor:pointer;
margin-top:0px;
}



.charterpoint p{
margin-bottom:10px;
}



.promise{
float:left;
width:419px;
padding: 0px;
}

.promisetitle{
float:left;
width: 493px;
height:29px;
padding: 0px;
margin: 0px;
background: url(http://www.weloveouryouthworker.org.uk/images/interface/wloyw_promise_title.gif) no-repeat;
}

.promisetitleh{
float: left;
width: 157px;
padding: 0px;
margin: 0px;
}

.promisetitlep{
float: left;
width: 335px;
padding: 0px;
margin: 0px;
}

.promiseh3{
margin: 0px !important;
padding: 8px 0px 0px 20px !important;
color: white;
font-weight: normal;
font-size: 13pt !important;
}



.promisep{
padding: 9px 8px 0px 10px !important;
margin: 0px;
font-size: 10pt !important;
color: black;

}



.promisebody{
float: left;
width: 493px;
 margin: 0px 0px 10px 0px;
padding:0px 0px 20px 0px;
background: url(http://www.weloveouryouthworker.org.uk/images/interface/wloyw_promise_body.gif) bottom no-repeat;
}

.actionitem{
margin: 10px 20px 5px 20px;
}

.actionadd{
margin: 5px 20px 0px 20px;
}

.actionitem h3{
margin: 0px;
padding: 0px;
}

.actionitem p{
margin: 0px !important;
padding: 0px !important;

}
.actionitem a{

}

.hidethis{
display: none;
}