html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}

body { line-height: 1;}

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none;}

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {	
border-collapse: collapse;
border-spacing: 0;
}

b, strong { font-weight: bold; }


/*================
LAYOUT
================*/

body { 
height: 100%;
background: #bedce4;
background: -moz-linear-gradient(top, #93c7d4, #ffffff); 
background: -webkit-gradient(linear, 0 0, 0 100%, from(#93c7d4), to(#ffffff));
}

#container {
margin: 0 auto;
width: 980px;
background-color: #ffffff;
padding: 0 0 20px 0;
}
  
#topbanner {
margin: 20px 0 20px 0;
padding: 0 20px;
height: 14px;
width: 940px;
float:left;
}


/*===== TYPOGRAPHY =====*/

p { margin: 0 0 16px 0; }

h2, h3, h4, h5 { margin: 0; }

h4 { margin: 0 0 16px 0; }

h2 { margin: 0 0 16px 0; }

h3{ margin: 0 0 16px 0; }

.sidebarBox h3 { margin: 0; }

.boxes h3 { margin: 0 0 16px -2px; }

.col700 h2 { margin: 0; }

#textbackground.col700 h2 { margin: 0 0 16px 0; }

#qbackground h2 { margin: 0 0 8px -2px; }

/*===== TOPBAR =====*/

h5.tagline, h5.name { 
float:left;
color: #000; 
font-size: 14px;
line-height: 14px;
}

h5.name { font-weight: bold; }

h5.tagline { float: right; }


/*===== NAVIGATION =====*/

#menu1 {
width: 940px;
background: #f2f2f2;
float: left;
z-index: 500;
position: relative;
margin: 0 0 3px 20px;
}

#menu1 .sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}

#menu1 .sf-menu { line-height: 1.0; }

#menu1 .sf-menu ul {
position: absolute;
top:	-999em;
width: 10em; /* left offset of submenus need to match (see below) */
}

#menu1 .sf-menu ul li { width: 100%; }

#menu1 .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

#menu1 .sf-menu a { display: block; }

#menu1 .sf-menu li:hover ul, #menu1 .sf-menu li.sfHover ul {
left:	0;
top:	40px; /* match top ul list item height */
z-index: 99;
padding: 5px 0;
background-color: #f2f2f2;
}

#menu1 ul.sf-menu li:hover li ul, #menu1 ul.sf-menu li.sfHover li ul { top: -999em; }

#menu1 ul.sf-menu li li:hover ul, #menu1 ul.sf-menu li li.sfHover ul {
left: 10em; /* match ul width */
top:	0;
}

#menu1 ul.sf-menu li li:hover li ul, #menu1 ul.sf-menu li li.sfHover li ul { top: -999em; }

#menu1 ul.sf-menu li li li:hover ul, #menu1 ul.sf-menu li li li.sfHover ul {
left:	10em; /* match ul width */
top:	0;
}

#menu1 ul.sf-menu li {
float: left;	
width: 104px;
border-right: 1px solid #ffffff;
position: relative;
}

#menu1 ul.sf-menu li.discussion {
width: 100px;
border-right: 0;
}

#menu1 ul.sf-menu li ul {
display: none;
position: absolute;
top: 42px;
left: 0;
width: 190px;
background-color: #f2f2f2;
z-index: 500;
border-top: 2px solid #f2f2f2;
}

#menu1 ul.sf-menu li a, #menu1 ul.sf-menu li a:visited {
height: 28px;
border-top: 4px solid #000;
padding: 5px 0px 5px 3px;
z-index: 500;
}

#menu1 ul.sf-menu li ul a, #menu1 ul.sf-menu li ul a:visited {
border: none;
height: 16px;
}

#menu1 ul.sf-menu li ul a:hover { text-decoration: underline; }

#menu1 ul.sf-menu li ul li {
width: 190px;
border: 0;
}

#bodyul li {
border-bottom: 1px solid #ddd;
padding-bottom: 4px;
margin-bottom: 4px;
float: left;
width: 100%;
}

#investingList li {
border-bottom: 1px solid #ddd;
padding: 0 0 4px 0;
margin: 0 20px 4px 0;
float: left;
width: 340px;
}


#investingList li:nth-child(even){
margin: 0 0 4px 0;
}

#investingList {
width: 700px;
float: left;
}

span span { display: none; }

hr {
background-color: #eee;
color: #eee;
border: 0;
font-size: 1px;
height: 1px;
line-height: 1px;
width: 100%;
margin: 0 0 12px 0;
float: left;
}


/*===== FOOTER =====*/

#footer {
clear:left;
height: auto;
width: 980px;
height: 295px;
}

#footerInner {
border-top: 2px solid #dddddd; 
float:left;
margin: 20px 20px 0 20px;
width: 940px;
height: 270px;
padding: 5px 0 0 0;
background: #fff;
}

.footerboxes {
width: 144px;
margin: 0 5px;
float: left;
}

#newfrontiers {
width: 144px;
height: 50px;
}

#newfrontiers a:link { text-decoration: none; }

.credits { margin-top: 110px; }

.footerlinks {
border-top: 1px solid #dddddd;
width: 940px;
margin: 2px 0 0 0;
padding: 5px 0 0 0;
float: left;
}

.footerlinks li {
float: left;
position: relative;
width: 82px;
margin: 0 0 0 5px;
}

.footerlinks li ul {
display: block;
position: absolute;
left: 0;
}

.footerlinks li ul li { margin: 0; }

#footerlinks li a { display: block; } 

.footerlinks ul>li a {
display: block;
padding: 0 0 5px 5px;
}

.qklinksboxesskype, .qklinksboxesface, .qklinksboxesflickr, .qklinksboxesvimeo, .qklinksboxesfoot, #quicklinksfooter {
width: 163px;
height: 20px;
color: #858584;
float: left; 
}  

#quicklinksfooter { width: 940px; }

.qklinksboxesfoot { width: 253px; }  

.qklinksboxesface {
width: 259px;
margin: 0 0 0 9px;
}  

.qklinksboxesflickr {
width: 257px;
margin: 0 0 0 -86px;
}

.qklinksboxesvimeo {
width: 150px;
margin: 0 0 0 -82px;
}

.iconfooter, .iconfooterskype, #iconfootervimeo {
height: 20px;
width: auto;
margin-top: 3px;
float:left;
}

#iconfootervimeo { width: 100px; }

span.flickrfooter, span.vimeofooter, span.feedfooter, span.skypefooter, span.facebookfooter {
display: block;
float: left;
width: 31px;
height: 12px;
margin: 2px 5px 0 -1px;
background: url("http://www.mosaic-church.org.uk/images/flickr.png") no-repeat;
}

span.vimeofooter {
width: 42px;
background:url("http://www.mosaic-church.org.uk/images/vimeo.png") no-repeat;
}

span.feedfooter {
width: 12px;
background: url("http://www.mosaic-church.org.uk/images/feedfooter1.png") no-repeat;
}
  
span.skypefooter {
width: 12px;
background: url("http://www.mosaic-church.org.uk/images/skype_icon.png") no-repeat;
}

span.facebookfooter {
width:13px;
height:13px;
background: url("http://www.mosaic-church.org.uk/images/facebookfooter.png") no-repeat;
}


/*===== Page Containered styles =====*/

#containered, .containered {
background-color: #FFFFFF;
float: left;
position: relative;
width: 940px;    
margin: 0 0 0 20px; 
}

#containeredkids, #containeredfront, #containeredcontact, #containeredcamp, #containeredcreative, #containeredmokids, #containeredalpha, #containeredlovenations, #containeredinternational, #containeredfaith, #containeredserving, #containerednewfrontiers, #containeredmissiongroups, #containeredschedule, #containeredsunday, #containeredmission, #containeredcreative1, #lower_container, #containered_podcasts, .containeredblog, #containeredintro, #containered_camember, #containeredWho, #containeredMission, #containeredNew, #containeredInternational, #containeredCounselling, #containeredMts, #containeredTraining, #containeredBible, #containeredFp, #containeredChurchPlanting, #containeredJoin, #containeredDirections, #containeredGiving, #containeredRelocating, #containeredBaptism, #containeredMore, #containeredMarriage, #containeredBelieve, #containeredResources {
height: 397px;
overflow: hidden;
}

