/* CSS Document */

body {
background: #414141 url(http://www.carrickfergusbaptist.com/site/bgimg/tile-whole-page.jpg) top left repeat;
margin: 0;
padding: 0;
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#headlink {
margin: 0px auto;
padding: 5px 0 5px 0;
border: 0;
text-align: left;
width: 860px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
}

/* ***************** Clear Head Float ********************* */
.clearhead:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearhead {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearhead {height: 1%;}
.clearhead {display: block;}
/* End hide from IE-mac */
/* ***************** Clear Head Float ********************* */

#headlink-left {
float:left;
padding: 2px 0 0 5px;
font-size: 1.2em;
}

#headlink-right {
float:right;
}

#headlink-left #slabel {
padding: 0 4px 0 0;
}

#headlink-left #search-box{
height:1.0em;
}

#headlink-left #sButton {
width:25px;
height:18px;
margin-bottom:-4px;
}

#hold-all {
margin: 0px auto;
padding: 0;
border: #fff 5px solid;
background-color: #fff;
text-align: left;
width: 860px;/* for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 850px; /* Actual Value */
}
/* Be nice to Opera */
html>body #hold-all {
width: 850px;
}

#head-section {
margin:0;
padding:0;
width: 850px;
background: url(../bgimg/header-area.png) repeat top left;
}

#head-logo {
padding:0;
margin:0;
width:400px;
float:left;
}

#head-links {
padding:0;
margin:0;
float:right;
width:450px;
}

#page-main-content, #home-main-content {
padding:0;
margin:0;
width:850px;
}

#home-main-content{
background: url(../bgimg/home-page-repeater.png) repeat-y;
}

#infobox-home {
padding:0;
margin:0;
}

#image-home-content {
padding:0;
margin:0;
width:600px;
height:250px;
border-bottom:5px solid #fff;
}

#home #menu-content{
clear:left;
}

#page-content {
width:590px;
float:right;
padding:0;
margin:0 0 0 10px;
}

#page-content-home{
clear:right;
width:600px;
float:right;
padding:0;
margin:0;
}

#menu-content {
width:250px;
float:left;
padding:0 0 20px 0;
margin:0;
}

#footer {
clear:both;
background:#b1b1b1;
color:#fff;
font-size:1.2em;
padding: 5px;
border-top:5px solid #fff;
margin:0;
width:850px;/* for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 840px; /* Actual Value */
}
/* Be nice to Opera */
html>body #footer {
width: 840px;
}

#pictures #hold-all #page-main-content {
text-align:center;
}

#pictures #footer {
border: 0;
}

/* ******************************************* Links ******************************************* */

/* ***************** Head Links ********************* */
#head-links #column-one, #head-links #column-two, #head-links #column-three {
float: left;
padding: 0;
margin: 5px 0 0 0;
border: 0;
width: 150px;
height: 125px;
list-style: none;
overflow: hidden;
background: url(../bgimg/header-area.png) repeat top left;
}

ul.head-links-title {
width:150px;
height:30px;
margin: 0; 
padding: 0;
}

ul.head-links-item {
width:150px;
height:25px;
margin: 0; 
padding: 0;
}

#head-links li{
margin: 0; 
padding: 0;
list-style: none;
}

#head-links ul li a{	
float:left;
padding: 25px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:25px; /* for IE5/Win only */
}

#head-links ul li a:hover {
background-position: 0 -25px;
}


#ci-aboutus a  {width: 150px;background: url(../bgimg/aboutus.png) top left no-repeat;}
#ci-programme a  {width: 150px;background: url(../bgimg/programme.png) top left no-repeat;}
#ci-missions a  {width: 150px;background: url(../bgimg/missions.png) top left no-repeat;}
#cl-news a  {width: 150px;background: url(../bgimg/news.png) top left no-repeat;}
#cl-calendar a  {width: 150px;background: url(../bgimg/calendar.png) top left no-repeat;}
#cl-rotas a  {width: 150px;background: url(../bgimg/rotas.png) top left no-repeat;}
#cl-homegroups a  {width: 150px;background: url(../bgimg/homegroups.png) top left no-repeat;}
#m-sermons a  {width: 150px;background: url(../bgimg/sermons.png) top left no-repeat;}
#m-pictures a  {width: 150px;background: url(../bgimg/pictures.png) top left no-repeat;}

