@charset "utf-8";
/* CSS Created by Marcelo A. Carrillo June 08, 2010 */



/*global css*/
html{background-color: #187cac;}
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-image:url(/images/home/bg.jpg); background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	color: #444;
}

ul, ol, dl li {padding: 0; margin: 0; list-style:none; color:#fff;}

.ullist li{margin-left:30px; color:#444; list-style:disc;}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 20px;
	padding-left: 20px;
}

a img {
	border: none;
	color:#0d72a2;
}

a:link {
	color:#0d72a2;
	text-decoration: underline;
}

a:visited {
	color: #0c597e;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color:#0c3c53;
	text-decoration: none;
}


#container {
	width:900px;
	height:auto;
	background: #FFF;
	margin: 0 auto;
	/*border:1px solid #5f83c4;*/
}


#header {
	width:900px;
	height:298px;
	margin:0;
	padding:0;
	/*background-image:url(/images/home/header.jpg); background-repeat:no-repeat;*/
	/*background: #187cac;*/
	
}

#content {
         padding: 10px 0;
}


#footer {
	padding: 10px 0;
	background: #fff;/*187cac*/
}

#img_footer{width:900px; height:141px; margin:0; background-image:url(/images/home/imgfooter.png); background-repeat:no-repeat;}
/*margin-left:140px; margin-top:-100px;*/

#img_footerside{width:1164px; height:143px;  margin-left:-107px;  background-image:url(/images/home/imgfooter_side.png); background-repeat:no-repeat;}
/*margin-left:140px; margin-top:-100px;*/

.events-images{float:left; margin:8px; width:auto; height:auto;}
.news_container{
	width:208px;
	height:auto;
	margin:10px; 
	margin-top:-20px;
	background-image:url(/images/home/news_border.jpg); background-repeat:repeat-y;
}

	
.news_thumbnails{
	width:206px; 
	height:auto; 
	text-align:center; 
	margin-top:25px;
	margin-bottom:25px;
}	
.news_headlines{width:206px; height:auto; padding:6px;}
.news_info{text-align:center; font-size:11px;}

.float_right {
	float: right;
}

.float_left {
	float: left;
}

.clear {
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
}

.clearsm {
	clear:both;
	height:10;
	font-size: 1px;
	line-height: 0px;
}

.clearlg{
	clear:both;
	height:20px;
	font-size: 1px;
	line-height: 0px;
}

.clearmed{
	clear:both;
	height:13px;
	font-size: 1px;
	line-height: 0px;
}


.img-border_none{border:none;}
	
/*Menu*/
#menu_container{width:900px; height:20px; position:relative;}
#main_menu #home, #missions, #about_us, #schedule, #ministries, #morning_sun, #rubys_place, #sermons, #events, #this_that, #contact{float:left; list-style:none; font-size:11px; font-weight:bold;  margin-left:10px; padding:5px;}

#main_menu {
  position: absolute;
  top: 0;
  right: 0;
}

#main_menu, #main_menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  width:900px; height:20px;
}



#main_menu a {
  display: block;
  text-decoration:none;

}

#main_menu li ul {
  position: absolute;
  left: -999em;
  width: 140px;
}

#main_menu li:hover ul, #main_menu li ul:hover {
  left:auto;
}

/*Sub Menu*/