#containeredcreative1, #lower_container, #containeredmokids, #containeredschedule, .containeredblog, #containered_podcasts, #containered_camember { height: auto; }

#containeredkids { background: url(http://www.mosaic-church.org.uk/images/jonah-6.gif) no-repeat; }

#containeredfront { background: #fff; }

#containeredcamp { background: url(http://www.mosaic-church.org.uk/images/phase2.gif) no-repeat; }

#containeredcreative {
background: url(http://www.mosaic-church.org.uk/images/chairs.jpg) no-repeat;
height: 335px;
}

#containeredintro {
height: 350px;
background: url(http://www.mosaic-church.org.uk/images/intro_container_bg2.jpg) no-repeat;
}

#containeredintro img {
position: absolute;
top:0;
left:0;
}

#containeredalpha {
background: url(http://www.mosaic-church.org.uk/images/alpha_stripes.jpg) no-repeat;
height: 563px;
}

#containeredlovenations {
background: url(http://www.mosaic-church.org.uk/images/LoveNationsBG1000x340.jpg) no-repeat; 
height: 335px;
}

#containeredfaith { background: url(http://www.mosaic-church.org.uk/images/fandw.jpg) no-repeat; }
#containeredserving { background: url(http://www.mosaic-church.org.uk/images/serve.jpg) no-repeat; }
#containerednewfrontiers { background: url(http://www.mosaic-church.org.uk/images/newfrontiers.jpg)no-repeat; }
#containeredmissiongroups { background: url(http://www.mosaic-church.org.uk/images/Dinner_wide.jpg) no-repeat; }
#containeredWho { background: url(http://www.mosaic-church.org.uk/images/who_bg.jpg) no-repeat; }
#containeredMission { background: url(http://www.mosaic-church.org.uk/images/mission_bg.jpg) no-repeat; }
#containeredNew { background: url(http://www.mosaic-church.org.uk/images/new_bg.jpg) no-repeat; }
#containeredInternational { background: url(http://www.mosaic-church.org.uk/images/international_bg.jpg) no-repeat; }
#containeredCounselling { background: url(http://www.mosaic-church.org.uk/images/counselling_bg.jpg) no-repeat; }
#containeredMts { background: url(http://www.mosaic-church.org.uk/images/mts_bg.jpg) no-repeat; }
#containeredTraining { background: url(http://www.mosaic-church.org.uk/images/training_bg.jpg) no-repeat; }
#containeredBible { background: url(http://www.mosaic-church.org.uk/images/bible_bg.jpg) no-repeat; }
#containeredFp { background: url(http://www.mosaic-church.org.uk/images/fp_bg.jpg) no-repeat; }
#containeredChurchPlanting { background: url(http://www.mosaic-church.org.uk/images/church_planting_bg.jpg) no-repeat; }
#containeredJoin { background: url(http://www.mosaic-church.org.uk/images/join_bg.jpg) no-repeat; }
#containeredDirections { background: url(http://www.mosaic-church.org.uk/images/directions_bg.jpg) no-repeat; }
#containeredGiving { background: url(http://www.mosaic-church.org.uk/images/giving_bg.jpg) no-repeat; }
#containeredRelocating { background: url(http://www.mosaic-church.org.uk/images/relocating_bg.jpg) no-repeat; }
#containeredBaptism { background: url(http://www.mosaic-church.org.uk/images/baptism_bg.jpg) no-repeat; }
#containeredMore { background: url(http://www.mosaic-church.org.uk/images/more_bg.jpg) no-repeat; }
#containeredMarriage { background: url(http://www.mosaic-church.org.uk/images/marriage_bg.jpg) no-repeat; }
#containeredBelieve { background: url(http://www.mosaic-church.org.uk/images/believe_bg.jpg) no-repeat; }
#containeredResources { background: url(http://www.mosaic-church.org.uk/images/resources_bg.jpg) no-repeat; }

/*===== Columns =====*/

.column_container {
width: 960px;
float: left;
margin: 20px 0 0 0;
position: relative;
}

.col220, .col460 {
width: 220px;
float:left;
margin: 0 0 0 20px;
overflow: hidden;
}

.col460 { 
width: 480px; 
margin: 0;
}

.colTitle {
border-top: 2px solid #eee;
border-bottom: 1px solid #eee;
padding: 5px 0 0 0;
margin: 0 0 10px 0;
position: relative;
float: left;
width: 100%;
}

.col940 {
width: 940px;
float: left;
margin: 0 0 0 20px;
}

.col940 > .col700 { margin: 0; }

.col940 > .col220 { margin: 0 20px 0 0; }

.col940 > .col_span {
margin: 0;
width: 940px;
}

.col700 {
width: 700px;
float:left;
margin: 0 0 0 20px;
}

.col700 > .col_span { 
margin: 0; 
width: 700px;
}

.col700 > .col_span > .colTitle {
border-top: 2px solid #eee;
border-bottom: 1px solid #eee;
}

.col700 > .col460 {  width: 460px;  }

.col700 .colTitle {
float:left;
width: 100%; 
margin: 0 0 12px 0;
border-top: 6px solid #eee;
border-bottom: 6px solid #eee;
padding: 15px 0 10px 0;
}

.col700 .col220 { margin: 0 20px 0 0; }

.col700 > .col220:last-child { margin: 0; }

.colTitle.indexPageTitle {
border-top: 2px solid #eee;
border-bottom: 1px solid #eee;
padding: 5px 0 16px 0;
margin: 0 0 10px 0;
}

.col180 {
width: 180px;
float:left;
margin: 0 0 0 10px;
}

.fourColumn {
width: 100%;
float:left;
column-width: 220px;
-moz-column-width: 220px;
-webkit-column-width: 220px;
column-gap: 20px;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
}

.column_container > div.col180:first-child { margin: 0 0 0 20px; }

.column_container.mokidsRota { margin: 0 0 0 3px; }

#leftRail, #leftRail2{
float:left;
width: 237px;
height: auto;
}

#center {
float: left; 
width: 460px;
margin: 0 0 0 20px;
}

#rightRail {
float: left;
width: 203px;
margin: 0 0 0 20px;
}

.containered > #rightRail {
position: absolute;
top: 30px;
right: 30px;
}

.alpha_col_signup { 
background: #e85957;
min-height: 230px;
height: auto;
margin: 0;
width: 200px;
padding: 10px;
float:left;
}

.col_span {
width: 460px;
float: left;
margin: 0 0 0 20px;
}

#textbackground .col220 { 
width: 205px; 
margin: 0 0 0 10px;
}

#textbackground.col700 .col220 { width: 220px; }

#textbackground .col220:first-child { margin: 0; }

#textbackground.col700 {
width: 700px;
}

.showcase_entry .col460, #showcase_new_entry .col460, #editMemberProfile .col460, #memberProfile .col460 { width: 460px; }

.showcase_entry .col220, #showcase_new_entry .col220, #editMemberProfile .col220, #memberProfile .col220 { margin: 0 0 0 20px; }

.col460 > .col460 {
width: 460px;
margin: 0 0 0 20px;
}

.col940 > .col460 {
width: 460px;
margin: 0 20px 0 0;
}

.homepageColEntry {
float: left;
width: 220px;
border-bottom: 1px solid #ddd;
margin: 0 0 5px 0;
}

.homepageColEntry img {
width: 51px;
height: 51px;
float: left;
margin: 0 10px 5px 0;
}

.homepageColEntry p {
margin: 0 0 5px 0;
font-size: 11px;
line-height: 13px;
}

/*===== Icons =====*/

span#speaker {
display: block;
float:left;
background: url(http://www.mosaic-church.org.uk/images/speaker.gif) no-repeat;
} 

span#speaker:before {content:url("http://www.mosaic-church.org.uk/images/speaker.gif");}

span.arrow {
display: block;
float:left;
width:12px;
height:12px;
margin: 2px 5px 0 0;
background: url("http://www.mosaic-church.org.uk/images/bluearrowright12x12.png") no-repeat;
} 

span.arrow:before {content:url("http://www.mosaic-church.org.uk/images/bluearrowright12x12.png");}

span.speech {
display:block;
float:left;
width:35px;
height:27px;
background: url("http://www.mosaic-church.org.uk/images/speech.gif") no-repeat; 
}

