/*Style for Global Mission Church - Vincent Jaubin 2009 */

/*
*********************************************
	Reset browsers default
*********************************************
*/

body, div, dl, dt, dd, ul, ol, li, 
h1,h2,h3,h4,h5,h6, pre, form, fieldset,
input, textarea, p, blockquote, th, td {  
	margin: 0; 
	padding: 0; 
	} 
table { 
	border-collapse:collapse; 
	border-spacing: 0; 
	} 
fieldset,img {  
	border: 0; 
	} 
address, caption, cite, code, dfn, em, th, var { 
	font-style: normal; 
	font-weight: normal; 
	} 
ol, ul { 
	list-style:none; 
	} 
caption, th { 
	text-align:left; 
	} 
h1, h2, h3, h4, h5, h6 { 
	font-size: 100%; 
	font-weight: normal; 
	} 
q:before,q:after { 
	content:''; 
	} 
abbr,acronym { 
	border:0; 
	}

/*
*********************************************
	General Styles
********************************************* 
*/
	
	
html, body { height: 100%; }

body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	background: #92b43d url(../images/background.jpg) no-repeat 0 0;
	color: #5C5C56;
	font-size: 62.5%;
	height: 100%;
	}
	
html { font-size:100.1%/*WinIE6- text resize adjust*/}

a { color: #1466bb;}

a:hover { text-decoration: none }

a.more {
	margin-top: -5px;
	padding: 0 10px 0 0;
	display: block;
	font-size: 1.2em;
	background: url(../images/arrowLink.gif) no-repeat scroll 100% 75%;
	text-align: right;
    }  

/*
*********************************************
	Structure
********************************************* 
*/

#mainWrapper {
	margin: 0 auto;
	width: 1032px;
    }
    
#header {
	background: url(../images/header_bg.png) no-repeat 0 0;
	width: 1032px;
	height: 101px;
    }
    
#wrapper { margin-top: -3px;}
    
#wrapperTop, #sub #wrapperTop {
	background: url(../images/wrapper_top.png) no-repeat 0 0;
	height: 14px;
    }
    
#sub #wrapperTop { background: url(../images/wrapper_top_sub.png) no-repeat 0 0;}
    
#wrapperMain, #sub #wrapperMain {
	padding: 20px 34px;
	background: transparent url(../images/wrapper_main.png) repeat-y 0 0;
	overflow: hidden;
	width: 964px;
    }
    
#sub #wrapperMain {background: transparent url(../images/wrapper_main_sub.png) repeat-y 0 0;}
    
#wrapperBot, #sub #wrapperBot {
	background: transparent url(../images/wrapper_bot.png) no-repeat 0 0;
	height: 14px;
    }
    
#sub #wrapperBot {background: transparent url(../images/wrapper_bot_sub.png) no-repeat 0 0;}
      
#sideContent {
	float: left;
	width: 187px;
    }
    
#contentWrapper {
	float: right;
	width: 775px;
    }
 
#sideNavWrap {width: 187px;}   

#sideNavWrap a {text-decoration: none;}   
#sideNavWrap a:hover {text-decoration: underline;} 
    
#mainContent, #mainContentNews, #mainContentFull {
	padding: 13px 28px 20px 38px;
	float: left;
	width: 437px;
    }
    
 #mainContentFull {width: 705px;}
    
#mainContentNews {
	padding: 13px 0px 10px 25px;
	width: 520px;
    }
    
#secondaryContent, #secondaryContentNews {
	padding-top: 49px;
	float: right;
	width: 264px;
    }
    
 #secondaryContentNews {
	padding-top: 0px;
	width: 220px;
    }
    
/*
*********************************************
	Form
********************************************* 
*/

fieldset {margin: 30px 0 0 0;}

fieldset p { font-size: 1.3em }

fieldset .formSection p, fieldset .formSectionB p {
	float: left;
	width:  345px;
	}

fieldset .formSectionB p { width:  622px;}

fieldset .formSection label,
fieldset .formSectionB label  {
	display: block;
	float: left;
	width: 90px;
	}

fieldset .formSectionB label { width:  400px }

.inputTxt, select {
	width: 215px;
	font-size: 1em;
	color: #5C5C56;
	}

.formSection, .formSectionB {
	overflow: hidden;
	zoom: 1
	}

.formSectionB {
	margin: 15px 0;
	padding: 20px 0;
	border-top: 1px solid #cdcecf;
	border-bottom: 1px solid #cdcecf;
	}