#head-links a:active, #about_us #head-links #ci-aboutus a, #programme #head-links #ci-programme a, #missions #head-links #ci-missions a, #news #head-links #cl-news a, #calendar #head-links #cl-calendar a, #rotas #head-links #cl-rotas a, #sermons #head-links #m-sermons a, #pictures #head-links #m-pictures a{
background-position: 0 -50px;
}

/*All that Marlarky Image Replacement*/
#ci-title  {letter-spacing: -1000em;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body #ci-title { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */
#ci-title li{float:left; display:block; width:150px; height:30px;}
#ci-title {background:url(../bgimg/churchinfo.png) no-repeat;}

/*All that Marlarky Image Replacement*/
#cl-title  {letter-spacing: -1000em;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body #cl-title { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */
#cl-title li{float:left; display:block; width:150px; height:30px;}
#cl-title {background:url(../bgimg/churchlife.png) no-repeat;}

/*All that Marlarky Image Replacement*/
#m-title  {letter-spacing: -1000em;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body #m-title { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */
#m-title li{float:left; display:block; width:150px; height:30px;}
#m-title {background:url(../bgimg/media.png) no-repeat;}

/* ***************** End Head Links ********************* */

#infobox-home a, #page-content a, #page-content-home a{
color:#313131;
text-decoration:none;
border-bottom: 1px dashed #313131;
}

#page-content a:visited{
color:#919191;
text-decoration:none;
border-bottom: 1px dashed #919191;
}

#infobox-home a:hover, #page-content a:hover, #page-content-home a:hover{
color:#616161;
border-bottom: 1px dashed #616161;
text-decoration:none;
}

#home .menu-content-ul {font-size: 1.2em;line-height:1.4em;color:#313131;padding:0;margin:0 5px 0 0;width:245px;}
#home .menu-content-ul a {display:block;color:#313131;text-decoration:none;padding:3px;background:none;border-bottom: 1px dashed #b1b1b1;width:245px;/* for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 239px; /* Actual Value */
}
/* Be nice to Opera */
html>body #home .menu-content-ul a {
width: 239px;
}
#home .menu-content-ul a:visited {color:#313131;padding:3px;background:none;}
#home .menu-content-ul a:hover {color:#313131;padding:3px;background:#f9f7ed;}

.menu-content-ul {font-size: 1.2em;line-height:1.4em;color:#313131;padding:0;margin:0;width:250px;}
.menu-content-ul a {display:block;color:#313131;text-decoration:none;padding:3px;background:none;border-bottom: 1px dashed #b1b1b1;width:250px;/* for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
width: 244px; /* Actual Value */
}
/* Be nice to Opera */
html>body .menu-content-ul a {
width: 244px;
}
.menu-content-ul a:visited {color:#313131;padding:3px;background:none;}
.menu-content-ul a:hover {color:#313131;padding:3px;background:#f9f7ed;}

/* ******************************************* Home Page ******************************************* */

#home #home-content-left {float:left; width:297px; margin: 0 3px 0 0; padding:0;}
#home #home-content-right {float:left; width:298px; margin:0 0 0 2px; padding:0;}

#home #home-content-left h2, #home #home-content-right h2 {
margin: 0 0 20px 0; 
padding:5px 5px 5px 30px;
background-color:#a00033;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 1.6em;
color:#fff;
}

#home #infobox-home p{
font-size: 1.2em;
line-height: 1.4em;
padding:0 5px 0 0;
}

#home #menu-content h1, #home #infobox-home h1{
padding:2px 5px 2px 5px;
border-left:20px solid #a00033;
margin:20px 5px 0 0;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 1.6em;
}