span.facebook {
display:block;
float:left;
width:18px;
height:18px;
margin: 2px 4px 0 -1px;
background: url("http://www.mosaic-church.org.uk/images/facebook.png") no-repeat;
}

a[href$=".pdf"]:before { 
margin: 20px 7px 0 0;
vertical-align:middle;
content: url(http://www.mosaic-church.org.uk/images/pdf.gif); 
}

a[href$='.mp3'] { 
background : url(http://www.mosaic-church.org.uk/images/speaker.gif) -3px 1px no-repeat; 
margin-top: 1px;
padding: 0 0 0 15px;
vertical-align: bottom;
}


/*===== Homepage Adds =====*/ 

#blackbar {
width: 900px;
height: 75px;
margin-top: 95px;
margin-left: 20px;
position: relative;
float:left;
}

#blackbar p { color: #fff; }

#blackbar1.transparency {
top: 0;
left: 0;
width: 900px;
position: absolute;
z-index: 410;
}

#blackbar2.transparency2 {
position: absolute;
z-index: 400;
top: 0;
left: 0;
width: 900px;
height: 75px;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

.frontadd, .frontaddlast {
width: 150px;
float:left;
margin: 12px 20px 0 10px;
height: 70px;
position: relative;
z-index: 500;
}

.frontaddlast { margin: 12px 0 0 20px; }

/*==SLIDER==*/

#sliderContainer {
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: -705px;
z-index: 50;
}

.slide {
width: 705px;
height: 397px;
margin: 0;
padding: 0;
background: #00acec;
float:left;
}

.slideGradient {
background: url(http://www.mosaic-church.org.uk/images/slideGradient.png) repeat-y;
width: 70px;
height: 397px;
position: absolute;
top: 0;
}

#sliderVisible {
width: 940px;
height: 397px;
position: relative;
top: 0;
left: 0;
z-index: 100;
overflow: hidden;
margin: 0 0 50px 0;
}

.navArrow {
width: 107px;
height: 107px;
background: url(http://www.mosaic-church.org.uk/images/slide-arrow-sprite.png) no-repeat;
position: absolute;
z-index: 500;
top: 15px;
}

#leftArrow { left: 0; }

#rightArrow { 
background-position: -107px 0; 
right: 0;
}

#moveLeft, #moveRight {
outline: 0;
display: block;
width: 137px;
height: 137px;
position: absolute;
z-index: 500;
top: 131px;
}

#moveLeft { left: 0; }

#moveRight { right: 0;  }

/*===== Vertical Adds =====*/

#add_1v, #add_2v, #add_3v, #add_4v, #add_5v, #add_6v {
width: 235px;
border: solid 1px #4b4a4a;
height: 130px;
margin-bottom: 5px;
background-color: #ffffff;
float: left;
background: url(http://www.mosaic-church.org.uk/images/frontads.gif) no-repeat;
}
#add_2v { background: url(http://www.mosaic-church.org.uk/images/frontads.gif) -235px 0 no-repeat; }
#add_3v { background: url(http://www.mosaic-church.org.uk/images/frontads.gif) -470px 0 no-repeat; }
#add_4v { background: url(http://www.mosaic-church.org.uk/images/frontads.gif) -940px 0 no-repeat; }
#add_5v { background: url(http://www.mosaic-church.org.uk/images/frontads.gif) -705px 0 no-repeat; }
#add_6v { background: url(http://www.mosaic-church.org.uk/images/frontads.gif) -1175px 0 no-repeat; }

#add_1v:hover, #add_2v:hover, #add_3v:hover, #add_4v:hover, #add_5v:hover, #add_6v:hover {
border-style: solid;
border-color: #ffffff; 
background: transparent url(http://www.mosaic-church.org.uk/images/frontads.gif) 0 -130px no-repeat;  
}
  
#add_2v:hover { background: transparent url(http://www.mosaic-church.org.uk/images/frontads.gif) -235px -130px no-repeat; }
#add_3v:hover { background: transparent url(http://www.mosaic-church.org.uk/images/frontads.gif) -470px -130px no-repeat; }
#add_4v:hover { background: transparent url(http://www.mosaic-church.org.uk/images/frontads.gif) -940px -130px no-repeat; }
#add_5v:hover { background: transparent url(http://www.mosaic-church.org.uk/images/frontads.gif) -705px -130px no-repeat; }
#add_6v:hover { background: transparent url(http://www.mosaic-church.org.uk/images/frontads.gif) -1175px -130px no-repeat; }

#add_1v a, #add_2v a, #add_3v a, #add_4v a, #add_5v a, #add_6v a {
display: block;
width: 235px;
height: 130px;
}


/*===== Forms =====*/

/*==2-COL==*/
#submitlaunchpad { margin: 0 0 10px 0; }

.submit {
padding: 4px;
margin: 5px 0 0 80px;
}

#formouter {
margin: 0;
padding: 10px;
width: 440px;
background-color: #f0f0f0;
float: left;
}

#launchpadForm label, #baptismForm label, #moreForm label {
float:left;
width: 80px;
margin: 4px 0 0 0;
}

#launchpadForm input[type=text], #baptismForm input[type=text], #moreForm input[type=text] {
width: 220px;
border: 1px solid #aaa;
padding: 3px 5px;
margin: 0 120px 10px 0;
}

#launchpadForm input[type=submit], #baptismForm input[type=submit], #moreForm input[type=submit] { margin: 0 0 10px 0; }


/*==SINGLE COL==*/
form { 
width: 100%;
float: left;
}

input.introsubmit:hover { background: #ddd; }

#student_form label, .alpha_col_signup label, #ln_form label, .mc-field-group label, #register_member_form label, .login label {
float: left;
width: 65px;
height: 18px;
display: block;
padding: 4px 0 0 0;
margin: 0 0 5px 0;
color: #fff;
}

.mc-field-group label { 
color: #333; 
width: 100px;
}

.alpha_col_signup label { 
color: #fff; 
width: 65px;
}

.intro_label.pass_conf {
padding: 0;
height: 22px;
}

#student_form input[type=text], .alpha_col_signup input[type=text], #ln_form input[type=text], .mc-field-group input, #register_member_form input, .login input {
float: right;
width: 129px;
margin: 0 0 5px 0;
border: 0;
height: 19px;
padding: 2px 3px 1px 3px;
font-size: 12px;
color: #777;
}

.introsubmit, #mc-embedded-subscribe, input[type=submit], input.submit, #register_member_form input.submit { 
width: 60px;
height: 24px;
background: #cc004a;
border: 0;
color: #fff;
cursor: pointer;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.alpha_col_signup #mc-embedded-subscribe {
float: left;
margin: 5px 0 10px 65px;
}

input.introsubmit, input.introsubmit[type=submit], #register_member_form input.submit, .login form input[type=submit] { 
background: #fff;
color: #333; 
}

.intro_submit, .introsubmit, input[type=submit], input.submit, #register_member_form input.submit, .login .submit { 
margin: 10px 0 0 65px; 
float: none;
}

#mc-embedded-subscribe { 
width: 66px; 
margin: 0 0 10px 100px;
}

#mc-embedded-subscribe:hover { background: #333; }

.mc-field-group input {
float: right;
width: 332px;
margin: 0 0 10px 0;
border: 0;
height: 17px;
padding: 3px 3px 2px 3px;
font-size: 12px;
background: #fff;
border: 1px solid #999;
}

.mc-field-group input:focus {  
border-color: #777;
color: #555;
}

.col220 .boxes #mc-embedded-subscribe, #rightRail .boxes #mc-embedded-subscribe { 
width: 60px;
height: 24px;
background: #cc004a;
border: 0;
color: #fff;
cursor: pointer;
margin: 0 0 0 65px;
}

#ln_form h4 {
margin: 15px 0 5px 0;
float: left;
}

#ln_kids {
margin: 3px 70px 5px 0;
float: left;
}

p.ln_radioBtns{
float:left;
width: 120px;
}

input.ln_pass { margin: 3px 3px 0 0; }

#register_member_form label[for=caPasswordConf] { margin: 0; }

.login p, #register_member_form p { 
color: #fff; 
float: left;
margin: 10px 0 0 65px;
}

