/* CSS Document */

body{
font: 80% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	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: #666666;
	background-color: #FFFFFF;
	margin-top: 10px;
line-height: 1.5em;
}



b{font-size: 110%;}
em{ font-size:2em; color: #9933CC; text-decoration:none; font-style: italic; font-weight:300; text-align:center; }
.border{ border:1px #666666 solid; margin-top:35px;}
a:link.contact{text-decoration:none; color:#FF6633; font-size:1.1em;}
a:hover.contact{text-decoration:none; color: #666666;;}

#topsection{
background: #FFFFFF;
height: 180px; /*Height of top section*/
padding-bottom:0px;



margin-bottom:0px;

}
#topsection img{}
#topsection h1{
 position:absolute; top:-8000px; left:-20000px;

}

#contentwrapper {
	width:100%;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	
	 text-align: left;/* this overrides the text-align: center on the body element. */
	 float: left;

}



#contentcolumn{
margin: 0 300px 0 260px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 260px; /*Width of left column*/
margin-left: -100%;


background: #FFFFFF;

}

#rightcolumn{
float: left;
width: 300px; /*Width of right column*/
margin-left: -300px; /*Set left marginto -(RightColumnWidth)*/
background:transparent;
position:relative;
z-index:100;
}

#footer{
clear: left;
width: 100%;
background: #993399;
border:4px #000000 solid;
color: #FFF;
text-align: center;
padding: 4px 0;
margin-bottom:10px;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin:30px; /*Margins for inner DIV inside each column (to provide padding)*/

}


/*......MENU BAR.......................................................................*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.solidblockmenu{

margin: 0 0 0 10px;
padding: 0;
float: left;
font: bold 13px ;
width: 98%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(menubar/testdefault.png) center center repeat-x;
}


*html .solidblockmenu{margin: 0 0 0 5px;} 



.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 2px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent   url(menubar/testactive2.png) center center repeat-x;
}
/*......END  MENU  BAR.......................................................................*/




/*......content column style...................................*/

p.welcome{font-size:1.3em; color: #FFFFFF; text-align:center; margin-top:25px; line-height:1.6em; background-color: #0099FF; border: 
	 thick  #666666 solid;  
     overflow: hidden;  
      position: relative;  
	   -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;  }