#home #menu-content h1 {
border-bottom: 1px dashed #b1b1b1;
}

#home #infobox-home h1{
border-bottom:0;
}

#home-content-left h3, #home-content-right h3{
font-size: 1.4em;
font-weight: bold;
padding: 0 5px 4px 5px;
margin: 0;
}

#home-content-left p{
font-size: 1.2em;
line-height: 1.4em;
padding: 0 5px 20px 5px;
margin: 0;
}

#home-content-right p{
font-size: 1.2em;
line-height: 1.3em;
padding: 0 5px 15px 5px;
margin: 0;
}

#icons-home {
padding: 20px 0 0 0;
}

/* ******************************************* Everyday Pages ******************************************* */
#page-main-content #menu-content h1{
padding:4px 5px 4px 25px;
margin:20px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 1.6em;
background-color: #a00033;
color: #fff;
}

#page-main-content #page-content h2{
color:#a00033;
font-size:2.2em;
font-weight: bold;
padding: 20px 0 20px 0;
margin:0;
}

#page-main-content #page-content p{
font-size: 1.2em;
line-height: 1.3em;
padding: 0 0 20px 0;
margin: 0;
}

#page-main-content #page-content table{
font-size: 1.2em;
line-height: 1.3em;
padding: 0 0 20px 0;
margin: 0;
}

#news #page-main-content #page-content p.end-news{
color:#898989;
font-style:italic;
}

p.end-news{
clear:both;
}

#page-main-content #page-content ul, #page-main-content #page-content ol{
padding: 0 0 20px 10px;
margin: 0;
}
#page-main-content #page-content ul li{
font-size: 1.2em;
line-height: 1.3em;
list-style: circle;
margin: 0 0 0 10px;
padding: 0;
}

#page-main-content #page-content ol li{
font-size: 1.2em;
line-height: 1.3em;
list-style:decimal;
margin: 0 0 12px 10px;
padding: 0;
}

#page-main-content #page-content blockquote{
font-size: 1.2em;
line-height: 1.3em;
padding: 0 40px 20px 40px;
margin: 0;
}

#news #page-main-content #page-content h3, #search #page-main-content #page-content h3, #rotas #page-main-content #page-content h3 {
font-size: 1.6em;
padding: 0 0 20px 0;
margin: 0;
font-weight:bold;
}

#sermons #page-main-content #page-content h3 {
font-size: 1.6em;
padding: 0;
margin: 0;
font-weight:bold;
}

#sermons #page-main-content #page-content p.sermon-sub{
font-size: 1.1em;
}



/* ******************************************* Link-Bar-NAV ******************************************* */
#link-bar {
clear:both;
padding: 2px;
background: #414141 url(http://www.carrickfergusbaptist.com/site/bgimg/tile-whole-page.jpg) top left repeat;
}

#link-bar p{
padding:3px;
color: #fff;
margin:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
font-style:italic;
font-weight:bold;
}

/* ******************************************* TEXT ******************************************* */
/*All that Marlarky Image Replacement*/
.logo-h1 {letter-spacing: -1000em;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .logo-h1 { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */
#head-logo h1.logo-h1 a{float:left; display:block; width:400px; height:130px;}
#head-logo a.logo-link {background:url(../bgimg/home-logo.png) no-repeat;}

#head-links p {
padding: 10px 10px 0 0;
color: #fff;
font-size:1.4em;
line-height: 1.2em;
}
#head-links p.phone {
padding-bottom: 10px;
}
#footer p {
font-size: 0.8em;
color:#fff;
padding: 0 0 5px 0;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

/* ******************************************* Calendar ******************************************* */
#calendar #page-main-content #page-content h2{
padding: 20px 0 0 0;
}