.login form p a { color: #fff; }

label.error{
width: 210px;
float:left;
margin: 0 0 5px 0;
background: #f3bfbf;
border: 1px solid #c67d7d;
padding: 2px 3px;
font-size: 9px;
}

div.mce_inline_error {
width: 194px !important;
float:left;
margin: 0 0 5px 0 !important;
background: #f3bfbf;
padding: 2px 3px !important;
font-size: 9px;
}

#mce-success-response {
width: 190px;
margin: 10px 0;
float: left;
background: #e1ffec;
padding: 5px;
}

/*===== Tables =====*/

#lovenationsSchedule {
float:left;
width: 220px;
border-top: 2px solid #333;
margin: 5px 0;
}

#lovenationsSchedule td {
padding: 3px 0;
border-top: 1px solid #333;
}

#lovenationsSchedule td.tableFirstCol {
border: 0;
width: 70px;
}

#lovenationsSchedule td.tableHeading { font-weight: bold; }


/*===== Maps =====*/

#map {
width: 938px;
height: 400px;
float: left;
border: 1px solid #b5b5b5;
}

#mapdirections {
width: 458px;
height: 290px;
float: left;
border: 1px solid #b5b5b5;
margin: 0 0 0 20px;
}

#mapcol2 {
width: 218px;
height: 250px;
float: right;
border: 1px solid #b5b5b5;
}


/*===== Images =====*/

div.staffImage {
float:left;
width: 200px;
height: 200px;
margin: 0 15px 10px 0;
border: 1px solid #dddddd;
background-color: #f9f9f9;
}

#imagecontainer {
width: 448px;
padding: 5px;
border: 1px solid #dddddd;
background-color: #f9f9f9;
margin: 0 0 16px 0;
overflow: hidden;
}

#squareimagecontainer, .squareimagecontainer {
width: auto;
height: auto;
padding: 5px;
border: 1px solid #dddddd;
background-color: #f9f9f9;
float: left;
margin: 0 10px 0 0;
overflow: hidden;
}

.col220 .squareimagecontainer { margin: 0 0 20px 0; }

.network_image_container, #network_image_container, .network_image_container_showcase {
width: 222px;
float:left;
margin: 5px 0 0 -2px;
}

.network_image_container_showcase { margin: 10px 0 0 -2px; }

.network_image {
width: 35px;
height: 35px;
overflow: hidden;
float: left;
margin: 0 0 2px 2px;
background: #ccc url(http://www.mosaic-church.org.uk/images/mosaic_headshot2.png);
}


/*===== Resource Boxes =====*/

.linksboxes, .linksboxesfaith{
border-top: 10px solid #ddd;
padding: 5px 0 ;
width: 100%;
margin: 10px 0 5px 0;
float: left;
}  

.linksboxes:hover, .linksboxesfaith:hover {
background-color: #f0f0f0;   
border-top: 10px solid #c1bebe;
}

.boxes {
float:left;
border: 1px solid #dddddd;
padding: 10px;
width: 183px;
margin: 0 0 15px 0;
background: #f6f6f6;
}

.sidebarBox {
width: 220px;
border-top: 6px solid #eee;
padding: 10px 0 0 0;
margin: 0 0 20px 0;
float: left;
}


/*===== Misc =====*/

#pageTitle { margin: 20px 0 16px 0; }

#textbackground, .textbackground {
float:left;
margin: 20px 0 0 20px;
width: 450px;
background: #ffffff;
padding: 10px 10px 15px 10px;
filter:alpha(opacity=90);
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
z-index: 9999px;
}

#textbackground p:last-child { margin: 0; }

#qbackground {
position: absolute;
top: 20px;
right: 20px;
width: 390px;
padding: 10px;
background-color: #ffffff;
}

.synopsis {
display:none;
margin: 5px 0 0 0;
float:left;
width: 238px;
}

.sbutton {
float: left;
width: 30px;
height: 25px;
margin-left: 10px;
}

.is_there_more {
background: url(http://www.mosaic-church.org.uk/images/is_there_more_to_life.gif) no-repeat;
height: 276px;
width: 373px;
float:right;
margin: 30px 40px 0 0;
}

.qklinksboxes {
float:left;
border: 1px solid #dddddd;
background-color: #FFFFFF;
width: 240px;
height: 20px;
margin: 12px 0 0 0;
padding: 4px 4px 0 4px; 
}  

.result_message {
color: red;
display: block;
float: left;
width: 220px;
margin: 0 0 0 5px;
}


/*===== Pagination =====*/

.paginatebox {
float:left;
background-color: #ddd;
width: 940px;
margin: 15px 0 10px 0;
padding: 10px;
} 

.paginatebox p { margin: 0; }

.col700 .paginatebox, #center_podcasts .paginatebox { width: 680px; }

.col700 .grid_container .paginatebox { margin: 0 0 0 20px; }


/*===== Mission Group Schedule =====*/

#tableinner {
width: 940px;
float: left;
}

.tablecol {
width: 100%;
float: left;
padding: 5px 0 0 0;
border-top: 4px solid #dddddd;
}

.theader {
height: 20px;
width: 100%;
margin: 0 0 5px 0;
float: left;
}

.leaders, .info, .contact {
width: 220px;
margin: 5px 0 0 20px;
float:left;
}

.infocontainer {
width: 700px;
float: left;
margin: 0 0 0 240px;
}

.groupbox, .groupboxmon, .groupboxlast {
width: 700px;
height: 70px;
margin-bottom: 5px;
background-color: #ffffff;
}

.groupboxmon { height: 50px; }

.groupbox:hover, .groupboxmon:hover, .groupboxlast:hover { background-color: #f6f6f6; }

.leaders { margin: 5px 0 0 0; }


/*===== Mo-Kids =====*/

.mokids_nav {
float:left;
width: 920px;
height: 40px;
background: #fe0272;
color: #fff;
padding: 10px 10px 4px 10px;
}

.mokids_nav.mkidsresource {margin-left:15px;}

.mokids_nav > h2 {
width: 150px;
float:left;
}

ul#mokids_navigation_list {
width: 500px;
float:left;
margin: 15px 0 0 30px;
}

#mokids_navigation_list li {
list-style-type: none;
float:left;
width: auto;
margin-right: 40px;
}

.mokids_rota_entry {
float:left;
width: 300px;
border: 1px solid #ddd;
height: 300px;
margin: 0 0 17px 17px;
}

.mokids_rota_topbar {
float:left;
width: 280px;
height: 30px;
background: #def6dd;
padding: 10px 10px 0 10px;
margin-bottom: 10px;
}

.mokids_rota_date { 
width: 200px;
display: block;
float:left;
}

.mokids_rota_service_info, mokids_rota_worship {
float: right;
width: 80px;
}

.mokids_rota_topic {
float:left;
width: 280px;
margin: 0 0 10px 10px;
}

.mokids_rota_table {
float:left;
width: 290px;
margin: 0 0 5px 0;
}

.mokids_rota_table_col1, .mokids_rota_group_name, .mokids_rota_team_member {
float:left;
width: 88px;
margin: 0 0 5px 8px;
}

.mokids_rota_table_col1 { border-top: 2px solid #eee; }

.mokids_rota_group_name { margin: 0 0 5px 0; }

.mokids_rota_team_member { margin: 0; }

.mokids_rota_line_divide {
float:left;
width: 280px;
margin: 0 0 3px 10px;
height: 1px;
border-top: 1px dotted #ddd;
}

.mokids_rota_worship_leader {
float:left;
margin-left: 10px;
width: 150px;
}

.mo_kids_contacts_groups {
width: 960px;
float:left;
margin: 10px 0;
}

.mo_kids_contacts_groups > hr {
width: 940px;
margin: 0 0 16px 20px;
float: left;
} 

.mokids_contacts_entry {
float:left;
width: 288px;
height: 100px;
padding: 5px;
margin: 0 0 20px 20px;
border: 1px solid #ddd;
}

.mokids_contacts_image {
float:left;
width: 100px;
height: 100px;
margin-right: 5px;
}

.mokids_contacts_info {
float:left;
width: 177px;
height: 98px;
padding-left: 5px;
border-left: 1px dotted #ccc;
}

.mokids_contacts_name {
float:left;
width: 112px;
font-family: helvetica, arial, sans-serif;
font-size: 16px;
line-height: 18px;
color: #333;
}

.mokids_contacts_number {
float:left;
width: 112px;
}

.mokids_resources_right_col, .mokids_resources_list_image {
float:left;
margin: 0 0 15px 15px;
width: 231px;
}

.mokids_resources_list_image { margin: 0 0 10px 0; }

.mokids_doc_container {
float:left;
width: 221px;
background: #ddd;
padding: 5px;
margin-bottom: 10px;
}

.rota_search {
float:right;
width: 170px;
height: 30px;
margin-top: 13px;
}

input#keywords {
border: 0;
padding: 3px;
float:left;
margin-top: 1px;
}