fieldset sup {
	font-size: 1.1em;
	vertical-align: bottom;
	color: #a13f19;
	font-family: courier;
	}
	
/*
*********************************************
	Type
********************************************* 
*/

h1, h2 , h3, h4 {
	font-family: "Times New Roman", Times, serif;
	color: #333;
    }

h1 a {
	margin: -15px 0 0 34px;
	display: block;
	width: 256px;
	height: 106px;
	line-height: 400px;
	overflow: hidden;
	float: left;
	background: url(../images/logo.png) no-repeat;
	}

#introText {
	position: relative;
	width: 420px;
	z-index: 1000;
    }
    
h2 {
	margin-bottom: 15px;
	font-size: 3em;
    }
    
#introText h2 {
	position: absolute;
	top:  20px;
	left: 20px;
	font-size: 4em;
	line-height: 30px;
    }
    
#introText h2 small {
	font-size: .7em;
	display: block;
	font-weight: normal;
    }
  
h3 {
	margin: 15px 0 5px 0;
	font-size: 1.8em;
	}

#sideNavWrap h3 {
    margin: 0 ;
    padding: 22px 0 10px 30px;
	color: #007dc5;
	border-bottom: 1px dotted #cdd8e0;
	background: url(../images/sideNav_top.gif) no-repeat right top;
    }
       
h4 {
	margin: 20px 0 0 0;
	font-size: 1.6em;
    }
    
p {
	margin: 0 0 10px 0;
	font-size: 1.2em;
	line-height: 1.5em;
    }
    
#introText p {
	position: absolute;
	top:  100px;
	left: 20px;
	line-height: 20px;
	font-size: 1.3em;
	position: absolute;
    }
    
    
/*
*********************************************
	Navigation
********************************************* 
*/

ul#primaryNav {
	float: right;
	padding-top: 40px;
    }
    
ul#primaryNav li {
	display: inline;
	font-family: "Times New Roman", Times, serif;
    }  
    
ul#primaryNav li a.at {color: #bcbcbc;}
       
ul#primaryNav li a {
	padding: 43px 33px 53px;
	color: #454545;
	font-size: 1.8em;
    background: url(../images/nav_divider.gif) no-repeat right 30px;
    text-decoration: none
    }
    
ul#primaryNav li a.last { background: none }
    
ul#primaryNav li a:hover {
	text-decoration: none;
	color: #999;
    } 
    
ul#secondaryNav {
	padding: 25px 20px 7px 0;
	text-align: right;
    }

ul#secondaryNav li  {
	margin: 0;
	padding: 0 10px;
	display: inline;
    } 
    
ul#secondaryNav li.homeLink { border-right: 1px solid white }
    
ul#secondaryNav li a {
	color: white;
	font-size: 1.1em;
	font-weight: normal;
    }   
 
ul#sideNav {
	padding: 15px 0 30px 27px;
	background: url(../images/sideNav_bot.gif) no-repeat right bottom;
    }
  
    
ul#sideNav li a {
    padding: 0 0 4px 16px;
	font-size: 1.4em;
	color: #727272;
	background: url(../images/arrow_sideNav.gif) no-repeat 0 5px;
	display: block;
	width: 88%;
    }
    
 /*
*********************************************
	Promo
********************************************* 
*/

#promoContainer {
	margin: 15px 0 0 0;
	width: 723px;
	float: left;
	display: inline;
    }
    
 #promoContainer h3 {
	margin: 0 0 10px 0;
	font-size: 1.8em;
	height: 62px;
	line-height: 62px;
    }
    
#promoContainer p {
	line-height: 1.3em
    }
    
.promoBox1, .promoBox2, .promoBox3 {
	margin: 0 13px 0 0;
	padding: 0 15px 0 21px;
	float: left;
	width: 192px;
	height: 290px;
	background: url(../images/promoBox_bg.gif) no-repeat 0 0;
    }
    
 .promoBox1 { background: url(../images/promoBox_bg1.gif) no-repeat 0 0;}     
 .promoBox2 { background: url(../images/promoBox_bg2.gif) no-repeat 0 0;}
 .promoBox3 { background: url(../images/promoBox_bg3.gif) no-repeat 0 0;}
 
 
  /*
*********************************************
	Info
********************************************* 
*/

#info {
	margin: 15px 0 0 0;
	float: right;
	width: 240px;
	display: inline;
    }
    
#info h3 {
	margin-bottom: 15px;
	padding: 28px 0 7px 65px;
    }
    