#calendar #page-main-content #page-content h3{
font-size:1.5em;
font-weight: bold;
padding: 20px 0 0 0;
margin:0;
}

#calendar #page-main-content #page-content p.date {
background:#fff url(http://www.carrickfergusbaptist.com/site/bgimg/icon-calender.gif) no-repeat left center;
padding:1px 0 1px 19px;
margin-bottom:20px;
margin-top:2px;
}

#calendar .module-calendar caption, #calendar .module-calendar th, #calendar .module-calendar td  {
text-align:center;
}

#calendar .module-calendar table {
border-collapse:collapse;
width:250px;
margin:20px 0 0 0;
font-size: 1.2em;
line-height: 1.3em;
}

#calendar .module-calendar thead {
background-color:#a00033;
width:250px;
height:2em;
margin-top:10px;
font-weight:bold;
}

#calendar .module-calendar th {
background-color:#a00033;
color:#fff;
padding:2px;
font-weight:bold;
}

#calendar .module-calendar th a{
color:#fff;
padding:0;
}

#calendar .module-calendar td {
background-color:#eee;
color:#858585;
padding:4px;
border-bottom:#ada6a5 1px solid;
}

#calendar .module-calendar td a {
color:#313131;
text-decoration:none;
border-bottom: 1px dashed #313131;
}
#calendar .module-calendar td a:hover {
color:#858585;
text-decoration:none;
border-bottom: 1px dashed #858585;
}

#calendar .module-calendar td a:visited {
color:#858585;
text-decoration:none;
border-bottom: 1px dashed #858585;
}

/* ******************************************* IMAGES ******************************************* */
.imgleft, .imgleftclear{
float:left;
padding: 0 5px 5px 0;
}

.imgright, .imgrightclear{
float:right;
padding: 0 0 5px 5px;
}

.img {
padding: 0 0 20px 0;
}

#page-content .imgleft a, #page-content .imgright a, #page-content .imgleft a:hover, #page-content .imgright a:hover, #page-content .imgleftclear a, #page-content .imgrightclear a, #page-content .imgleftclear a:hover, #page-content .imgrightclear a:hover, #page-content .img a, #page-content .img a:hover{
border:0;
text-decoration:none;
}

.home-imgright {
float:right;
padding: 0 5px 5px 5px;
}
#home #home-main-content .home-imgright a, #home #home-main-content .home-imgright a:hover, #home #home-main-content .home-imgright a:visited {
text-decoration:none;
border:none;
}

#page-content .imgleft a img, #page-content .imgright a img, .home-imgright a img, #page-content .img a img {
border-right: #414141 1px solid;
border-bottom: #414141 1px solid;
border-top: #818181 1px solid;
border-left: #818181 1px solid;
}

/* ******************************************* Missions ******************************************* */
#missions #page-main-content #page-content h3 {
font-size: 1.6em;
line-height: 1.7em;
padding: 0 0 20px 0;
margin: 0;
font-weight:bold;
clear: both;
}

#missions #page-main-content #page-content h4 {
font-size: 1.4em;
line-height: 1.5em;
padding: 10px 0 0 0;
margin: 0;
font-weight:bold;
}

#missions #page-main-content #page-content p {
padding: 10px 0 10px 0;
margin: 0;
}

#missions #page-main-content #page-content .mbreak {
clear:both;
padding: 0;
border-top: 1px dashed #a1a1a1;
margin: 0;
}

#missions #page-main-content #page-content .imgright {
padding: 10px 5px 10px 5px;
margin:0;
}

/* ******************************************* Style switch area ******************************************* */
#headlink-right ul li{
float:left;
margin: 0 0 0 15px; 
padding: 0;
list-style: none;
}

#headlink-right ul li a, #headlink-right ul li a img{
margin:0;
border:0;
}

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

#headlink-right {
padding: 2px 5px 0 0;
margin: 0;
}