
.clear {
	clear:both;
}

#banner {
  height:170px;
}

#banner img {
  width:743px;
}

img {border:0px;}

#body {
  background: scroll center top;
}
#template{
    width:743px;
  	margin: 0px auto 0 auto;
  	background:#ffffff;
}
#navigation {
  height:53px;
  background: url(images/TopBlueBar.gif) no-repeat;
}

#newsrow {
	height:227px;
	padding:6px 0px 6px 0px;
	color: #FFF;
}

/***** Slider *****/
#slider {
	height: 227px;
	position: relative;
	width: 492px;
	float:left;

}
#slider_box {
	height: 227px;
	position: relative;
	width: 492px;
	margin:0;
	
}
#slider_box li {
	display: block; 
	height: 227px;
	position: absolute;
	width: 492px;
	z-index: 4;
}
#slider_box li img,
#slider_box li a img {
	position: relative;
}

/* Slider Nav */
#slider_nav {
	background-color: #fff;
	bottom: 0;
	padding-left: 5px;
	position: absolute;
	right: 0;
	z-index: 100;
}
#slider_nav a {
	background: url(images/slide_btns.png) 0 0 no-repeat;
	display: block;
	float: left;
	height: 9px;
	margin: 5px 5px 0 0;
	overflow: hidden;
	padding-bottom: 5px;
	text-indent: -9999px;
	width: 9px;
}
#slider_nav a.activeSlide {
	background-position: -19px 0;
}



#citygatenews {
  width:245px;
  height:227px;
  float:left;
  margin-left:6px;
  background:blue;
}

#leftspotlight,#centerspotlight,#rightspotlight {
background-image: url(images/SmallPodBar.png);
background-repeat:no-repeat;
background-position:center top;
background-color:#E6E6E6;

}

#rightspotlight, #leftspotlight, #centerspotlight {
height:113px;
}

#leftspotlight {
  width:243px;
  float:left;

}
#centerspotlight {
  margin-left:7px;
  width:243px;
  float:left;

}

#rightspotlight {
  margin-left:7px;
  width:243px;
  float:left;

}

#largeleftspotlight {
  width:368px;
  height:195px;
  float:left;
}

#largerightspotlight {
  margin-left:7px;
  width:368px;
  height:195px;
  float:left;
}

#twospotlightrow{
  height:198px;
  padding:0px 0px 0px 0px;
}

#threespotlightrow{
  height:113px;
  padding:0px 0px 6px 0px;
}

#threespotlightrow img,#twospotlightrow img {
border:0px;
}

#searchbar {
 float:right;
 height:22px;
}

#threespotlightrow img.thumb {
float: left;
margin-top:33px;
padding:6px 6px 6px 6px;
}

#threespotlightrow h2 {
margin-top:40px;
margin-bottom:0px;
}

#threespotlightrow p {
margin-top:0px;
margin-bottom:0px;
padding:2px;
}

#twospotlightrow img {
float: left;
margin-top:33px;

}

#largerightspotlight, #largeleftspotlight {
background-image: url(images/LargePodBar.png);
background-repeat:no-repeat;
background-position:center top;
background-color:#E6E6E6;
}



#threespotlightrow h2 {
font: bold 12px Arial;
color:#808080;
}

h1 {
color:#29ABE2;
font: bold 28px Arial;
margin-bottom:0;
margin-top:35px;
padding:0px;
}

h2 {
	font:18px Arial;
	color:#29ABE2;
	text-align: left;
}
p.heading_text {
	text-align: justify;
	font:16px Arial;
	margin-top:0px;
	padding:0;
	color: #29ABE2;
}

h3 {font:16px Arial;color:#29ABE2; }

p {
font:  12px Arial;
color:#808080;
}


#sitemap a {
text-decoration:none;
color:#808080;
}

a {
text-decoration:none;
color:#0077BB;
}

#threespotlightrow a {color:#808080;}