.mokids_rota_submit input {
float:left;
width: 50px;
margin: 0 0 0 5px;
}

.mokids_login {
float:left;
margin: 0 0 0 20px;
width: 920px;
background: #ddd;
font-weight: bold;
padding: 10px;
}

.mokids_login_input {
width: 280px;
float:left;
}

.mokids_login_submit {
width: 50px;
float:left;
margin-top: 2px;
}

.mokids_mid {
width: 440px;
margin-left: 0px;
float:left;
padding: 0 19px 0 0; 
border-right: 1px dotted #ccc;
}

.mokids_mainheadline_list { width: 742px; }

.mokids_mainheadline {
width: 742px; 
padding: 12px 0 15px 0;
border-bottom: 6px solid #c1bebe;
}

.mokids_resource_entry {
float: left;
width: 700px;
margin: 0 0 20px 0;
border-bottom: 6px solid #eee;
padding: 15px 0 0 0;
}


/*===== Global Entry Data =====*/

.entryInfo {
float:left;
width: 100%;
height: 15px;
margin: 0 0 16px 0;
}

.authorname1 {
float:left;
width: 120px;
height: 20px;	
margin: 5px 0 0 0;
}

.author, .author1 {
float:left;
width: 100%; 
margin-bottom: 15px;
}

.author1 { width: 120px; }

.authorphoto, .authorphoto1 {
float:left;
width: 50px;
height: 50px;
background: #eeeeee;
margin: 0 0 5px 0;
}

.authordetails {
float:left;
width: 400px;
height: 40px;
margin-left: 10px;
}


/*===== Podcasts =====*/

#podcastSeriesInfo {
width: 700px;
height: 298px;
overflow: hidden;
float: left;
position: relative;
}

#podcastSeriesInfo img { 
position: absolute; 
top: 0;
left: 0;
}

#center_podcasts {
float: left; 
width: 700px;
}

.podcastSeries {
background: #ccc;
float: left;
width: 680px;
padding: 10px;
margin: 0 0 20px 0;
}

.podcastentry {
width: 680px;
float:left;
background-color: #f0f0f0;
padding: 10px;
margin: 10px 0 2px 0;
position: relative;
}  

.wimpy, .showcase_wimpy {
width: 50px;
height: 50px;
float:right;
}

.podcastinfo, .podcast_right {
float:left; 
width: 295px;
margin: -5px 10px 0 0;
}

.podcast_right { 
margin: -3px 0 0 0; 
width: 240px;
}

.podcastimage {
float:left;
width: 50px;
height: 50px;
background-color: #d5d5d5;
margin: -2px 10px 0 0;
border: 1px solid #dddddd;
}

a.downloadMP3 {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: #d9d9d9 url("http://www.mosaic-church.org.uk/images/speaker.gif") no-repeat scroll -0px 3px;
padding: 2px 5px 2px 17px;
}

a.podcastNotes {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: #d9d9d9;
padding: 2px 5px;
}

a.podcastMainLinks, a.podcastMainLinks:visited {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: #eee;
padding: 5px 5px 3px 5px;
margin: 0 0 10px 0;
display: inline-block;
}

a.podcastMainLinks:hover {
text-decoration: none;
background: #ddd;
}

.jplayerPodcasts {
width: 100px;
height: 100px;
right: 0 !important;
}

#popupPlayer {
width: 220px;
height: 280px;
float: left;
background: #cccccc;
}

#popupPlayer .jp-playlist-player {
margin:0;
}

/*===== Audio =====*/

.demo_entry_alpha_entry, .demo_entry_alpha_entry2, .demo_entry {
width: 220px;
float:left;
margin: 0 0 5px 0;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
height: 51px;
}

.demo_entry { height: auto; }

.demo_entry_alpha_entry2 { margin-left: 20px; }

.demo_image, .demo_right {
width: 40px;
height: 40px;
float: left;
margin-right: 5px;
}

.demo_image {
width: 50px;
height: 50px;
background: #ddd;
}

.demo_image.alpha_image {
height: 50px;
width: 50px;
float: left;
}

.demo_right { margin: 5px 0; }

.demo_info {
width: 120px;
float:left;
margin-right: 5px;
}

.demo_info.alpha_info {
height: 51px;
width: 117px;
float: left;
}

.demo_info.ln {
width: 172px;
margin: 0;
background-color:#fff;
}

.demo_author { margin: 0 0 0 2px; }

.demo_download {
margin: 2px 0 0 0;
float:left;
}

.demo_right.alpha_right {
height: 51px;
margin-top: 6px;
}

.lovenationsAudioPreview {
width: 200px;
padding: 10px;
background: #eee;
float:left;
}

.lovenationsAudioTitle {
width: 170px;
float:left;
}

.lovenationsAudioPlayer {
width: 25px;
float: right;
margin: -4px 0 -4px 0;
}

/*===== Students =====*/

.studentEvents {
width: 220px;
float: left; 
}

.studentGroups {
width: 700px;
float: left; 
}

.studentGroups { margin: 0 20px 0 0; }

.studentEvents li {
float: left;
border-bottom: 1px solid #ddd;
width: 100%;
margin: 0 0 4px 0;
padding: 0 0 4px 0;
}

.studentGroups li {
float: left;
border-bottom: 1px solid #ddd;
width: 100%;
padding: 4px 0;
}

.studentEvents li img, .studentGroups li img {
float: left; 
width: 50px;
height: 50px;
margin: 0 5px 5px 0;
}

.studentEvents li p, .studentGroups li p { 
margin: 0; 
font-size: 11px;
line-height: 14px;
}

#studentSlider {
width: 940px;
height: 397px;
float: left;
}

#studentSlider .studentSlide { 
background: #ddd; 
position: relative;
width: 940px;
height: 397px;
}

.studentSlide .slideImage {
width: 280px;
padding: 10px;
background: #fff;
float: right;
margin: 20px;
}

#studentSliderNav {
width: 940px;
float: left;
margin: 10px 0 0 20px;
}

#studentSliderNav a {
text-indent: -9999px;
background: #ccc;
display: block;
width: 15px;
height: 15px;
float: left;
margin: 0 5px 0 0;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

#studentSliderNav a:hover { background: #aaa; }
#studentSliderNav a.activeSlide { background: #00acec; }

.studentSlide .textbackground {
position: absolute;
z-index: 200;
top: 0;
left: 0;
padding: 10px 10px 0 10px;
width: 560px;
}

.studentSignup { 
background: #00acec;
height: auto;
margin: 0;
width: 200px;
padding: 10px;
float:left;
}

/*===== Events/Creative Arts =====*/

/*== Grid ==*/

.blogentry {
float:left;
width: 742px;    
margin-bottom: 20px;
border-top: 6px solid #c1bebe;
padding-top: 15px;
}

ul.popular, .nav_categories {
list-style-type: none;
margin: 10px 5px 5px 0px;
padding: 0;
float:left;
}

ul.popular li, .nav_categories li { padding: 2px 0; }

.grid_container {
width: 720px;
margin: 0 0 0 -20px;
float: left;
}

.showcase_entry_grid {
float:left;
width: 208px;
height: 165px; 
margin: 0 0 20px 20px;
padding: 5px 5px 0 5px;
border: 1px solid #c1bebe;
}

h3#polaroid_title {	
padding: 3px 3px 2px 4px;
background-color: #32b5ec;
position: absolute; 
top: 50px;
margin: 0;
left: 0;
z-index: 300;
}

.col_entry_author, .col_entry_author_grid {
bottom: 0;
left: 0;
margin: 0;
padding: 2px 3px 2px 3px;
background-color: #32b5ec;
position: absolute; 
z-index: 300;
}

.col_entry_image {
float: left;
width: 220px;
height: 120px;
margin: 0 0 15px 0;
position: relative;
}

.col_entry_image_grid {
float:left;
width: 206px;
margin-bottom: 5px;
border: 1px solid #c1bebe;
position: relative;
}