h3.headline{ background-color: #FF3300;  color: #FFFFFF; padding:5px; margin-top:145px; }
h2.right{text-align:right;}

h2 {padding:7px; color:#0099FF; text-align: left; font-style: italic; font-size:2em;}


p{font-size:1.1em; text-align:center; margin-top:35px;}

#contentcolumn{ border-left:1px #0033CC solid; border-right:1px #0033CC solid; padding-left:12px;}






















/*......LEFT SIDE.......................................................................*/









h3.headline{ background-color: #FF3300;  color: #FFFFFF; padding:5px; margin-top:195px; }


#worship{ margin:90px auto;   font-weight:700;   width:150px; height:150px; background-image:url(homephotos/worship.png); border:1px #999999 solid;   }

#worship a{color: #0000FF; text-align: right; text-decoration:none;font-size:1.6em; margin-top:20px; padding-top:27px;padding-bottom:52px;  display:block;}

#worship a:hover{ color:#999999;text-decoration:none; font-size:1.6em;display:block;}


/*.....IE FIX.......................................................................*/

*html #worship a{color: #3366FF; text-decoration:none;font-size:1.6em; margin-top:20px; background-image:none;  display:block;}

*html #worship a:hover{color: #CCCCCC;text-decoration:none; font-size:1.6em;display:block;padding-top:27px;padding-bottom:52px;
background-image: url(homephotos/iesundayactive.gif);}
/*......end IE FIX.......................................................................*/



/*......LEFT SIDE MENU BAR.......................................................................*/

#menu dl {width: 175px; margin: 35px auto 0 10px; padding: 0 0 40px 0; background: #69c   url(definitionlist/bottom.gif) no-repeat bottom left ;}
#menu dt {margin:0; padding: 10px; font-size: 1.7em; font-weight:bold; color: #fff; border-bottom:1px solid #fff; background:   #999999 url(definitionlist/top.gif) no-repeat top left;}
#menu dd {margin:0; padding:0; color: #666666; font-size: 1.1em; border-bottom:1px solid #fff; background: #999999;}
#gallery a, #gallery a:visited {color:#666666; text-decoration:none; display:block; padding:5px 5px 5px 20px;
background:    #CCCCCC url(definitionlist/arrow.gif) no-repeat 10px 10px; width:150px;
}
#gallery a:hover {background: #999999 url(definitionlist/arrowr.gif) no-repeat 10px 10px;  color: #000000;}

ol li {font-size:11px;}

a.map{padding:20px; margin:20px auto; display:block; height:103px; width:70px; font-size:1.2em;border:0px;  text-decoration:none; color:#999999;margin-top:-35px;}
a.map img{text-decoration:none; border:0px;}

a:hover.map{padding:20px; display:block; height:103px;font-size:1.2em;text-decoration:none; border:0px;   color: #666666;height:103px; width:70px; }


a.map_left{padding:20px; margin:20px auto; display:block; height:103px; width:70px; font-size:1.2em;border:0px;  text-decoration:none; color:#999999;}
a.map_left img{text-decoration:none; border:0px;}

a:hover.map_left{padding:20px; display:block; height:103px;font-size:1.2em;text-decoration:none; border:0px;   color: #666666;height:103px; width:70px;  }

/*......END SIDE  MENU BAR.......................................................................*/







/*......RIGHT SIDE.......................................................................*/









/* advent button */
/* Menu Body */
#excite img{border:none; margin-top:20px;}

#excite h3{  font-size:2.5em; font-weight:bolder; color: #669999; position:absolute;top:240px; line-height:1em; left:0px; font-style:italic; }
#excite p{display:block; margin-top:370px; color:#FF9900;font-weight:bolder;}
#excite p a { text-decoration:none; color:#669999;}
#excite p a:hover{ text-decoration:none; color: #000000;}

*html #excite h3{  font-size:1.8em; font-weight:bolder; color: #669999; position:absolute;top:250px; line-height:1em; left:50px; font-style:italic; }
*html #excite p{display:block; margin-top:330px; color:#FF9900;font-weight:bolder;}
/* END OF advent button */
















#blog{width:190px; height:240px;  margin:110px 0px 0px 0px;  padding:60px 0px 10px 0px; background:    url(homephotos/blog1.gif)  top no-repeat  ; display:block; overflow: hidden;  }


#blogskin{}
#blog a { color: #666666; margin-top:0px;  text-decoration:none; font-weight:bold; font-style:italic; }
#blog a:hover{  color: #FF33CC; }

h3.blog{color: #999999; font-size:1.2em; background-color:#0099FF;}






/*......RIGHT SIDE MENU BAR.......................................................................*/

dl.curved {background: #CCCCCC url(definitionlistr/topleft.png) top left no-repeat; margin:35px 0; padding:0px; width:100%;}
dl.curved dt {background:transparent url(definitionlistr/topright.png) top right no-repeat; padding:0px; text-align:center;
font-size:1.5em; font-weight:bold; color: #FFFFFF; }
dl.curved dd {background: #FFFFFF  url(definitionlistr/bottomleftt.png) bottom left no-repeat; padding-top:20px; padding-left:5px; padding-right:5px; margin:0; }
dl.curved dd a {margin:0; padding:10px; line-height:1.3em;}
dl.curved dd p.last {background:transparent  url(definitionlistr/bottomright.png) bottom right no-repeat;padding:25px; }
dd a{text-decoration:none; font-weight:bold;}
dd a:hover{text-decoration:underline;}
dd a.one{color: #FF6633;font-size:1.7em; font:Balloonist SF; }
dd a.two{color: #0066FF;font-size:1.4em;font:Edwardian Script ITC;}
dd a.three{color: #FF33CC;font-size:1.7em;font:Century Gothic;}
dd a.four{color: #9933CC;font-size:1.4em;font:French Script MT;}
dd a.five{color: #FF0000;font-size:1.7em;font:Comic Sans MS;}
dd a.six{color: #9999CC;  font-size:1.4em;font:Cairo SF;}
dd a.seven{color: #00CC33;font-size:1.7em; font:Andalus}
dd a.eight{color: #FF3333;font-size:1.4em;}
dd a.nine{color: #669999;  font-size:1.7em;}

dd a.ten{color: #00FF00;  font-size:1.7em;}
dd a:hover{color: #00CCCC;  }














/*......END SIDE  MENU BAR.......................................................................*/



#4u{border:1px #666666 solid; margin-top:20px; font-size:0.8em;}



 #bottom{
	
	font-size:1.1em;
	
	
	margin-top:10px;
	
	}
	#bottom a{
	color: #999999;
	text-decoration:none; font-style:italic;}

	#bottom a:hover {text-decoration: none;
	color: #CCFF33}

a
{outline: none;}


 


[if IE]>

p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
 

*html dl.curved dd {background:   url(definitionlistr/bottomleftt.png) bottom left no-repeat; padding-top:10px; padding-left:0px; padding-right:0px; margin-bottom:-20px; } 

<![endif]

/* advent button */
/* Menu Body */
	ul#menu1 {
	
		height:175px;
	
		list-style:none;
		margin-left:30px;
		padding:0;
		
	}
	
	/* Float LI Elements - horizontal display */
	ul#menu1 li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#menu1 li a {
		background: url(homephotos/xmas%20button.gif) no-repeat scroll top left;
		display:block;
		height:175px;
		position:relative;
	}
	
	/* Specify width and background position attributes specifically for the class: "home" */
	ul#menu1 li a.home {
		width:200px;
	}
	
	
	
	/* Span (on hover) - common attributes */
	ul#menu1 li a span {
		background:url(homephotos/xmas%20button.gif) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	/* Span (on hover) - display pointer */
	ul#menu1 li a span:hover {
		cursor:pointer;
	}
	
	/* Shift background position on hover for the class: "home" */
	ul#menu1 li a.home span {
	background-position:0px -175px;
	background-image: url(homephotos/xmas%20button.gif);
	}

/* END OF advent button */