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

/* ------- TABLE OF CONTENTS -----*/
/* ------- 1 GENERAL -------------*/
/* ------- 2 HEADER   ------------*/
/* ------- 3 NAVIGATION ----------*/
/* ------- 4 SIDEBAR -------------*/
/* ------- 5 MAIN CONTENT --------*/
/* ------- 6 FOOTER --------------*/
/* ------- 7 MISCELLANEOUS -------*/
/* ------- 8 TWITTER -------*/
/* ------- 9 FORMS -------*/


/* ------- 1 GENERAL --------------*/

html {
	height: 			100%;
}

body  {
	background: 		#FFFFFF;
	margin: 			0px 0px 0px 0px;
	padding: 			0px 0px 0px 0px;
	height: 			100%;
	text-align: 		center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: 				#525252;
  	font-family: 		"Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
    line-height: 		20px;
	font-size: 			92%;
	background-image:	url(../images/bg_bodyNew.jpg);
	background-repeat:	repeat-x;
	
}

h1, h2, h3, h4, h5, h6 {
  Font-Family: 			"Trebuchet MS", "Tahoma", Geneva, sans-serif;
  color: 				#1D3E68;
}

h1 { 
	font-size: 			200%;
	padding: 			30px 0px 15px 0px;
	}
	
h2 {
	font-size: 			180%;
	}

h3 {
	font-size: 			160%;
	}
	
h4 {
	font-size: 			160%;
	}

hr {
background-color:#fff;
border:#DDDDDD 1px dotted;
border-style: none none dotted;
color:#fff;
}

#container { 
	width: 				1004px;  /* this width will create a container that will fit in an 1024px browser window if text is left at browser default font sizes */
	margin: 			0 auto;
	text-align: 		left;
	max-width: 			1004px;
	min-height: 		100%;
	background-repeat: 	no-repeat;

} 


/* ------- 2 HEADER --------------*/

#header { 
	background: 		#DDDDDD;
	height: 			150px;
	background-image:	url(../images/banner_secondary1024.jpg);
	background-repeat:	no-repeat;
} 


#header p { 
	margin: 			0px 0px 0px 0px;
	padding: 			0px 72px 0px 0px;
	color:				#FFFFFF;
	text-align:			right;
	font-size:			14px;
    font-family: 		"Trebuchet MS", "Tahoma", Geneva, sans-serif;
} 

#header a, a:visited, #headerHome a, a:visited { 
	color:				#FFFFFF;
	text-decoration: 	none;
} 

#header a:hover, #headerHome a:hover { 
	color: 				#10122A;
	text-decoration:	none;
} 

  
#headerHome { 
	background: 		#DDDDDD;
	height: 			50px;
	background-image:	url(../images/banner_homePage1024.jpg);
	background-repeat:	no-repeat;
} 


/* ------- 3 NAVIGATION --------------*/


#navigationLevel1 { 
	background: 		#000000;
	position: relative; z-index: 3000;

} 


#navigationLevel2 { 

	padding: 			0px 120px; 
	margin: 			0px 0px 0px 0px;
	height: 			24px;
} 

#navigationLevel2 a, a:visited { 
	color:				#000000;
	text-decoration: 	none;
} 

#navigationLevel2 a:hover { 
	color: 				#96BBE3;
	text-decoration:	none;
} 

#navigationLevel2 p { 
	color: 				#000000;
	text-align: 		left;
	padding: 			2px 0px 0px 0px;
	margin: 			0px 0px 0px 0px;
	font-size:			14px;
  Font-Family: 			"Trebuchet MS", "Tahoma", Geneva, sans-serif;
} 

/* ------- 4 SIDEBAR --------------*/


#sidebar1 {
	float: 				right; 
	width: 				240px; /* since this element is floated, a width must be given */
  	padding: 			23px 65px 0px 10px;
	font-size: 			75%;
}
#sidebarHighlight h3 {
	margin: 			0px 10px 5px 10px;

}

#sidebar1, #sidebarHighlight p {
	margin: 			0px 5px 0px 10px;
}

#sidebarHighlight {
    
	background: 		#EEEEEE;
	padding: 			5px;
	border: #DDDDDD solid 1px;
}

#serviceTimes {
    line-height: 		15px;
}

#ministryHighlight{
    line-height: 		10px;
	font-size:			12px;
	height: 			40px;
}