.col_entry_grid_summary { margin: 0 0 5px 0; }


/*== List ==*/

/*= Title Icons =*/
span.showcase_view_list {
width: 25px;
height: 19px;
float:right;
display: block;
margin: 0 5px 0 0;
background: url(http://www.mosaic-church.org.uk/images/list_icon.png) 0 -38px no-repeat;
}

span.showcase_view_list:hover { background-position: 0 -19px; }

span.showcase_view_list #current { background-position: 0 0 !important; }

span.showcase_view_grid, span.showcase_view_grid_current, span.showcase_view_list_current {
width: 25px;
height: 19px;
float:right;
display: block;
margin-top: 0px;
background: url(http://www.mosaic-church.org.uk/images/grid_icon.png) 0 -38px no-repeat;
}

span.showcase_view_grid:hover { background-position: 0 -19px; }

span.showcase_view_grid_current { background: url(http://www.mosaic-church.org.uk/images/grid_icon.png) no-repeat; }

span.showcase_view_list_current {
margin-right: 5px;
background: url(http://www.mosaic-church.org.uk/images/list_icon.png) no-repeat;
}


.showcase_title, .showcase_title_fullpage {
display: block;
width: 180px;
float:left;
}

.showcase_title_fullpage { width: 360px; }

.showcase_entry {
float:left;
width: 700px; 
padding: 0 0 20px 0;
margin: 0 0 12px 0;
border-bottom: 6px solid #eee;
}

.quoteouter {
float:left;
padding: 15px;
width: 220px;
margin: 0 0 20px 0;	
background: #c8e3e8;
}

.quote {
width: 155px;
float: left;
}

span.speechblog {
display: block;
float: left;
width: 35px;
height: 27px;
margin: 0;
background: url("http://www.mosaic-church.org.uk/images/speech.png") no-repeat;
}

.blogvideo { margin: 0 0 20px 0; }

/*== Index Page ==*/

ul#ca_form_tabs {
width: 220px;
float:left;
}

ul#ca_form_tabs li {
width: 110px;
float: left;
background: #aaa;
}

ul#ca_form_tabs li:first-child { background: #00acec; }

.tab_container {
width: 220px;
height: 195px;
position: absolute;
top: 35px;
left: 20px;
}

.tab_container.login { z-index: 50; }

.tab_container.signup { z-index: 100; }

.tab_container h2 {
background: #00acec;
width: 119px;
float:left;
margin:0;
}

.tab_container.login h2 {
float: right;
background: #aaa;
}

.tab_container.login form { background: #aaa; }

.tab_container form {
background: #00acec;
float: left;
padding: 10px;
width: 200px;
height: 167px;
}

p.required {
margin: 10px 0 10px 0;
float: left;
}

.extra {
width: 212px;
height: 15px;
float: left;
background-color: #ddd;
margin-top: 10px;
padding: 2px 4px 3px 4px;
}

.showcase_feed {
position: absolute;
top: 5px;
z-index: 500;
right: 0;
width: 15px;
height: 15px;
background: url(http://www.mosaic-church.org.uk/images/feed_icon_blue.png) no-repeat 0 0;
}

.showcase_feed:hover { background-position: 0 -15px; }

.showcase_audioentry {
float:left;
background-color: #f0f0f0;
padding: 10px;
width: 200px; 
margin: 0 0 15px 0;
}  

.showcase_audioright {
float: left;
width: 145px;
margin: 0 5px 0 0;
padding: 0;
}


/*===== Creative Arts Member Section =====*/

/*== Account Control ==*/

#account_control {
float:left;
width: 220px;
margin: 15px 0 0 0;
}

#account_control li {
height: 65px;
margin: 0 0 3px 0;
}

#account_control li a, #account_control li a:visited {
display: block;
width: 200px;
height: 45px;
padding: 10px;
margin: 0 0 3px 0;
background: #eee;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
color: #333;
}

#account_control li a:hover, #account_control li a#account_control_indicator {
background: #ccc;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
}

span#member_showcase_icon, span#new_entry_icon, span#edit_entry_icon, span#edit_profile_icon, span#projects_icon {
display:block;
background: url(http://www.mosaic-church.org.uk/images/Account-logos.png);;
width: 40px;
height: 45px;
float:left;
margin: 0 10px 0 0;
}

span#member_showcase_icon {background-position: -161px 0;}

span#edit_entry_icon {background-position: -40px 0;}

span#edit_profile_icon {background-position: -80px 0;}

span#projects_icon {background-position: -120px 0;}

a#account_control_indicator span#new_entry_icon { background-position: 0 50px;}

a#account_control_indicator span#edit_entry_icon { background-position: -40px 50px;}

a#account_control_indicator span#edit_profile_icon { background-position: -80px 50px;}

a#account_control_indicator span#projects_icon { background-position: -120px 50px;}

a#account_control_indicator span#member_showcase_icon { background-position: -161px 50px;}



/*==Edit Entries Index ==*/

ul#edit_entries_list {
width: 700px;
float:left;
}

ul#edit_entries_list li {
padding: 10px;
margin: 0 0 10px 0;
background: #eee;
width: 680px;
float:left;
}

ul#edit_entries_list li:hover { background: #ccc; } 

ul#edit_entries_list li img {
float: left;
width: 70px;
height: 70px;
margin: 0;
}

ul#edit_entries_list li p, ul#edit_entries_list li h3 { 
width: 600px; 
float:right;
margin: 0 0 0 10px;
}


/*== Creative Arts Forms ==*/

#showcase_new_entry label, .edit_member_profile_form label, .edit_member_status_form label {
width: 205px;
padding: 0px 0;
float:left;
font-weight: 700;
font-size: 14px;
line-height: 14px;
margin: 0 0 3px 0;
}

#showcase_new_entry textarea, .edit_member_profile_form textarea, .edit_member_status_form textarea {
width: 452px;
height: 80px; 
padding: 3px;
background: #fff;
border: 1px solid #aaa;
font-family: 'helvetica neue', helvetica, arial, verdana;
font-size: 12px;
margin: 0 0 10px 0;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
}

.edit_member_status_form textarea { width: 212px;}

#showcase_new_entry input[type=text], .edit_member_profile_form input[type=text] {
background: #fff;
float:left;
border: 1px solid #aaa;
width: 452px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
padding: 3px;
margin: 0 0 10px 0;
}

.edit_member_profile_form input[type=text] { width: 155px;  }

.edit_member_profile_form input#create_interest_input { width: 145px;  }

#showcase_new_entry label.error {
width: 452px;
float: left;
margin: 0 0 10px 0;
background: #f3bfbf;
border: 1px solid #c67d7d;
padding: 2px 3px;
font-size: 12px;
}

.showcase_files {
float:left;
width: 460px;
margin: 0 0 10px 0;
border-bottom: 2px solid #eee;
padding: 0 0 10px 0;
}

#showcase_image, #showcase_image2, #showcase_mp3, #showcase_pdf {
float:left;
width: 220px;
}

.upload_file_container {
position: relative;
width: 220px;
height: 35px;
float: left;
margin: 10px 0 0 0;
}

.fakefile {
position: absolute;
top: 0;
left:0;
z-index: 5;
}

.fakefile input {
background: #fff;
border: 1px solid #aaa;
width: 120px;
margin: 0;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
padding: 3px;
float:right;
}

input.file {
float:right;
width: 200px;
position: absolute;
top:0;
left:0;
z-index: 20;
opacity: 0;
-moz-opactity: 0;
-webkit-opacity: 0;
}

.fakefile .upload_button { margin: 0 10px 0 0; }

a.cancelfile {
display:block;
float:left;
}

.edit_member_profile_form, .form_input_container {
float:left;
width: 220px;
}

input.showcase_entry_checkbox { margin: 0; }

input.edit_member_profile_submit {
margin: 0;
float: right;
background: #2973a7;
width: 50px;
border: 0;
color: #fff;
font-weight: 700;
font-size: 12px;
line-height: 12px;
font-family: 'heletica neue', helvetica, arial;
padding: 5px 6px 2px 6px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
}

input.edit_member_profile_submit:hover {
background: #222;
cursor: pointer;
}

.form_input_container label.error {
width: 160px;
float:left;
margin: 5px 0;
background: #f3bfbf;
border: 1px solid #c67d7d;
padding: 2px 3px;
font-size: 10px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
}

