/*
// Holme Christian Community Church
// Dark Colour // Highlight Colour */




html{
min-height: 101%;
}


body{
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 0.8em;
background-color: #01aded;
padding: 0px;
border: 0px;
margin: 0px;
color: #666;
/*
background-image: url(../images/back.png);
background-repeat: no-repeat;
background-position: top center;
*/
}

a{
text-decoration: none;
color: #363636;
}
a:hover{
color: #a5a5a5;
}

h1{
font-family: arial;
font-size: 1.2em;
font-weight: bold;
color: #0072b9;
padding-top: 0px;
margin-top: 0px;
margin-left: 8px;
margin-bottom: 2px;
margin:0px;
font-size:1.4em;
letter-spacing: 1px;
}



h2{
font-size: 1.1em;
font-weight: lighter;
letter-spacing: 2px;
color: #0072b9;
margin: 0px;
margin-top: 5px;
}

img{
border: none;
}

textarea.enquiry{
overflow: auto;
}




















#container{
width: 900px;
text-align: left;
margin: 0px;
overflow: hidden;
}



#content_wrapper{
margin-top: 4px;
overflow: hidden;
background: white;
padding-bottom: 15px;
}

#rightcol{
float: left;
width: 440px;
overflow: hidden;
}

#leftcol{
float: left;
width: 440px;
overflow: hidden;
}















#banner{
clear: both;
width: 900px;
height: 230px;
text-align: left;
background-color: #0072b9;
background-image: url(../images/banner.jpg);
}

#header{
width: 900px;
height: 100px;
text-align: left;
background-color: #01aded;
border-bottom: 2px solid white;
background-image: url(../images/logo.png);
background-repeat: no-repeat;
background-position: top left;
}

#logo{
float: left;
}





#content{
text-align: justify;
margin: 10px;
padding: 10px;
font-size: 11px;
line-height: 12pt;
color: #363636;
}

#content p{
padding: 3px;
margin: 2px;
}






#footer{
clear: both;
width: 900px;
color: white;
font-size: 10px;
font-family: "Trebuchet MS", Tahoma, Verdana;
background: #0072b9;
overflow: auto;
}

#footl{
float: left;
width: 400px;
text-align: left;
padding: 5px;
}

#footr{
float: left;
width: 470px;
text-align: right;
padding: 5px;
}

#footer a{
color: white;
}

#footer a:hover{
color: #01aded;
}












#contleft{
float: left;
width: 320px;
margin-left: 40px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 30px;
text-align: center;
}

#contright{
float: left;
width: 320px;
margin-top: 10px;
margin-bottom: 10px;
}











    #nav{
        margin: 0;
        padding: 0;
        width: 735px;
        margin-left: 15px;
        margin-top: 65px;
        float: left;
        overflow: auto;
    }

    #navigation {
        z-index: 99;
        margin: 0px;
        padding: 0;
    }

    #navigation li{
        list-style-type: none;
        text-align: center;
        margin: 0px;
        padding: 0px;
        float: left;
        width: 113px;
        height: 28px;
        background-image: url(../images/navback.png);
    }
    #navigation a {
        display: block;
        padding: 8px 19px 0px 19px;
        text-align: center;
        color: white;
        text-decoration: none;
        text-align: left;
        font-size: 0.85em;
        font-weight: bold;
        letter-spacing: 1px;
    }
    #navigation a:hover {
        color: #222222;
    }
    #navigation a.current {
        color: #222222;
    }
    #navigation a.current:hover {
        color: #01aded;
    }



















.clear{
clear: both;
height: 0px;
width: 1px;
line-height: 0px;
background: white;
}

.overflow{
overflow: auto;
}









.msg{
padding: 6px;
border: 1px solid red;
background: #D9B4AC;
text-align: center;
}

.image_edit{
position: absolute;
top: 0px;
left: 0px;
z-index: 99;
}


.eip_textarea{
font-family: arial, tahoma, verdana, sans-serif;
padding: 3px;
font-size: 11px;
}









#left_1{
width: 400px;
height: 400px;
background: #ccc;
margin: 15px;
}

#left_2{
width: 400px;
height: 230px;
background: #ccc;
margin: 15px;
}



img.banner_s{
display: block;
width: 123px;
height: 123px;
}

div.banner_s_last{
margin-right: 0px;
}

div.banner_s_container{
position: relative;
float: left;
position: relative;
width: 123px;
height: 123px;
margin-right: 5.5px;
}



.feature_box{
width: 435px;
height: 130px;
background: #ccc;
margin-bottom: 1px;
margin-left: 4px;
position: relative;
}

.f_300{
width: 300px;
}





















h1.home_title{
font-size: 48px;
color: #0072b9;
margin-bottom: 20px;
}

p.home_text{
line-height: 20px;
color: #666;
}

#video_box{
width: 435px;
height: 325px;
background: #ccc;
margin-bottom: 1px;
margin-left: 4px;
position: relative;
}












div.services_box{
width: 260px;
height: 160px;
float: left;
position: relative;
margin: 8px;
padding-top: 15px;
}

a.services_title{
display: block;
font-family: 'Trebuchet MS',verdana,tahoma,arial,sans-serif;
padding: 20px 0 4px 6px;
background-color: #01aded;
color: white;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0px;
font-size: 16px;
}

a.services_morelink{
text-decoration: underline;
}

img.services_logo{
position: absolute;
top: -10px;
right: 0px;
}

img.services_img{
position: absolute;
top: 60px;
left: 0px;
}

p.services_text{
position: absolute;
top: 55px;
left: 80px;
}





h1.microsite_title{
padding: 50px 5px 10px 5px;
color: white;
font-size: 2.5em;
margin-bottom: 10px;
}




.search_title{
color: #0072b9;
font-size: 14px;
}

.search_result{
border: 1px solid #ccc;
padding: 7px;
margin: 5px;
}






















#contact_form{
width: 400px;
}

#contact_form label{
clear: both;
float: left;
width: 100px;
text-align: left;
font-weight: bold;
margin-top: 7px;
}

#contact_form input,#contact_form textarea{
float: left;
width: 230px;
margin-top: 7px;
font-family: verdana,arial,tahoma,sans-serif;
font-size: 9pt;
border: 1px solid #cccccc;
padding: 3px;
}

#contact_form textarea{
overflow: auto;
height: 100px;
}

#contact_form input.submit{
width: auto;
padding: 4px 6px;
background: #0072b9;
border: 0;
float: left;
text-transform: uppercase;
color: white;
font-size: 0.8em;
font-weight: bold;
margin-right: 2px;
background-image: url(../images/grad_s.png);
background-repeat: repeat-x;
}

div.sub_btns{
clear: both;
padding-left: 50px;
float: left;
}




.label_block{
display: block;
background: #345fb9;
padding: 8px;
color: white;
font-weight: bold;
}


p.home_intro{
color: #0072b9;
font-weight: bold;
}