#menu_bottom{width:900px; height:25px;}
#footer_menu{padding-left:120px; padding-right:10px; background-color:#187cac; height:180px; }
.menu{width:160px; height:140px; float:left; margin-right:20px; color:#fff; border-right:1px solid #31367a;}
.footer_lastmenu{margin-left:30px;}
.footer_links a{color:#fff; font-size:12px;}
.footer_links a:hover{color:#31367a; font-size:12px;}
.last{color:1px solid #ccc;}



.footer_links_credit{color:#fff; font-size:12px;}


.news_letter{background-image:url(/images/home/signup-btn.jpg); background-repeat:no-repeat; width:140px; height:42px; border:none; padding-top:15px; padding-left:10px; padding-bottom:5px;}
.signup{font-weight:bold; font-size:12px; color:#0d72a2; text-align:center;}
#welcome{text-align:center;}
.paragraph{color:#0c79b1; padding-top:20px;}

/*Fonts*/
h1{font-size:25px;}
h2{font-size:20px;}
h3{font-size:15px;}
h4{font-size:10px;}
h5{font-size:5px;}
h6{font-size:5px;}

h1, h2, h3, h4, h5, h6{color:#0d72a2; font-family:arial, serif;}
h1, h2, h3, h4, h5, h6{margin-top:.2em; margin-bottom:.2em; font-weight:bold; line-height:normal;}

p{font-size:14px; margin-top:10px; margin-bottom:10px;}
.emphazise{font-weight:bold; color:#0d72a2;}

.img_dressed{float:left; margin:6px; margin-bottom:2px;}
/*Schedule*/
#sunday_schedule{margin-left:20px;}
#sunday_schedule_info{margin-left:20px;}

#sunday_schedule, #tuesday_schedule, #wednesday_schedule{width:280px; height:auto; float:left; margin-right:10px; text-align:center; background-color:#e7edef;}

#sunday_schedule_info, #tuesday_schedule_info, #wednesday_schedule_info{width:280px; float:left; margin-right:10px; text-align:left; background-color:#f2f6f8; height:180px; padding-top:10px;}

.home_group_table_title{width:200px; height:35px; float:left; text-align:center; background-color:#f2f6f8;}
.Atitle{width:250px; height:35px; background-color:#f2f6f8; float:left; text-align:center; border:1px solid #ccc;}
.Btitle{width:200px; height:35px; background-color:#f2f6f8; float:left; text-align:center; border:1px solid #ccc;}
.Atitle_info{width:250px; height:120px; background-color:#f2f6f8; float:left; text-align:left; border:1px solid #ccc; border-top:none;}
.a{border-right:none;}
.Atitle_infob{width:200px; height:120px; background-color:#f2f6f8; float:left; text-align:center; border:1px solid #ccc; border-top:none; border-right:none;}
.Atitle_infoblast{border-right:1px solid #ccc;}
#grid{margin-top:20px; margin-left:25px;}

.schedule_list{color:#444; font-size:13px; list-style:none;}
.list_info{ margin-left:20px; list-style:none;}
.list_title{margin-left:20px; font-weight:bold;}
.label{float:left; width:115px; height:35px; margin-right:10px; text-align:right;}
.input_field{float:left; width:150px; height:35px;}
.btn{text-align:right;}
input{border:1px solid #ccc;}
.img_content{float:left; margin:20px;}
.list{color:#444; list-style:disc; margin-left:25px;}
.float-right{float:right;}
.float-left{float:left;}
/*  =Tabs */
#main_container_tab{width:750px; margin-left:15px;} /* Width of tab component*/
/* IE hack*/* html #container_tabs { margin-bottom: -2px;}
#container_tabs ul {padding: 0px 0px 0px 5px;	margin: 0px;}
#container_tabs li {margin:0; padding:0; list-style:none; display: inline;}
#container_tabs a {-moz-outline:0px; text-decoration:none; font-weight:bold; color:#0d72a2; padding: 6px 6px; float: left; margin-right: 2px; background: #f2f6f8; border: 1px solid #ccc; border-bottom:none;}
#container_tabs a:hover {color:#31367a; background-color: #dbe0e2;}

 {color:#666; background-color: #fff; border-bottom: 1px solid #fff;}

/* =Tabs, Non-borough */

.TabContent {/* Rules for the on/off boxes */margin:0px 5px 5px;	
	padding:5px 5px 5px 5px; background: #80b3cc; background-color: #fff;}
#container_tabs .TabSelected a { color:#666;
	background-color: #fff;	border-bottom: 1px solid #fff;}
#container_tabs .TabSelected a:hover {	color:#666;	background-color: #fff;}

/* Correct IE border priority*/

/* enclosure for all the on/off boxes*/
.tabcontentwrapper{	clear: left; padding-top: 5px; background: #fff; 
	border-top: 1px solid #ccc;	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;	border-left: 1px solid #ccc;}


/* Gallery styles start here*/
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	padding: 10px;
	margin: 0;
	float: left;
	position: relative;
	width: 150px;
	height: 208px;
}
.gallery li:hover img {
	border-color: #0d72a2;
}
.gallery img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px;
}
.gallery em {
    filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	background: #000;
	color: #fff;
	font-style: normal;
	text-align:center;
	font-size:12px;
	padding: 2px 2px 0 -2px;
	display: block;
	position: absolute;
	top: 185px;
	left: 21px;
	border: 1px solid #999;
	width: 138px;
}
.gallery {
	text-decoration: none;
}
.gallery span {
	width: 30px;
	height: 60px;
	display: block;
	position: absolute;
	top: 7px;
	left: 9px;
	background: url(/images/contact_us/paper-clip-mini.png) no-repeat;
	z-index: 3;
}