#info p {padding: 0 0 30px 40px ;}

#serviceTime {
	margin-bottom: 7px;
	background: url(../images/service_bg.gif) no-repeat right top;
	width: 240px;
	}
	
#directions {
	background: url(../images/directions_bg.gif) no-repeat right top;
	width: 240px;
	}
    
#serviceTime h3 {
	background: url(../images/icon_service.gif) no-repeat 30px 25px
	}
	
#directions h3 {
	background: url(../images/icon_directions.gif) no-repeat 30px 25px
	}
    
#serviceTime p, #directions p {
	margin: 0 0 0 0;
	background: url(../images/service_bot.gif) no-repeat right bottom
    }
    
#directions p { background: url(../images/directions_bot.gif) no-repeat right bottom}

#directions a {
	padding-top: 10px;
	display: block;
    }
    
/*
*********************************************
	Slideshow
********************************************* 
*/
    

#simplegallery1, #simplegallery2 {
	position: relative;
	visibility: hidden;
	z-index: 1;
	}
	
#simplegallery2 {
	margin-top: 20px;
    }

#simplegallery1 .gallerydesctext, #simplegallery2 .gallerydesctext  {
	text-align: left;
	padding: 2px 5px;
	} 
    
    
/*
*********************************************
	Testimonies
********************************************* 
*/


#testimonies {
	padding-bottom: 30px;
	background: url(../images/testimonies_bot.gif) no-repeat right bottom;
    }


#testimonies h4 {
	padding: 15px 0 20px 18px;
	background: url(../images/testimonies_top.gif) no-repeat right top;
    }
    
#testimonies p {
	padding: 0 20px;
	line-height: 1.3em;
    } 
    
#testimonies cite {
	margin-bottom: 15px;
	display: block;
	text-align: right;
	font-size: 11px;
	color: #678d03;
    } 
    


/*
*********************************************
	Footer
********************************************* 
*/

#footer { padding: 10px 0 30px 0}

#footer li {
	padding: 0 10px;
	color: white;
	font-size: 1.1em;
	display: inline;
	border-right: 1px solid #bde84f;
    }

#footer li.footerTime { border: none;}  


/*
*********************************************
	Calendar
********************************************* 
*/

table.calendar {
	border-collapse: separate;
	border: 1px solid #9DABCE;
	border-width: 0px 0px 1px 1px;
	margin: 10px auto;
	font-size: 20px;
	float: left;
	}
	
.calendar td, .calendar th {
	width: 72px;
	height: 72px;
	text-align: center;
	vertical-align: middle;
	background: url(../images/cells.png);
	color: #444;
	}
	
.calendar th.month, .calendar th:hover.month {
	background: url(../images/cellsMth.jpg);
	color: white;
	text-align: center;
	width: auto;
    }
    
.calendar th, .calendar tfoot td {
	height: 30px;
	font-weight: bold;
	font-size: 14px;
	}
	
.calendar td:hover, .calendar th:hover {
	background-position: 0px -72px;
	color: #222;
	}
	
.calendar td.date_has_event {
	background-position: 144px 0px;
	color: white;
	}
	
.calendar td.date_has_event:hover {background-position: 144px -72px;}

.calendar td.padding {background: url(../images/calpad.jpg);}

.calendar td.today {
	background-position: 72px 0px;
	color: white;
	}
	
.calendar td.today:hover {background-position: 72px -72px;}

.events {position: relative;}

.events ul {
	text-align: left;
	position: absolute;
	display: none;
	z-index: 1000;
	padding: 15px;
	background: #E7ECF2 url(../images/popup.png) no-repeat;
	color: white;
	border: 1px solid white;
	font-size: 15px;
	width: 200px;
	/*-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;	
	-webkit-box-shadow: 0px 8px 8px #333;*/
	list-style: none;
	color: #444444;
	}

.eventsCalendar {margin-top:  47px;}	

.eventsCalendar li {
	padding: 5px 0;
	font-size: 12px;
	border-bottom: 1px solid #c7ced6;
	overflow: hidden;
	height: 1%;
    }
    
.eventsCalendar li.first {
	margin-bottom: 10px; 
	font-weight: bold;
	}
    
 .eventsCalendar li.first strong, 
 .eventsCalendar .eventsName {color: #454545;}   
    
.eventsCalendar li strong, 
.eventsCalendar li span {
	float: left;
	width: 60px;
	color: #678d03;
    }
    
.eventsCalendar li span {
	display: block;
	width: 150px;
    }