ol li {font:  11px Arial;color:#333333;font-style:italic;}


/*Connect Groups Page*/
#connect_groups {width:450px; }
#connect_groups .logo_section {float:left; width:250px; height:100px;}
#connect_groups h2 {font:24px Arial;color:#0077BB; width:743px;height:100px;padding-top:19px;}
.connect_group { width:400px; height:72px;}
.connect_group_pictures img {margin-right:8px;margin-top:8px;float:left;}
.connect_group_details {margin-top:8px;float:left;}
.connect_group h3 {font: bold 12px Arial; margin:0px; padding:0px;color:#0077BB; }
.connect_group p {font: bold 11px Arial; margin:0px; padding:0px; color:#808080;}
.connect_group_intro p {font:16px Arial;}

#sitemap {
margin-top:46px;
height:163px;
background: url(images/gradient.gif);
clear:both;
}

#sitemap ul,#sitemap li {float:left; 
width:100px;
padding-left:0;
margin-left:5px;
list-style-type:none;
font:11px Arial;color:#808080;
}

#mysubmenuarea {
font:11px Arial;color:#808080;
}


#sitemap ul li.title {
margin-bottom:8px;
}

#legal {
height:46px;
background: url(images/bottom_bar.gif) no-repeat;
clear:both;
}
#links {
padding-top:40px;
}

#links a:hover {text-decoration:underline;}

#legal p {font:11px Arial;color:#CCCCCC;padding-top:15px;padding-left:8px;margin:0px;}

#directions {
background-image: url(images/map.gif);
background-repeat: no-repeat;
background-position: right top;
height:509px;
margin-top:35px;

}

#directions h1 {
font: 24px Arial;color:#0077BB;
}

#directions p img {
width:346px;
height:107px;
}

#directions #address p, #directions #communication {
font: 16px Arial;color:#808080;
} 


#directions a img {border:none;}

#buttons {
margin-top:80px;
width: 122px;
height:29px;
padding : 5px 5px 5px 5px; 
text-align: center;
}


#buttons img { padding: 0; margin: 0; }
#buttons p { margin:0; padding:0;}
#buttons a {display : block; width :122px; height: 29px; background-image : URL(images/buttons/google_button.gif); padding:0; margin:0;}
#buttons a:hover {display: block; width :122px; height: 29px; background-image : URL(images/buttons/google_button.gif); background-position:center bottom;padding-top: 0; 
margin:0;}


/* childrens church */
#content h2 {margin:0;padding:0;}
#content p {text-align: justify;margin:0;padding:0;margin-bottom:30px;margin-top:0px;}
#classes p.big-tagline {width:325px;font-size:16px; font-family: Arial; font-style:italic;color:#8CC63F;}
#classes p.tagline {margin:0; font-size:12px; font-family: Arial; font-style:italic;color:#8CC63F;}
#children #classes {width:320px; float:left;}
#children #right-column {position: relative;  }
#children #right-column img {position: absolute;right: 0px; top:0px;}
#children #content {background-image : URL(images/background_image.gif); width:776px; height:575px;}

/* serving */
#serving #left-column {width:340px; float:left;text-align: justify;}
#serving #right-column {width:340px; float:right; text-align: justify; }
#serving #summary {clear:both;}
#serving h2.host-team {margin-top:44px;}
#serving p.big-tagline {width:325px;font-size:16px; font-family: Arial;}
#summary p.emphasis{font-style:italic;}

/* what we believe */
#whatwebelieve h2 {font:bold 14px Arial;}
#whatwebelieve #left-column {width:340px; float:left;text-align: justify;}
#whatwebelieve #right-column {width:340px; float:right; text-align: justify; }
#whatwebelieve #content {padding-top:30px;}

