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

/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}


body
{
padding: 0px;
margin: 0px;
background:#FFF;
}
img
{
display: block;
border: 0px;
border-width:0px;
border-style: none;
max-width: 100%;
}
#topheader
{
/*top: 0px;
width: 100%;
height: auto;
position: relative;
background:url(../images/bg_glare.png) repeat-x;
min-height:69px;*/
top: 0px;
width: 100%;
min-height:62px;
position: relative;
background:url(../images/bg_glare.png) repeat-x;
}
#logoefc
{
float:left;
position: relative;
top: 0px;
/*background:url(../images/churchlogo.png) no-repeat;*/
width:100%;
max-width: 500px;
}

#main_fmr
{
margin: 0 auto;
position: relative;
width:100%;
height: auto;
background: -webkit-gradient(linear, left top, left bottom, from(#0739aa), to(#020e54));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #0739aa, #020e54);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#020e54);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#020e54)";
background-image: -ms-linear-gradient(top left, #0739aa 0%, #020e54 100%);
background-image: -o-linear-gradient(top left, #0739aa 0%, #020e54 100%);
}

#navigator
{
width: 100%;
height: auto;
background: #0739aa;
margin-bottom: 264px;
}
#main_columnnn
{
margin: 0 auto;
position: relative;
width: 80%;
max-width: 1000px;
background:none;
height: auto;
}
#hold_links
{
float: left;
width: 128px;
height: 100%;
margin-top: 20px;
}
#each_mm
{
height: 70px;
width: 128px;
position: relative;
z-index: 20000;
border: 0px;
}
#efc_code
{
float:left;
margin-left: 120px;
margin-top: -168px;
position: relative;
background:url(../images/efc_code.png) no-repeat;
display:block;
width:545px;
height:228px;
}
/*pages*/
.bg_off
{
display: none;
}
.bg_on
{
position:fixed;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
/*background:#040849;*/
background:url(../images/bg_sliv.png) repeat;
display:block;
top:0px;
z-index:40000;
left:0px;
}
.code_off
{
display: none;
}
.code_on
{
z-index:50000;
max-width: 880px;	
width:100%;
 height: auto;
margin: 0 auto;
position: relative;
top: 50px;
background: -webkit-gradient(linear, left top, left bottom, from(#0739aa), to(#03153d));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #0739aa, #03153d);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#03153d);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#03153d)";
background-image: -ms-linear-gradient(top left, #0739aa 0%, #03153d 100%);
background-image: -o-linear-gradient(top left, #0739aa 0%, #03153d 100%);
display:block;
height:700px;
}
#efcinfo
{
width: 100%;
margin:0 auto;
height:58px;
position:relative;
top: 0px;
background:#FFF;
}
#churchinfo
{
width: 402px;
margin:0 auto;
height:70px;
position:relative;
top: 5px;
background:none;
}


#bullinfo
{
width: 1080px;
margin:0 auto;
height:70px;
position:relative;
top: 5px;
background:none;
}
img.logo_info
{
float:left;
background:url(../images/efc_info_logo.png) no-repeat;
height:70px;
width:70px;
/*display:block;*/
border: 0px;
border-width:0px;
border-style: none;
border:0;
outline: none;
}
img.close_info
{
float:right;
background:url(../images/close_info.png) no-repeat;
width:30px;	
height:30px;
/*display:block;*/
margin-right: 3px;
margin-top: 14px;
border: 0px;
border-width:0px;
border-style: none;
border:0;
outline: none;
}
#holdtheinfo
{
width: 96%;
/*overflow-y:scroll;
height: auto;
max-height: 500px;*/
height: 400px;
overflow-y:scroll;
margin: 0 auto;
color:#fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
padding:0 2%;
}
#holdeventform
{
width: 100%;
/*overflow-y:scroll;
height: auto;
max-height: 500px;*/
height: 450px;
margin: 0 auto;
color:#fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
margin:0 2%;
background:#0739A9;
}
#holdcontact
{
width: 96%;
height:700px;
margin: 0 auto;
color:#fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
padding:2%;
}
#hold_event_image
{
width: 96%;
margin: 0 auto;
display:block;
background: #03153d;
height:700px;
position:relative;
}
#hold_event_image_user
{
width: 98%;
margin: 0 auto;
display:block;
background: #03153d;
position:relative;	
}
#holdthebulletin
{
width: 95%;
overflow-y:scroll;
height: 570px;
margin: 0 auto;
color:#fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
}
h4.efc
{
color:#fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 16px;
}
a img {border: none; border: 0px;
border-width:0px;
border-style: none;}
a {outline : none; }
a.griffin
{
color:#FFF;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
text-decoration:underline;
}
a.griffin:hover
{
color:#CCC;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
text-decoration:underline;
}
.phil_off
{
display:none;
}
.phil_on
{
z-index:50000;
max-width: 500px;	
width:100%;	
margin: 0 auto;
position: relative;
top: 50px;
background: -webkit-gradient(linear, left top, left bottom, from(#0739aa), to(#03153d));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #0739aa, #03153d);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#03153d);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#03153d)";
background-image: -ms-linear-gradient(top left, #0739aa 0%, #03153d 100%);
background-image: -o-linear-gradient(top left, #0739aa 0%, #03153d 100%);
display:block;
text-align:center;
padding-bottom:24px;
}
.mem_off
{
display: none;
}
.mem_on
{
z-index:50000;
max-width: 1100px;	
width:100%;
margin: 0 auto;
position: relative;
height:auto;
min-height:500px;
top: 50px;
background: -webkit-gradient(linear, left top, left bottom, from(#0739aa), to(#03153d));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #0739aa, #03153d);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#03153d);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#03153d)";
background-image: -ms-linear-gradient(top left, #0739aa 0%, #03153d 100%);
background-image: -o-linear-gradient(top left, #0739aa 0%, #03153d 100%);
display:block;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
transition: background 0.5s ease;
padding-bottom:24px;
}
.terms_off
{
display: none;
}
.terms_on
{
z-index:50000;
max-width: 1200px;	
width:100%;
height: 600px;
overflow-y:scroll;
margin: 0 auto;
position: relative;
top: 50px;
background: -webkit-gradient(linear, left top, left bottom, from(#0739aa), to(#03153d));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #0739aa, #03153d);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#03153d);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#03153d)";
background-image: -ms-linear-gradient(top left, #0739aa 0%, #03153d 100%);
background-image: -o-linear-gradient(top left, #0739aa 0%, #03153d 100%);
display:block;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
transition: background 0.5s ease;
padding-bottom:24px;
}
.bull_off
{
display: none;
}
.bull_on
{
z-index:50000;
width: 1130px;	
 height: 670px;
margin: 0 auto;
position: relative;
top: 50px;
background: -webkit-gradient(linear, left top, left bottom, from(#0739aa), to(#03153d));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #0739aa, #03153d);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#03153d);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#03153d)";
background-image: -ms-linear-gradient(top left, #0739aa 0%, #03153d 100%);
background-image: -o-linear-gradient(top left, #0739aa 0%, #03153d 100%);
display:block;
}
/*form*/
#gold_form
{
width: 95%;
margin-top: 20px;
height: auto;
margin: 0 auto;
}
#hold_it
{
width: 100%;
margin-bottom: 12px;
position: relative;
float:left;
}
#labeller
{
position:relative;
width: 30%;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #feedef;
float:left;
/*line-height: 55px;*/
}

#inputter
{
position:relative;
width: 100%;
float:left;
margin-top:10px;
}

#inputtleft
{
position:relative;
width: 70%;
float:left;
}

#slidehold
{
display:none;
}


.rounded-corners {  
      behavior: url(http://www.escombefc.co.za/border-radius.htc);  
    }  

#training_beacon
{
background:url(../images/key.png) no-repeat;
width:199px;
height:146px;
margin-left: 995px;
    margin-top: -167px;
position:relative;
z-index:8000;
float:left;
}

#mid_info
{
position:relative;
margin:0 auto;
width:88%;
max-width: 1000px;
margin-top: 14px;
background: none;
height: 172px;
padding: 5px;
color:#000766;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
}

#footer
{
position: relative;
bottom: 0px;
height:auto;
min-height: 72px;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(#0739aa), to(#020e54));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #0739aa, #020e54);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#020e54);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#020e54)";
background-image: -ms-linear-gradient(top left, #0739aa 0%, #020e54 100%);
background-image: -o-linear-gradient(top left, #0739aa 0%, #020e54 100%);
display:block;
box-shadow: 0px -12px 12px -7px #555;
}

#ftr_text
{
padding: 7px 0 0;
color:#FFF;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
text-align: center;
}

img.ftrimg
{
margin: 0 auto;
margin-bottom: 5px;
}
a.aftr
{
color:#FFF;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif
font-size:14px;	
font-weight:bold;
text-decoration:underline;
}

a.aftr:hover
{
color:#CCC;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif
font-size:14px;	
font-weight:bold;
text-decoration:underline;
}

a.bftr
{
color:#698BEE;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif
font-size:14px;	
font-weight:bold;
text-decoration:underline;
}

a.bftr:hover
{
color:#0813b3;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif
font-size:14px;	
font-weight:bold;
text-decoration:underline;
}

/*iframe*/

.reglogchurch
{
font-size:14px;
color:#fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
background:#372345;
width:70%;
margin: 0 auto;
}

.memberss
{
color:#104fdc;
font-size:12px;
font-style:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#holdlogons
{
color:#02194f;
font-size:12px;
font-style:bold;	
float:right;
margin-top: 117px;
margin-right:1%;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

a.whitecl
{
color:#2953b0;
font-size:12px;
font-weight:bold;		
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:none;
}

a.whitecl:link
{
color:#2953b0;
font-size:12px;
font-weight:bold;		
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:underline;
}

a.whitecl:hover
{
color:#104fdc;
font-size:12px;
font-weight:bold;	
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:underline;
}
/*CHURCH LEADERSZHIp ON PHIL DIV*/
#bio_elder
{
float: left;
margin: 1%;
padding: 1%;
position: relative;
width: 98%;
background:#031C55;
display:block;
height:104px;
}
#bio_elder:hover
{
background:#042673;
-webkit-transition: background 0.75s ease;
-moz-transition: background 0.75s ease;
-o-transition: background 0.75s ease;
-ms-transition: background 0.75s ease;
transition: background 0.75s ease;
}
#elder_image
{
width:24%;
padding:2%;
background:#042673;
float:left;
display:block;
text-align:center;
}
.elder_info
{
width:58%;
background:none;
float:left;
padding:2%;
margin-left:1%;
display:block;
}
.elder_info h4
{
color: #698BEE;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight:bold;
text-align:left;
}
.elder_info h5
{
color: #FFFFFF;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight:bold;
text-align:left;
/* -- thumbnails -- */
}
#thumbs 
{
/*    float:left;*/
    margin:0 auto;
   	width:100%;
    font:normal 11px/13px Arial;
    color:#666;
}
#thumbs .thumb 
{
    border:1px solid #CCC;
    border-top:1px solid #FFF;
    padding:11px 8px;
    background:#EEE;
}
#thumbs .thumb:hover
{
background:#00174b;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
transition: background 0.5s ease;
    border:1px solid #00174b;
    border-top:1px solid #00174b;
    padding:11px 8px;
	color:#FFF;
}
#thumbs .thumb:active
{
    border:1px solid #00174b;
    border-top:1px solid #00174b;
    padding:11px 8px;
    background:#0739AA;
}
#thumbs .thumb-on 
{
    background:#FFF;
}

#thumbs img{border:1px solid #DDD; cursor:pointer; width:70px; height:44px;}

#thumbs .frame {float:left;padding:2px;border:1px solid #CCC;background:white;border-radius:3px;box-shadow:0 0 3px #BBB;font-size:0;line-height:0;}
#thumbs .thumb-content {float:left;width:110px;padding-left:18px;}
#thumbs .thumb-content:hover {color:#FFF;}

/* Captions in #thumbs .thumb-content */
#thumbs .thumb-content p {font-weight:bold; color:#0c52ef; margin:0 0 3px;padding:0;}
#thumbs .thumb-content p:hover{color:#3E77F6;}
#thumbs .thumb-on .thumb-content p {color:#0346db;}
}
@media only screen and (min-width: 400px) {
#topheader
{
/*top: 0px;
width: 100%;
height: auto;
position: relative;
background:url(../images/bg_glare.png) repeat-x;
min-height:69px;*/
top: 0px;
width: 100%;
min-height:137px;
position: relative;
background:url(../images/bg_glare.png) repeat-x;
}	
/*CHURCH LEADERSZHIp ON PHIL DIV*/
#bio_elder
{
float: left;
margin: 1%;
padding: 1%;
position: relative;
width: 98%;
background:#031C55;
display:block;
height:104px;
}
#bio_elder:hover
{
background:#042673;
-webkit-transition: background 0.75s ease;
-moz-transition: background 0.75s ease;
-o-transition: background 0.75s ease;
-ms-transition: background 0.75s ease;
transition: background 0.75s ease;
}
#elder_image
{
width:16%;
padding:2%;
background:#042673;
float:left;
display:block;
text-align:center;
}
.elder_info
{
width:58%;
background:none;
float:left;
padding:2%;
margin-left:1%;
display:block;
}
.elder_info h4
{
color: #698BEE;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight:bold;
text-align:left;
}
.elder_info h5
{
color: #FFFFFF;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight:bold;
text-align:left;
}
/* -- thumbnails -- */
#thumbs 
{
/*    float:left;*/
    margin:0 auto;
    max-width:230px;
	width:100%;
    font:normal 11px/13px Arial;
    color:#666;
}

#thumbs .thumb 
{
    border:1px solid #CCC;
    border-top:1px solid #FFF;
    padding:11px 8px;
    background:#EEE;
}
#thumbs .thumb:hover
{
background:#00174b;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
transition: background 0.5s ease;
   border:1px solid #00174b;
    border-top:1px solid #00174b;
    padding:11px 8px;
	color:#FFF;
}
#thumbs .thumb:active
{
    border:1px solid #00174b;
    border-top:1px solid #00174b;
    padding:11px 8px;
    background:#0739AA;
}
#thumbs .thumb-on 
{
    background:#FFF;
}

#thumbs img{border:1px solid #DDD; cursor:pointer; width:70px; height:44px;}

#thumbs .frame {float:left;padding:2px;border:1px solid #CCC;background:white;border-radius:3px;box-shadow:0 0 3px #BBB;font-size:0;line-height:0;}
#thumbs .thumb-content {float:left;width:110px;padding-left:18px;}
#thumbs .thumb-content:hover {color:#FFF;}
/* Captions in #thumbs .thumb-content */
#thumbs .thumb-content p {font-weight:bold; color:#0c52ef; margin:0 0 3px;padding:0;}
#thumbs .thumb-content p:hover{color:#3E77F6;}
#thumbs .thumb-on .thumb-content p {color:#0346db;}

#mid_info
{
position:relative;
margin:0 auto;
width:88%;
max-width: 1000px;
margin-top: 14px;
background: none;
height: 172px;
padding: 5px;
color:#000766;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
}

#footer
{
position: relative;
bottom: 0px;
height:auto;
min-height: 72px;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(#0739aa), to(#020e54));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #0739aa, #020e54);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#020e54);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#020e54)";
background-image: -ms-linear-gradient(top left, #0739aa 0%, #020e54 100%);
background-image: -o-linear-gradient(top left, #0739aa 0%, #020e54 100%);
display:block;
box-shadow: 0px -12px 12px -7px #555;
}


}
@media only screen and (min-width: 728px) {
#topheader
{
/*top: 0px;
width: 100%;
height: auto;
position: relative;
background:url(../images/bg_glare.png) repeat-x;
min-height:69px;*/
top: 0px;
width: 100%;
min-height:137px;
position: relative;
background:url(../images/bg_glare.png) repeat-x;
}
#logoefc
{
float:left;
position: relative;
top: 0px;
/*background:url(../images/churchlogo.png) no-repeat;*/
width:100%;
max-width: 910px;
max-height: 137px;
}	
/*CHURCH LEADERSZHIp ON PHIL DIV*/
#bio_elder
{
float: left;
margin: 1%;
padding: 1%;
position: relative;
width: 29%;
background:#031C55;
display:block;
height:104px;
}
#bio_elder:hover
{
background:#042673;
-webkit-transition: background 0.75s ease;
-moz-transition: background 0.75s ease;
-o-transition: background 0.75s ease;
-ms-transition: background 0.75s ease;
transition: background 0.75s ease;
}
#elder_image
{
width:32%;
padding:2%;
background:#042673;
float:left;
display:block;
text-align:center;
}
.elder_info
{
width:58%;
background:none;
float:left;
padding:2%;
margin-left:1%;
display:block;
}
.elder_info h4
{
color: #698BEE;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight:bold;
text-align:left;
}
.elder_info h5
{
color: #FFFFFF;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight:bold;
text-align:left;
}
/* -- thumbnails -- */
#thumbs 
{
/*    float:left;*/
    margin:0 auto;
    max-width:230px;
	width:100%;
    font:normal 11px/13px Arial;
    color:#666;
}

#thumbs .thumb 
{
    border:1px solid #CCC;
    border-top:1px solid #FFF;
    padding:11px 8px;
    background:#EEE;
}
#thumbs .thumb:hover
{
background:#00174b;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
transition: background 0.5s ease;
	border:1px solid #CCC;
    border-top:1px solid #FFF;
    padding:11px 8px;
	color:#FFF;
}
#thumbs .thumb:active
{
    border:1px solid #CCC;
    border-top:1px solid #FFF;
    padding:11px 8px;
    background:#0d358e;
}
#thumbs .thumb-on 
{
    background:#FFF;
}

#thumbs img{border:1px solid #DDD; cursor:pointer; width:70px; height:44px;}

#thumbs .frame {float:left;padding:2px;border:1px solid #CCC;background:white;border-radius:3px;box-shadow:0 0 3px #BBB;font-size:0;line-height:0;}
#thumbs .thumb-content {float:left;width:110px;padding-left:18px;}
#thumbs .thumb-content:hover {color:#FFF;}

/* Captions in #thumbs .thumb-content */
#thumbs .thumb-content p {font-weight:bold; color:#0c52ef; margin:0 0 3px;padding:0;}
#thumbs .thumb-content p:hover{color:#3E77F6;}
#thumbs .thumb-on .thumb-content p {color:#0346db;}
#mid_info
{
position:relative;
margin:0 auto;
width:88%;
max-width: 1000px;
margin-top: 14px;
background: none;
height: 172px;
padding: 5px;
color:#000766;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
}

#footer
{
position: relative;
bottom: 0px;
height:auto;
min-height: 72px;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(#0739aa), to(#020e54));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #0739aa, #020e54);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#020e54);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#020e54)";
background-image: -ms-linear-gradient(top left, #0739aa 0%, #020e54 100%);
background-image: -o-linear-gradient(top left, #0739aa 0%, #020e54 100%);
display:block;
box-shadow: 0px -12px 12px -7px #555;
}
/* -- thumbnails -- */
#thumbs 
{
    width:230px;
    font:normal 11px/13px Arial;
    color:#666;
	float:left;
}

#thumbs .thumb 
{
    border:1px solid #CCC;
    border-top:1px solid #FFF;
    padding:11px 8px;
    background:#EEE;
}
#thumbs .thumb:hover
{
background:#00174b;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
transition: background 0.5s ease;
    border:1px solid #00174b;
    border-top:1px solid #00174b;
    padding:11px 8px;
	color:#FFF;
}
#thumbs .thumb:active
{
   border:1px solid #00174b;
    border-top:1px solid #00174b;
    padding:11px 8px;
    background:#0d358e;
}
#thumbs .thumb-on 
{
    background:#FFF;
}

#thumbs img{border:1px solid #DDD; cursor:pointer; width:70px; height:44px;}

#thumbs .frame {float:left;padding:2px;border:1px solid #CCC;background:white;border-radius:3px;box-shadow:0 0 3px #BBB;font-size:0;line-height:0;}
#thumbs .thumb-content {float:left;width:110px;padding-left:18px;}
#thumbs .thumb-content:hover {color:#FFF;}

/* Captions in #thumbs .thumb-content */
#thumbs .thumb-content p {font-weight:bold; color:#0c52ef; margin:0 0 3px;padding:0;}
#thumbs .thumb-content p:hover{color:#3E77F6;}
#thumbs .thumb-on .thumb-content p {color:#0346db;}
#footer
{
position: relative;
bottom: 0px;
height:auto;
min-height: 72px;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(#0739aa), to(#020e54));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #0739aa, #020e54);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#020e54);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#020e54)";
background-image: -ms-linear-gradient(top left, #0739aa 0%, #020e54 100%);
background-image: -o-linear-gradient(top left, #0739aa 0%, #020e54 100%);
display:block;
box-shadow: 0px -12px 12px -7px #555;
}

}
@media only screen and (min-width: 1024px) {

#topheader
{
top: 0px;
width: 100%;
height: 137px;
position: relative;
background:url(../images/bg_glare.png) repeat-x;
}
#logoefc
{
position: relative;
top: 0px;
/*background:url(../images/churchlogo.png) no-repeat;*/
width:100%;
max-width: 910px;
max-height: 137px;
float:left;
}

#main_fmr
{
margin: 0 auto;
position: relative;
width:100%;
height: auto;
background: -webkit-gradient(linear, left top, left bottom, from(#0739aa), to(#020e54));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #0739aa, #020e54);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#020e54);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#020e54)";
background-image: -ms-linear-gradient(top left, #0739aa 0%, #020e54 100%);
background-image: -o-linear-gradient(top left, #0739aa 0%, #020e54 100%);
}

#navigator
{
width: 100%;
height: 36px;
background: #0739aa;
margin-bottom: 0px;
}
#main_columnnn
{
margin: 0 auto;
position: relative;
width: 80%;
max-width: 1000px;
background:none;
height: auto;
}
#hold_links
{
float: left;
width: 128px;
height: 100%;
margin-top: 20px;
}
#each_mm
{
height: 70px;
width: 128px;
position: relative;
z-index: 20000;
border: 0px;
}
#efc_code
{
float:left;
margin-left: 120px;
margin-top: -168px;
position: relative;
background:url(../images/efc_code.png) no-repeat;
display:block;
width:545px;
height:228px;
}
/*pages*/
.bg_off
{
display: none;
}
.bg_on
{
position:fixed;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
/*background:#040849;*/
background:url(../images/bg_sliv.png) repeat;
display:block;
top:0px;
z-index:40000;
left:0px;
}
.code_off
{
display: none;
}
.code_on
{
z-index:50000;
max-width: 880px;	
width:100%;
 height: auto;
margin: 0 auto;
position: relative;
top: 50px;
height:700px;
background: -webkit-gradient(linear, left top, left bottom, from(#0739aa), to(#03153d));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #0739aa, #03153d);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#03153d);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#03153d)";
background-image: -ms-linear-gradient(top left, #0739aa 0%, #03153d 100%);
background-image: -o-linear-gradient(top left, #0739aa 0%, #03153d 100%);
display:block;
}
#efcinfo
{
width: 100%;
margin:0 auto;
height:58px;
position:relative;
top: 0px;
background:#FFF;
}
#churchinfo
{
width: 402px;
margin:0 auto;
height:70px;
position:relative;
top: 5px;
background:none;
}


#bullinfo
{
width: 1080px;
margin:0 auto;
height:70px;
position:relative;
top: 5px;
background:none;
}
img.logo_info
{
float:left;
background:url(../images/efc_info_logo.png) no-repeat;
height:70px;
width:70px;
/*display:block;*/
border: 0px;
border-width:0px;
border-style: none;
border:0;
outline: none;
}
img.close_info
{
float:right;
background:url(../images/close_info.png) no-repeat;
width:30px;	
height:30px;
/*display:block;*/
margin-right: 3px;
margin-top: 14px;
border: 0px;
border-width:0px;
border-style: none;
border:0;
outline: none;
}
#holdcontact
{
width: 50%;
height: 500px;
margin: 0 auto;
color:#fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
padding:2%;
float:left;
position:relative;
}
#hold_event_image
{
width: 44%;
float:left;	
display:block;
background: #03153d;
height:700px;
}
#hold_event_image_user
{
width: 98%;
float:left;	
display:block;
background: #03153d;
text-align:center;
margin:0 auto;
}
#holdtheinfo
{
width: 96%;
/*overflow-y:scroll;
height: auto;
max-height: 500px;*/
height: 440px;
overflow-y:scroll;
margin: 0 auto;
color:#fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
padding:0 2%;
}
#holdeventform
{
width: 100%;
/*overflow-y:scroll;
height: auto;
max-height: 500px;*/
height: 450px;
margin: 0 auto;
color:#fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
padding:0;
background:#0739A9;

}
#insert_holder
{
width:36%;
background:#0739a9;
padding:2%;
float:left;
position:relative;
margin-right:1%;
height:395px;
overflow-y:scroll;
}
#insert_event_holder
{
width:64%;
background:#0739a9;
padding:2%;
float:left;
position:relative;
margin-right:1%;
height:395px;
overflow-y:scroll;
}
#rec_holder
{
width:55%;
background:#0739a9;
padding:2%;
float:left;
position:relative;
height:395px;
overflow-y:scroll;
}
#holdthebulletin
{
width: 95%;
overflow-y:scroll;
height: 570px;
margin: 0 auto;
color:#fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
}
h4.efc
{
color:#698bee;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 16px;
}
a img {border: none; border: 0px;
border-width:0px;
border-style: none;}
a {outline : none; }
a.griffin
{
color:#FFF;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

font-size: 14px;
font-weight:bold;
text-decoration:underline;
}
a.griffin:hover
{
color:#CCC;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
text-decoration:underline;
}
.phil_off
{
display:none;
}
.phil_on
{
z-index:50000;
max-width: 500px;	
width:100%;	
margin: 0 auto;
position: relative;
top: 50px;
background: -webkit-gradient(linear, left top, left bottom, from(#0739aa), to(#03153d));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #0739aa, #03153d);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#03153d);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#03153d)";
background-image: -ms-linear-gradient(top left, #0739aa 0%, #03153d 100%);
background-image: -o-linear-gradient(top left, #0739aa 0%, #03153d 100%);
display:block;
text-align:center;
padding-bottom:24px;
}
.mem_off
{
display: none;
}
.mem_on
{
z-index:50000;
max-width: 1200px;	
width:100%;
height:auto;
min-height:500px;
margin: 0 auto;
position: relative;
top: 50px;
background: -webkit-gradient(linear, left top, left bottom, from(#0739aa), to(#03153d));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #0739aa, #03153d);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#03153d);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#03153d)";
background-image: -ms-linear-gradient(top left, #0739aa 0%, #03153d 100%);
background-image: -o-linear-gradient(top left, #0739aa 0%, #03153d 100%);
display:block;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
transition: background 0.5s ease;
padding-bottom:24px;
}
.terms_off
{
display: none;
}
.terms_on
{
z-index:50000;
max-width: 1200px;	
width:100%;
height: 600px;
overflow-y:scroll;
margin: 0 auto;
position: relative;
top: 50px;
background: -webkit-gradient(linear, left top, left bottom, from(#0739aa), to(#03153d));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #0739aa, #03153d);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#03153d);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#03153d)";
background-image: -ms-linear-gradient(top left, #0739aa 0%, #03153d 100%);
background-image: -o-linear-gradient(top left, #0739aa 0%, #03153d 100%);
display:block;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
transition: background 0.5s ease;
padding-bottom:24px;
}
.bull_off
{
display: none;
}
.bull_on
{
z-index:50000;
width: 1130px;	
 height: 670px;
margin: 0 auto;
position: relative;
top: 50px;
background: -webkit-gradient(linear, left top, left bottom, from(#0739aa), to(#03153d));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #0739aa, #03153d);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#03153d);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#03153d)";
background-image: -ms-linear-gradient(top left, #0739aa 0%, #03153d 100%);
background-image: -o-linear-gradient(top left, #0739aa 0%, #03153d 100%);
display:block;
}
/*form*/
#gold_form
{
width: 95%;
margin-top: 20px;
height: auto;
margin: 0 auto;
}
#hold_it
{
width: 100%;
margin-bottom: 12px;
position: relative;
float:left;
}
#labeller
{
position:relative;
width: 30%;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #feedef;
float:left;
/*line-height: 55px;*/
}

#inputter
{
position:relative;
width: 64%;
float:left;
}

#inputtleft
{
position:relative;
width: 70%;
float:right;
}

#slidehold
{
height: 332px;
position: relative;
max-width: 673px;
width:100%;
margin:0 auto;
display:block;
}


.rounded-corners {  
      behavior: url(http://www.escombefc.co.za/border-radius.htc);  
    }  

#training_beacon
{
background:url(../images/key.png) no-repeat;
width:199px;
height:146px;
margin-left: 995px;
    margin-top: -167px;
position:relative;
z-index:8000;
float:left;
}

#mid_info
{
position:relative;
margin:0 auto;
width:88%;
max-width: 1000px;
margin-top: 14px;
background: none;
height: 120px;
padding: 5px;
color:#000766;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
}

#footer
{
position: fixed;
height: 72px;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, from(#0739aa), to(#020e54));
/* For Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #0739aa, #020e54);
/* For Internet Explorer 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#020e54);
/* For Internet Explorer 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0739aa, endColorstr=#020e54)";
background-image: -ms-linear-gradient(top left, #0739aa 0%, #020e54 100%);
background-image: -o-linear-gradient(top left, #0739aa 0%, #020e54 100%);
display:block;
box-shadow: 0px -12px 12px -7px #555;
}

#ftr_text
{
padding: 7px 0 0;
color:#FFF;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight:bold;
text-align: center;
}

img.ftrimg
{
margin: 0 auto;
margin-bottom: 5px;
}
a.aftr
{
color:#FFF;
/*color:#020331;*/
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;	
font-weight:bold;
text-decoration:underline;
}

a.aftr:hover
{
color:#7a97e9;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;	
font-weight:bold;
text-decoration:underline;
}

a.aftr:hover
{
color:#b3c6fa;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;	
font-weight:bold;
text-decoration:underline;
}

a.bftr
{
color:#698BEE;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;	
font-weight:bold;
text-decoration:underline;
}

a.bftr:hover
{
color:#0813b3;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif
font-size:14px;	
font-weight:bold;
text-decoration:underline;
}

/*iframe*/

.reglogchurch
{
font-size:14px;
color:#fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
background:#372345;
width:70%;
margin: 0 auto;
}

.memberss
{
color:#104fdc;
font-size:12px;
font-style:bold;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#holdlogons
{
color:#02194f;
font-size:12px;
font-style:bold;	
float:right;
margin-top: 0px;
margin-right:1%;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

a.whitecl
{
color:#2953b0;
font-size:12px;
font-weight:bold;		
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:none;
}

a.whitecl:link
{
color:#2953b0;
font-size:12px;
font-weight:bold;		
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:underline;
}

a.whitecl:hover
{
color:#104fdc;
font-size:12px;
font-weight:bold;	
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.event_results_show
{
width: 100%;
max-width: 1100px;
/*border-width:1px;
border-style:solid;
border-color:#fff;*/
}
/*CHURCH LEADERSZHIp ON PHIL DIV*/
#bio_elder
{
float: left;
margin: 1%;
padding: 1%;
position: relative;
width: 29%;
background:#031C55;
display:block;
height:104px;
}
#bio_elder:hover
{
background:#042673;
-webkit-transition: background 0.75s ease;
-moz-transition: background 0.75s ease;
-o-transition: background 0.75s ease;
-ms-transition: background 0.75s ease;
transition: background 0.75s ease;
}
#elder_image
{
width:32%;
padding:2%;
background:#042673;
float:left;
display:block;
text-align:center;
}
.elder_info
{
width:58%;
background:none;
float:left;
padding:2%;
margin-left:1%;
display:block;
}
.elder_info h4
{
color: #698BEE;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight:bold;
text-align:left;
}
.elder_info h5
{
color: #FFFFFF;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight:bold;
text-align:left;
}
/* -- thumbnails -- */
#thumbs 
{
    margin: 0 auto; 
    width:230px;
    font:normal 11px/13px Arial;
    color:#666;
	float:left;
}

#thumbs .thumb 
{
    border:1px solid #CCC;
    border-top:1px solid #FFF;
    padding:11px 8px;
    background:#EEE;
}
#thumbs .thumb:hover
{
background:#00174b;
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
transition: background 0.5s ease;
    border:1px solid #00174b;
    border-top:1px solid #00174b;
    padding:11px 8px;
	color:#FFF;
}
#thumbs .thumb:active
{
 border:1px solid #00174b;
    border-top:1px solid #00174b;
    padding:11px 8px;
    background:#0d358e;
}
#thumbs .thumb-on 
{
    background:#FFF;
}

#thumbs img{border:1px solid #DDD; cursor:pointer; width:70px; height:44px;}

#thumbs .frame {float:left;padding:2px;border:1px solid #CCC;background:white;border-radius:3px;box-shadow:0 0 3px #BBB;font-size:0;line-height:0;}
#thumbs .thumb-content {float:left;width:110px;padding-left:18px;}
#thumbs .thumb-content:hover {color:#FFF;}
/* Captions in #thumbs .thumb-content */
#thumbs .thumb-content p {font-weight:bold; color:#0c52ef; margin:0 0 3px;padding:0;}
#thumbs .thumb-content p:hover{color:#3E77F6;}
#thumbs .thumb-on .thumb-content p {color:#0346db;}
}