.edit_response {
width: 50px;
height: 18px;
padding: 2px 0;
margin: 0;
float:right;
}

#showcase_new_entry .form_textarea_container, #edit_bio, .edit_member_profile_textarea {
float:left;
width: 485px;
}

#edit_bio { 
border-top: 2px solid #eee; 
padding: 5px 0 0 0;
}

.edit_member_status_textarea {
width: 229px;
height: 80px;
}

.edit_member_status_form .form_textarea_container {
border: 0;
width: 235px;
margin: 0 0 30px 0;
}

#upload_button, #create_interest_submit, .upload_button {
margin: 0;
float: right;
background: #2973a7;
border: 0;
color: #fff;
font-weight: 700;
font-size: 12px;
line-height: 12px;
height: 15px;
font-family: 'heletica neue', helvetica, arial;
padding: 6px 6px 1px 6px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
}

.upload_button {float:left;}

a#create_interest_submit {
color: #fff;
text-decoration: none;
}

#upload_button.hover, .upload_button.hover { 
background: #222; 
cursor: pointer;
}

ul#interests_list {
float:left;
width: 235px;
margin: 0 0 10px 0;
}

ul#interests_list li, #create_interest_container {
width: 235px;
float:left;
display: inline-block;
}

#add_interest { 
margin: 10px 0; 
display:block;
}

span.remove_icon {
background: url(http://www.mosaic-church.org.uk/images/remove_icon.jpg);
display:block;
width: 10px;
height: 10px;
float: left;
}

a.remove_interest {
float:left;
display:block;
width: 10px;
height: 10px;
margin: 4px 4px 0 0;
}

input.showcase_entry_input { width: 477px; }

.showcase_entry_textarea { height: 100px; }

#entry_categories {
width: 220px;
height: 400px;
margin: 0 0 15px 0;
clear:left;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
border: 1px solid #aaa;
background: none;
}

a.more_info {
display: block;
width: 10px;
height: 10px;
margin: 0 0 10px 0;
}

span.info_icon {
width: 10px;
height: 10px;
background: url(http://www.mosaic-church.org.uk/images/info_icon.jpg);
display: block;
float: left;
}

.more_info_text {
float:left;
width: 208px;
margin: 0 0 10px 0;
padding: 5px;
background: #ffebb0;
border: 1px solid #f5cf5c;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
}

.form_textarea_container {
float: left;
margin: 10px 0 0 0;
}

#member_profile_information{
float:left;
width: 460px;
margin: 0 0 5px 0;
}

#member_profile_details {
float: right;
width: 220px;
}

#member_profile_image, #edit_member_profile_image {
float:left;
width: 220px;
}

#edit_member_profile_image {
width: 208px;
border: 1px solid #aaa;
padding: 5px;
background: #eee;
margin: 0 0 10px 0;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
padding: 3px;
}

#edit_member_profile_image_prev {
float: left;
width: 100px;
height: 100px;
background: #ccc;
}

ul#twitter, ul#recent_member_posts {
width: 215px;
float:left;
}

ul#twitter li, ul#recent_member_posts li {
padding: 5px 0 0 0;
border-top: 1px solid #ccc;
margin: 5px 0 5px 0;
float:left;
width: 215px;
}

ul#recent_member_posts li.no_border { border: none; }

ul#twitter li span {
color: #999;
font-style: oblique;
font-size: 10px;
}

ul#recent_member_posts li img {
width: 40px;
float:left;
margin: 5px 0 0 0;
}

.recent_comments_text {
float:right;
width: 165px;
}


/*===== Comments =====*/

.comment {
float:left;
width: 100%;
border-bottom: 1px solid #ddd;
margin: 0 0 14px 0;
padding: 0 0 14px 0;
}

#comment_form {
float: left;
width: 700px;
}

#comment_form input, #comment_form textarea {
width: 332px;
border: 1px solid #bbb;
padding: 3px;
margin: 3px 0 0 0;
}

#comment_form textarea { margin: 0 0 15px 0; }

#comment_form input#submit { width: 70px; }

#comment_form input#submit:hover {
cursor: pointer;
background: #ccc;
}

#comment_form input.commentCheckbox {
width: 13px;
margin: 0 5px 0 0;
}

.commentsLeft {
width: 340px;
float: left;
padding: 0 10px 0 0;
border-right: 1px solid #ccc;
margin: 0 10px 20px 0;
}

.commentsRight {
width: 339px;
float: right;
}

.FB_profile_pic {
width: 50px;
height: 50px;
float:left;
margin: 2px 5px 0 0;
}

/*========= LIGHTBOX ========= */