/* ------- 5 MAIN CONTENT --------------*/

#mainContent {
  	padding: 			0px 0px 15px 120px;
	line-height: 		21px;
	font-size: 			90%;
	width: 				490px;
	overflow:			auto;
	padding-bottom: 150px;  /* must be same height as the footer */
	overflow:hidden;

	}
	

#mainContent h4 {

	font-size: 			130%;
	
	}
	

#mainContentWide {
  	padding: 			0px 0px 15px 120px;
	line-height: 		21px;
	font-size: 			90%;
	min-height: 		300px;
	width: 				770px;
	}

	
.blk { 
	display:			block; 
} 

/* ------- 6 FOOTER --------------*/

	
#footer { 
	padding: 			2px 5px 3px 5px;
	background: 		#000000;
	
	position: 			relative;
	margin-top: 		-150px; /* negative value of footer height */
	height: 			150px;
	clear:				both;
} 

#footerContainer {
		width: 			1004px;  /* this width will create a container that will fit in an 1024px browser window if text is left at browser default font sizes */
	margin: 			0 auto;
	text-align: 		left;
	max-width: 			1004px;
}

#footer p {
	margin: 			0px 0px 0px 45px; 
  	padding: 			0px 75px 0px 75px;
	font-size: 			80%;
	color:				#666666;	
}

#footer h3 {
	margin: 			20px 0px 0px 120px; 
	font-size: 			110%;
	color:				#333333;	
}



/* ------- 7 MISCELLANEOUS --------------*/

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: 				right;
	margin-left: 		8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: 				left;
	margin-right:		8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:				both;
    height:				0;
    font-size: 			1px;
    line-height: 		0px;
}

a { 
	color: 				#000000;
	text-decoration: 	underline;
	}

a:visited { 
	color: 				#999999;
	text-decoration: 	underline;
	}	
	
a:hover { 
	color: 				#10122A;
	text-decoration:	none;
} 

.notice {
	font-size: 15px;
	background-color:#FF9;
	padding: 2px 2px 2px 2px;
}



/* ------- 8 TWITTER --------------*/

#twitter_div {
	background-image: url('img/twitterBG.png');
	background-repeat: no-repeat;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #5AA5BC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin-top:10px;
	padding-top: 30px;
	padding-right: 5px;
	padding-left: 0px;
}
 
#twitter_div ul li {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #A1E8F7;
	color: #7a8a99;
}

ul#twitter_update_list li {
	margin-bottom: 10px;
	padding: 10px;
	color: #7a8a99;
	background-color:#F4F4F4;
	
	list-style:none;
}

#flush ul {
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
}


#twitter_div ul li a {

}
 
#twitter_div ul li a:hover {

}
 
#twitter_div p {
	text-align: right;
	padding-right: 6px;
	padding-bottom: 10px;
}


/* ------- 9 FORMS--------------*/

form    {

/* fallback */ 
background-color: #EEEEEE;
/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, bottom, left 175px, from(#EEEEEE), to(#CCCCCC));
/* Safari 5.1, Chrome 10+ */ 
background: -webkit-linear-gradient(top, #EEEEEE, #CCCCCC);
/* Firefox 3.6+ */ 
background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
/* for IE */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#CCCCCC'); 
/* IE 10 */ background: -ms-linear-gradient(top, #EEEEEE, #CCCCCC); 
/* Opera 11.10+ */ background: -o-linear-gradient(top, #CCCCCC, #EEEEEE);


margin:auto;
position:relative;
width:425px;
height:475px;
font-family: Tahoma, Geneva, sans-serif;
font-size: 14px;
font-style: italic;
line-height: 24px;
font-weight: bold;
color: #09C;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
border: 1px solid #999;
border: inset 1px solid #333;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

input    {
width:275px;
display:block;
border: 1px solid #999;
height: 25px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
font-size: 14px;
}

select    {
width:275px;
height: 30px;
display:block;
border: 1px solid #999;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

textarea#comments {
width:375px;
height:150px;
}

textarea.message {
display:block;
}


input.button {
width:100px;
position:absolute;
right:20px;
bottom:20px;
background:#09C;
color:#fff;
font-family: Tahoma, Geneva, sans-serif;
height:30px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1p solid #999;
}

input.button:hover {
background:#fff;
color:#09C;
}

textarea:focus, input:focus {
border: 1px solid #09C;
}