/*div {
	border: 1px solid Red;
}*/



body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;background-image: url(../gfx/bg-pattern.jpg);}

#menu-holder {width: 100%; height: 98px; background: url(../images/menu-bg.gif) top left repeat-x; margin: 0;}

#sub-menu-holder {width: 100%; height: 151px; background: url(../gfx/sub-menu-bg.jpg) top left repeat-x;}
#sub-menu {width: 900px; margin: 0 auto; height: 66px;}
#sub-menu a{ color: #555; text-align: left; text-decoration: none; display: block; float: left; font-family: Times, georgia, serif; font-size: 16px; font-style: italic; font-weight: bold; color: #00293c; padding: 0px 15px; border-left: 1px solid white; }
#sub-menu p.first a, #sub-menu p:first-child a{ border-left: 0; padding: 0 15px 0 0; }


#menu {width: 900px; margin: 0 auto; height: 98px;}
#menu div {float: left; display: block; margin-right: 23px;}

#menu a#button-home {width: 86px; height: 98px;background: url(/images/menu/home.gif);display: block;}
#menu a#button-home:hover {width: 86px;height: 98px;background: url(/images/menu/home-over.gif);display: block;}
#menu a#button-who {width: 137px; height: 98px;background: url(/images/menu/who.gif);display: block;}
#menu a#button-who:hover {width: 137px;height: 98px;background: url(/images/menu/who-over.gif);display: block;}
#menu a#button-what {width: 189px; height: 98px;background: url(/images/menu/what.gif);display: block;}
#menu a#button-what:hover {width: 189px;height: 98px;background: url(/images/menu/what-over.gif);display: block;}
#menu a#button-where {width: 198px; height: 98px;background: url(/images/menu/where.gif);display: block;}
#menu a#button-where:hover {width: 198px;height: 98px;background: url(/images/menu/where-over.gif);display: block;}

#menu a span {display: none;}

body#home a#button-home, body#home a#button-home:hover {background: url(/images/menu/home-on.gif);display: block;cursor:default;}
body#who a#button-who, body#who a#button-who:hover {background: url(/images/menu/who-on.gif);display: block;cursor:default;}
body#what a#button-what, body#what a#button-what:hover {background: url(/images/menu/what-on.gif);display: block;cursor:default;}
body#where a#button-where, body#where a#button-where:hover {background: url(/images/menu/where-on.gif);display: block;cursor:default;}

div#contact {width: 900px; margin: 0 auto; color: #555; text-decoration: none; display: block; padding-left: 5px; font-family: Times, georgia, serif; font-size: 16px; font-style: italic; font-weight: bold; color: #00293c; height: 66px;}

#wrapper { display: block;margin-right: auto;margin-left: auto;width: 900px; }



/*****************/
/*	TYPOGRAFIA	*/
/***************/