/* youth*/
#content h3 {margin:0;padding:0;}
#youth h2 {font:bold 14px Arial;}
#youth h3 {font:bold 11px Arial;}
#youth #left-column {width:340px; float:left;text-align: justify;}
#youth #right-column {width:340px; float:right; text-align: justify; }
#youth #content {padding-top:30px;}
#youth #right-column #left-five {width:140px; float:left;}
#youth #right-column #right-five {width:140px;float:right;}
#youth #right-column #five-main .summary {clear:both;}
#youth #right-column .hub-logo {margin-top:120px;}
#youth #five-main {padding-top:25px;}
#youth #communication p.content .title {font: 16px Arial; color:#808080;}
#youth #communication p.content {font: 16px Arial; color:#29ABE2;}
#youth #communication {
	padding-top:50px;
	font-size: 16px;
}
#youth p.emphasis {font-weight:bold; font-family: Arial; font-size: 12px; color:#29ABE2;}
#youth #content p {text-align: justify;margin:0;padding:0;margin-bottom:10px;margin-top:0px;}
#youth #content #communication p {padding:0; margin:0;}

/*razzle dazzle*/
#razzle_dazzle li {font: 16px Arial; color:#808080;}
#razzle_dazzle li .times {font: 16px Arial; color:#29ABE2;}
#razzle_dazzle li {padding-left:0;list-style-type:none;}
#razzle_dazzle ul {padding-left:0;margin-left:0;}
#razzle_dazzle li.emphasis {font: 14px Arial; color:#29ABE2;}


/* contact us */
#contact_section p {font: 16px Arial; color:#808080;padding:0; margin:0;}
#contact_section p .emphasis {font: 16px Arial; color:#29ABE2;}
#contact_section #contact {padding-top:30px;}
#contact_section #contact p a {color:#29ABE2;}

/* about us*/
#about_us img {padding-top:5px; border:0px;}
#about_us #left-column {width:340px; float:left;text-align: justify;}
#about_us #right-column {position: relative; width:340px; float:right; text-align: justify; }
#about_us #right-column #right-image {position: absolute;right: 0px; top:0px;}
#about_us #right-column #right-text { position: absolute; top:260px;}

/* whats on*/
#whats_on #left-column {width:224px; float:left;text-align: justify; margin-right:26px;}
#whats_on #left-column h2,#whats_on #middle-column h2, #whats_on #right-column h2 {text-align:left;}
#whats_on #middle-column {width:224px; float:left;text-align: justify;}
#whats_on #right-column {width:224px; float:right; text-align: justify; }
#whats_on #content {padding-top:30px;}
#whats_on #right-column h2 {margin:0;padding:0;}
#whats_on #right-column p {margin:0 0 30px;padding:0;}

/*get_connected */
#get_connected #left-column {width:340px; float:left;text-align: justify;}
#get_connected #right-column {width:340px; float:right;text-align: justify;}

/*synergy*/
#synergy #left-column {width:320px; float:left;text-align: justify;}
#synergy #right-column {width:380px; float:left;padding-left:43px;}

/*radiate*/
#radiate h2 {margin:0;padding:0; color:#808080;}
#radiate #definition {font: 16px Arial; color:#29ABE2;}
#radiate ol li {font-size: 12px; font-family: Arial; color:#29ABE2;}
#radiate ol {padding-left:0;margin-left:18px;}
#radiate #left-column {width:340px; float:left;text-align: justify;}
#radiate #right-column {width:340px; float:right;text-align: justify;}
#radiate #right-column h2 { color:#29ABE2; margin-top:95px;}
#radiate img {border:0px;}

/* new to citygate */
#new_to_citygate img {padding-top:5px; border:0px;}
#new_to_citygate #left-column {width:340px; float:left;text-align: justify;}
#new_to_citygate #right-column {position: relative; width:340px; float:right; text-align: justify; }
#new_to_citygate #right-column #right-image {position: absolute;right: 0px; top:0px;}
#new_to_citygate #right-column #right-text { position: absolute; top:160px;}
#new_to_citygate #content {padding-top:30px;}
#shadow {
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/dropshadow.jpg);
	background-repeat: repeat-y;
}