div.pp_pic_holder .pp_bottom .pp_left, div.pp_pic_holder .pp_bottom .pp_middle, div.pp_pic_holder .pp_bottom .pp_right, div.pp_pic_holder .pp_top .pp_left, div.pp_pic_holder .pp_top .pp_middle, div.pp_pic_holder .pp_top .pp_right, div.pp_pic_holder .pp_content { background-color: #fff; }  
div.pp_pic_holder .pp_content a.pp_next:hover { background: url(/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.pp_pic_holder .pp_content a.pp_previous:hover { background: url(/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.pp_pic_holder .pp_content a.pp_expand { background: url(/images/prettyPhoto/light_rounded/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
div.pp_pic_holder .pp_content a.pp_expand:hover { background: url(/images/prettyPhoto/light_rounded/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
div.pp_pic_holder .pp_content a.pp_contract { background: url(/images/prettyPhoto/light_rounded/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
div.pp_pic_holder .pp_content a.pp_contract:hover { background: url(/images/prettyPhoto/light_rounded/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
div.pp_pic_holder .pp_content a.pp_close { width: 31px; height: 22px; cursor: pointer; } /* Close button */
div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(/images/prettyPhoto/light_rounded/arrow_previous.png) top left no-repeat; } /* The previous arrow in the bottom nav */
div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(/images/prettyPhoto/light_rounded/arrow_next.png) top left no-repeat; } /* The next arrow in the bottom nav */
div.pp_pic_holder .pp_loaderIcon { background: url(/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
div.ppt div.ppt_left, div.ppt div.ppt_right, div.ppt div.ppt_content { 
background: #fff; 
background: #dddddd;
background: -moz-linear-gradient(top, #ffffff, #dddddd); 
background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#dddddd));
color: #333; font-weight: bold; 
}

div.pp_pic_holder a:focus {outline:none}
div.pp_overlay {background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%}
div.pp_pic_holder {position:absolute;z-index:10000;width:100px}
div.pp_pic_holder .pp_top {position:relative;height:20px}
* html div.pp_pic_holder .pp_top {padding:0 20px}
div.pp_pic_holder .pp_top .pp_left {position:absolute;left:0;width:20px;height:20px}
div.pp_pic_holder .pp_top .pp_middle {position:absolute;left:20px;right:20px;height:20px}
* html div.pp_pic_holder .pp_top .pp_middle {position:static;left:0}
div.pp_pic_holder .pp_top .pp_right {position:absolute;top:0;left:auto;right:0;width:20px;height:20px}
div.pp_pic_holder .pp_content {position:relative;text-align:left;width:100%;height:40px}
div.pp_pic_holder .pp_content .pp_details {display:none;margin:10px 15px 2px 20px}
div.pp_pic_holder .pp_content .pp_details p.pp_description {display:none;float:left;margin:0}
div.pp_pic_holder .pp_content .pp_details .pp_nav {float:left;margin:3px 0 0 0}
div.pp_pic_holder .pp_content .pp_details .pp_nav p {float:left;margin:0 4px}
div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next {float:left;display:block;width:14px;height:15px;overflow:hidden;text-indent:-10000px;margin-top:3px}
div.pp_pic_holder .pp_content .pp_details .pp_nav a.disabled {background-position:0 -16px;cursor:default}
div.pp_pic_holder .pp_content div.hoverContainer {position:absolute;z-index:2000;top:0;left:0;width:100%}
div.pp_pic_holder .pp_content a.pp_next {display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat}
div.pp_pic_holder .pp_content a.pp_previous {display:block;float:left;text-indent:-10000px;width:49%;height:100%;background:url(/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat}
div.pp_pic_holder .pp_content a.pp_expand,div.pp_pic_holder .pp_content a.pp_contract {position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px}
div.pp_pic_holder .pp_content a.pp_close {float:right;display:block; font-weight: bold;}
div.pp_pic_holder .pp_bottom {position:relative;height:20px}
* html div.pp_pic_holder .pp_bottom {padding:0 20px}
div.pp_pic_holder .pp_bottom .pp_left {position:absolute;left:0;width:20px;height:20px}
div.pp_pic_holder .pp_bottom .pp_middle {position:absolute;left:20px;right:20px;height:20px}
* html div.pp_pic_holder .pp_bottom .pp_middle {position:static;left:0}
div.pp_pic_holder .pp_bottom .pp_right {position:absolute;top:0;left:auto;right:0;width:20px;height:20px}
div.pp_pic_holder .pp_loaderIcon {display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px}
div.pp_pic_holder #full_res {width:100%;text-align:center}
div.pp_pic_holder #full_res {display:block;margin:0 auto}
div.ppt {display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:13px}
div.ppt div.ppt_left,div.ppt div.ppt_right {float:left;width:19px;height:23px;overflow:hidden}
div.ppt div.ppt_content {float:left;line-height:23px}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix {display:inline-block}
* html .clearfix {height:1%}
.clearfix {display:block}

/*===== AMENDMENT CLASSES =====*/

.no_margin, .col_span .no_margin { 
margin: 0;
clear:both;
}

.no_padding { padding: 0; }

.col2.margin_top_0 { margin-top: 0; }

.margin_top_9 { margin-top: 9px; }

.padding_top_0 { padding-top: 0; }

.margin_bottom_10 { margin-bottom: 10px; }

.margin_right_5 { margin-right: 5px; }

.margin_right_15, .col2.margin_right_15 {margin-right:15px;}

.width_753 { width: 753px; }

.width_120 { width: 120px; }

.black { color: #333; }

.border_top_4 { border-top: 4px solid #ddd; }

.border_top_0 { border-top: 0; }

.image_border { border: 1px solid #ccc; }

.left, input.left {
float: left;
margin-left: 0px;
}
	
.right, .right_col_fix {
float: right;
margin-right: 0px;
}

#left { float: left; }

#right { float: right; }

object { margin: 0; }

/*=================
TYPOGRAPHY
=================*/

body, p {
color: #333333;
font-family: 'helvetica neue', verdana, helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
}

b { font-weight: bold; }

h2, h3, h4, h5, .col_entry_author, .quoteouter, .col_entry_author_grid {
font-family: helvetica;
font-size: 22px;
color: #333333;
font-weight: bold;
letter-spacing: -0.02em;
line-height: 22px;
}

h2, h3 {
text-transform: uppercase;
letter-spacing: -0.03em;
}

h3 {
font-size: 16px;
line-height: 16px;
}

h4, .quoteouter {
font-size: 14px;
line-height: 14px; 	
}

h5 {
text-transform: uppercase;
font-size: 12px;
line-height: 12px;
color: #333;
font-family: arial, verdana, 'helvetica neue', helvetica;
font-weight: normal;

}

h3#polaroid_title a, h3#polaroid_title a:visited {
color: #000 !important;
text-decoration: none !important;
}

h3#polaroid_title a:hover { text-decoration: underline !important; }


/*===== Links =====*/
a, a:visited {
color: #32b5ec;
text-decoration: none;
}

a:hover { text-decoration: underline; }

ul.sf-menu li a.upper_level {
text-transform: uppercase;
font-size: 12px;
line-height: 14px;
color: #000;
font-weight: normal;
text-decoration: none;
font-family: arial, verdana, 'helvetica neue', helvetica;
}

#menu1 ul.sf-menu li a, #menu1 ul.sf-menu li a:visited, ul.sf-menu li a.upper_level, ul.sf-menu li a.upper_level:visited, #menu1 ul.sf-menu li:hover a {
text-decoration: none;
color: #000;
}

#containered_camember a, #containered_camember a:visited { 
color: #222; 
text-decoration: underline;
}

#containered_camember a:hover { text-decoration: none;}


/*===== Global Entry Data =====*/

.entryInfo {
font-family: helvetica;
font-size: 10px;
color: #aaa;
letter-spacing: 0pt;
line-height: 14px;
}

/*===== Footer =====*/

#quicklinksfooter, #footer {
font-family: 'helvetica Neue', helvetica, arial, Verdana, sans-serif;
font-size: 7pt;
line-height: 8pt;
color: #858584; 
}

#container #footer a, #container #footer a:visited {
color: #858584;
text-decoration: none;
}

#container #footer a:hover { text-decoration: underline; }

.extra a:link, .extra a:visited, #col2 a:link, #col2 a:visited .paginatebox a, .paginatebox a:visited, #col_entry_title a:link, #col_entry_title a:visited, #col2_322 a:link, #col2_322 a:visited, #col4_322 a:link, #col4_322 a:visited, #col1_323 a:link, #col1_323 a:visited {
color: #333;
text-decoration: none;
}


/*===== MoKids =====*/

.mokids_mainheadline a:link, .mokids_mainheadline a:visited, .mokids_mainheadline_list a:link, .mokids_mainheadline_list a:visited { color: #fe0272 !important; }

.mokids_rota_service_info {
color: #555;
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
text-align: right;
}

#mokids_navigation_list a:link, #mokids_navigation_list a:visited, #col_entry_title a:hover {
color: #fff;
text-decoration: none;
}

a#mokids_current { text-decoration: underline !important; }

.mokids_rota_group_name {
font-size: 12px;
line-height: 15px;
font-weight: bold;
color: #555;
}

.mokids_rota_date { 
color: #555; 
display:block;
}

.mokids_nav > h2 {
color: #fff;
font-size: 40px;
line-height: 40px;
}
/*===== HOME SLIDER =====*/
.slide h1, .slide h2 {
font-family: arial, 'helvetica neue', helvetica , verdana;
text-transform: uppercase;
font-size: 65px;
line-height: 65px;
color: #fff;
width: 665px;
margin: 26px 30px 0 30px;
font-weight: normal;
letter-spacing: -0.03em 
}

.slide h2 {
margin: 0 30px 0 30px;
color: #ffffff;
}


/*===== Misc =====*/

.subheadlinewhite {
margin: 0 0 0 8px;
color: #ffffff;
font-weight: normal;
}

.pink_tagline { color: #ff0380; }

.copyright {
font-family: verdana, sans-serif;
font-size: 9px;
line-height: 9pt;
}

.alpha_col_signup p, .studentSignup p { color: #fff; }

#containered_camember #col_485 p {
font-size: 14px;
line-height: 18px;
}

#containered_camember #col_485 .edit_response p {
font-size: 12px;
color: #669933;
}

#account_control li a span.text{
font-size: 12px;
display: block;
margin: 15px 0 0 0;
}

p.required, .col_entry_author, .col_entry_author_grid,  .demo_author, .demo_download, .col_entry_grid_summary, .recent_comments {
color: #fff;
font-size: 11px;
line-height: 13px;
}

.demo_info p { margin: 0; }

.required { color: #000; }

.demo_author, .demo_download, .col_entry_grid_summary, .recent_comments { color: #333; }

.col_entry_grid_summary { font-weight: bold; }

h3.podcastTitle {
margin: 0 0 16px 0;
}


/*===== Forms =====*/

input#keywords {
font-family: helvetica, arial, sans-serif;
color: #999;
font-size: 10px;
}

a#login, a#signin {
display: block;
width: 109px;
padding: 10px 0 2px 10px;
text-decoration: none;
color: #fff;
}

a#create_interest_submit, a#create_interest_submit:visited, a#create_interest_submit:hover {
color: #fff;
text-decoration: none;
}


/*===== Amendment Classes =====*/

.footerlinks li ul li { font-weight: normal; }

.footerlinks li { font-weight: bold; }

.white { color: #fff; }

.grey { color: #999; }

.black { color: #333; }

.pink, a.pink { color: #fe0272; }

.uppercase { text-transform: uppercase }

.footerlinks li ul li { font-weight: normal; }

.footerlinks li { font-weight: bold; }

.grey { color: #999; }

.black { color: #333; }

.pink, a.pink { color: #fe0272; }

.uppercase { text-transform: uppercase }

.col700 .lastCol, .col220 .lastCol, .col460 .lastCol, .col940 .lastCol { margin: 0; }