h1 { margin: 0;font-family: Arial, sans-serif;color: #970011;font-size: 200%;padding-bottom: 0px;}
h2 { margin: 0;font-family: Arial, sans-serif;color: #970011;font-size: 180%;padding-bottom: 0px; text-decoration: none;}
h2 a { margin: 0;font-family: Arial, sans-serif;color: #970011;font-size: 100%;padding-bottom: 0px; text-decoration: none;}
h2 a:hover { margin: 0;font-family: Arial, sans-serif;color: #970011;font-size: 100%;padding-bottom: 0px; text-decoration: underline;}

/* hugo */
#righcontent h1{ margin: 0;font-weight: normal;font-size: 160%;color: #CC0000;}
/*hugo */

#upcoming h1 { color: #cc0000;}

#best h1 { color: #7a8016;}
#recent h1 { color: #323232;}
h2 { margin: 0;font-family: Arial, sans-serif;}

#sermons h2 a { color: #000;font-size: 12px;text-decoration: none;}
#sermons h2 a:hover { text-decoration: underline;}
#upcoming h2 a { color: #fff;font-size: 12px;text-decoration: none; padding: 0; margin: 0;}
#upcoming h2 a:hover { text-decoration: underline;}

h3 {font-size: 18px; color: #00496f; font-family: Arial, sans-serif; padding-top: 12px;}
h3 a {font-size: 18px; color: #00496f; font-family: Arial, sans-serif; padding-top: 12px; text-decoration: none;}
p.address { /*	clear: both;*/font-size: 85%;margin: 0;float: left;margin: 44px 0px 10px 20px;color: #ccc;}

/*************/
/*	LAYOUT	*/
/***********/


#holder { width: 900px;/*background-color: #ff6600;*/ height: 60px;margin: 50px auto 0 auto;clear: left;/*	float: left;*/}
#middle {width: 100%; background: url(../images/middle-bg.gif) top left repeat-x; height: 415px; overflow-y: visible; clear: left;}
#middle-content {width: 900px; margin: 0 auto;}


/*/////////////	COLUMNS UPCOMING, BEST OF WEB, RECENT ////////////////*/

#welcome {width: 563px; float: left; display: block; /*background: url(../images/steeple.png) top right no-repeat;*/}
#welcome h1 {padding-top: 20px;}
#welcome p {color: #252525; font-size: 14px; line-height: 24px; padding: 20px 0px; font-family: Arial, sans-serif; /*background-color: white;*/}

#sermons-top {width: 296px; background: url(../images/sermon-heading.jpg) top left no-repeat; height: 103px;position: absolute; top: 85px; margin-left: 603px; }
#sermons {margin: 33px 0 0 40px; width: 296px; float: left; background: #fff; font-family: Arial, sans-serif; font-size: 12px; display: block;}

#sermons div.bottom {background: url(../images/sermon-bottom.jpg) top left no-repeat; height: 71px;}
div.content { padding: 10px;background-color: white;padding-bottom: 0px; border-bottom: }
div.event-content { padding: 0px;padding-bottom: 0px; border-bottom: }
div.blog-content { padding: 0px;padding-bottom: 0px; border-bottom: }
div.blog-content h1 {font-family: Times, serif; font-size: 34px; color: #230006; line-height: 40px; padding-top: 0px; margin-top: 0px;}
div.blog-content h1 a {font-family: Times, serif; font-style: normal; font-size: 34px; color: #230006; line-height: 40px; padding-top: 0px; margin-top: 0px; text-decoration: none;}
div.blog-content h1 a:hover {font-family: Times, serif; font-size: 34px; color: #230006; line-height: 40px; padding-top: 0px; margin-top: 0px; text-decoration: underline;}
div.blog-content p {font-size: 14px; line-height: 24px;}

#upcoming { width: 255px; float: left; color: white; font-size: 12px; font-family: Arial, sans-serif;}
#upcoming_title { padding: 0px; background: url(../images/ico-event.png) top right no-repeat; height: 85px;}
#blog-latest { width: 450px; float: left; color: white; font-size: 12px; margin-left: 180px; font-family: Arial, sans-serif;}
#blog-latest-title { padding: 0px; background: url(../images/ico-blog.png) top left no-repeat; height: 80px;}
#blog-latest-title h3 {padding-left: 27px;}


ul.upcoming { 
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-top: 25px;
}
ul.upcoming li a { 
	font-family: Times, serif;
	font-size: 16px;
	font-style: italic;
	padding-left: 50px;
	color: #ffa800;
	text-decoration: underline;
	background: url(../images/ico-arrow.gif) top left no-repeat;
	padding-top: 6px;
	padding-bottom: 8px;
}
ul.upcoming li a:hover { 
	text-decoration: underline;
}

ul.blog-latest { 
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-top: 40px;
}
ul.blog-latest li a { 
	font-family: Times, serif;
	font-size: 16px;
	font-style: italic;
	padding-left: 50px;
	color: #ffa800;
	text-decoration: underline;
	background: url(../images/ico-arrow.gif) top left no-repeat;
	padding-top: 6px;
	padding-bottom: 8px;
}
ul.blog-latest li a:hover { 
	text-decoration: underline;
}

#upcoming p {line-height: 18px; padding: 0 0 15px 0; margin: 0px;}

/*/////////////	SERVICE TIME & HAVE A QUESTION ////////////////*/

#service { width: 229px;margin-right: 2px;padding: 10px;float: left;border:	10px solid #ccc;height: 245px;}
#question { padding: 10px;float: left;border: 10px solid #ccc;width: 389px;height: 325px;}
div.float_left{ float: left;}
/* hugo */

#interno{width: 170px;float: left;} 
#interno p{width: 170px;} 

/* hugo */

/*************/
/*	FORM	*/
/***********/

#question form { margin: 0;}
#question input.fixed, #question textarea.fixed { width: 170px;}
#question input, #question textarea { background-color: #E5E5E5;border: 1px solid #ccc;}

/*************/
/*	MENU	*/
/***********/

ul.menu { list-style: none;margin: 0;padding: 0;clear: both;}
ul.menu li { float: left;}
ul.menu li a { display: block;padding: 5px 25px 5px 25px;/*	background: #ccc url(../gfx/back_boton.gif) no-repeat top right;*/background-color: #ccc;margin-right: 1px;text-decoration: none;font-weight: bold;color: #666;font-size: 12px;}
ul.menu li a:hover { display: block;padding: 5px 25px 5px 25px;/*	background: #333 url(../gfx/back_boton_hover.gif) no-repeat top right;*/background-color: #333;margin-right: 1px;text-decoration: none;color: #ccc;font-weight: bold;font-size: 12px;}

/*************/
/*	MENU DOS	*/
/***********/

ul.menuDos { 
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}
ul.menuDos li { 
	float: left;
}
ul.menuDos li a { 
	display: block;
/*	padding: 5px 25px 5px 25px;
	background: #ccc url(../gfx/back_boton.gif) no-repeat top right;
	background-color: #ccc;
	margin-right: 2px;
	text-decoration: none;
	font-weight: bold;
	color: #666; */
}
ul.menuDos li a:hover { 
	display: block;
/*	padding: 5px 25px 5px 25px;
	background: #333 url(../gfx/back_boton_hover.gif) no-repeat top right;
	background-color: #333;
	margin-right: 2px;
	text-decoration: none;
	color: #ccc;
	font-weight: bold; */
}

/* PAGE */

#content-internal { 
	width: 900px; margin-top: 45px;
}
#contenido_bottom { 
	background: #fff url(../gfx/back_contenido_bottom.jpg) no-repeat;
	width: 700px;
	height: 10px;
}



#leftpage {width: 637px; font-size: 14px; font-family: Arial, sans-serif; line-height: 24px; float: left; margin-bottom: 1.5em;}
#leftpage p.first {margin: 0; font-size: 18px; line-height: 30px; font-family: georgia, times, serif; padding: 20px 20px 25px 25px; background: white;}
#leftpage h1 {padding: 3px; margin-bottom: 1.5em;}

#best-of-web a {
	color: #555;
}

#righcontent{padding: 10px;float: left;width: 465px;}


#righcontent img{
	border: 1px solid #ccc;
	padding: 5px;
	float: left;
}

h1.title{
	 margin: 0;font-family: Arial, sans-serif;color: #970011;font-size: 200%;padding-bottom: 0px;
}

#righcontent a{
	color: #555;
}

#servicecontent{
	padding: 10px;
	background-color: #fff;
}


/* SIDEBAR */

div#sidebar {position: relative; width: 238px; margin-left: 662px; top: -28px; }
div#sidebar-top {background: url(../images/steeple-sub.png) top right no-repeat; height: 100px;}
div#sidebar-content {background: #1c1c1c; padding: 10px;}

#twitter_div {font-family: Arial, verdana, sans-serif;}
#twitter_div a {color: #71acbf; text-decoration: none;}
h2.sidebar-title {color: #970011; font-size: 14px; padding: 75px 55px 0 0; text-align: right;}
ul#twitter_update_list {list-style: none; margin: 0; padding: 19px 23px; font-size: 12px; color: #c1c1c1;}
ul#twitter_update_list li {padding-bottom: 15px; margin-bottom: 15px; background: url(../images/twitter-line.gif) bottom center no-repeat; }

div#flickr-top {margin-top: 33px; width: 238px; background: url(../images/ico-flickr.png) top left no-repeat; height: 60px;}
div#flickr {background: #fff; padding:10px;}
h2.flickr-title {color: #970011; font-size: 14px; padding: 20px 55px 0 0; text-align: right;}

/* HUGO */

hr { 
	border: none 0;
	border-top: 1px dotted #999;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div#footer-holder {height: 185px; margin-top: 135px; background: #1c1c1c; width: 100%; font-family: Arial, Verdana, sans-serif; padding-top: 34px; clear: left;}
div#footer {width: 900px; margin: 0 auto;}
div#footer div.box {display: block; margin-right: 70px; float: left;}
div#footer div.box h1 {font-size: 12px; color: #fff; margin-bottom: 25px;}
div#footer div.box ul {margin: 0; padding: 0; list-style: none;}
div#footer div.box li {margin: 0; padding: 0; line-height: 16px; font-size: 12px;}
div#footer div.box li a {color: #838383; text-decoration: none;}
div#footer div.box li a:hover {color: #e6e6e6; text-decoration: none;}
div#footer div.box2 {float: right; text-align: right; font-family: Times, serif; font-size: 16px; line-height: 24px; color: #85ceec; font-style: italic;}

#info-form .submit { text-align: center; padding-top: 20px; }
#info-form textarea { width: 480px; height: 290px;}

ul#newsletter-list { list-style-type: none; margin: 10px 0 0 0; padding: 0; }
ul#newsletter-list li { margin: 0; padding: 1.7em 0; border-bottom: 1px solid white; }
ul#newsletter-list .description { font-style: italic; }
ul#newsletter-list .title { clear: left; text-align: right; margin: 0; padding: 0; }
ul#newsletter-list .title h3 { float: left; margin: 0; padding: 0; }
ul#newsletter-list a.download { font-style: italic; color: #00496f; }
.paging a { margin: 0 .2em 0 0; }



/* Wordpress Blog .com/blog */
div#post-holder {display: block; width: 637px; float: left;}
div#post-holder div.post {display: block; width: 637px; margin-top: 40px;}
div#post-holder div.post p.first {font-size: 18px; line-height: 30px; font-family: georgia, times, serif; padding: 20px 20px 25px 25px; background: white;} 
div#post-holder div.post p {font-size: 14px; font-family: Arial, sans-serif; line-height: 24px; float: left; padding-top: 0px; margin-top: 0px;}
div#sidebar-blog {float: left; width: 190px; padding: 0 20px 20px 20px; margin-left: 30px; background: #1c1c1c; font-family: Arial, verdana, sans-serif;}
div#sidebar-blog a {color: #71acbf; text-decoration: none; line-height: 18px;}
div#sidebar-blog p {color: #ccc; }
div#sidebar-blog a:hover {text-decoration: underline;}
div#sidebar-blog ul {list-style: none; padding: 0px; margin: 0px; font-size: 12px;}
div#sidebar-blog h3 {font-size: 18px; color: #fff; font-family: Arial, sans-serif; padding-top: 12px;}
}