/*
COLORS
#8CA1C4; blue - body background
#A4BADF; light blue - LayerOne background
#6C82A6; Nav a blue
#BDCDE9; lighter blue - Util a
#8396B5; darker blue - JoinUsTextBox p
#D8EA86; green - LayerTwo background 
#C8D97A; darker green - LayerThree border
#77920A; dark green - Nav a:hover, WelcomeBox h1, WelcomeBox li a, a:hover
#0070E3; bright blue - a
#5678B0; strong blue - ColumnOne h2, CalendarAudioTabs li a 
#F4F2EA; khaki - ServiceScheduleBox div, NewsBox div
#EFECE0; tan - leftImg, rightImg
#495A77; darkest blue- ColumnOne p, address
#DFE8F6; baby blue - CalendarAudioBox tabContent,
#277cbc: bright sky blue
#1c6ba6; layerOne border, nav text
#6d643f; brown text
#988b58; light brown text
*/

body {
	background: #ffffff url(images/bg_Enlared.jpg) repeat-x;
	padding: 0px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	font-size: 0.8em;
	color: #273341;
	text-align: left;
}
* {
	font-size: 1.0em;
	margin: 0;
	padding: 0;
}
#Contenido {
	width: 950px;
	margin: 0;
	padding: 0;
}
#header {
	height: 113px;
	display: block;
	padding-top: 7px;
	width: 950px;
}
#logo {
	height: 113px;
	width: 250px;
}
#cabezal {
display:block;
	background-image: url(images/bannerPpal.jpg);
	height: 113px;
	width: 700px !important;
}
#Promociones {
	width: 960px;
	padding: 0;
	margin: 0;
	vertical-align: top;
}
#flash {
	float: left;
	width:590px !important;
	height: 300px !important;
	margin: 0;
	padding: 0;
}
#PromoBox {
	width: 360px;
	height: 421px;
	padding: 0px;
	margin: 0;
	float: right;
	vertical-align: top;
}

/* NAV STYLES */
#Nav {
float:right;
	bottom: -1px;
	margin: 0px;
	padding-top: 57px;
	padding-left: 50px;
}
#Nav ul {
display: block;
width: 100%;
list-style-type:none;
left:50px;
}
#Nav li {
	height: 30px;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#Nav li a {
	display: block;
	width: 117px;
	
	height: 30px;
	background: url(images/bg_navtab.png) no-repeat 0 0;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	font-size: 1.1em;
	color: #1c6ba6;
	cursor: pointer;
}
#Nav li a:hover {
	background-position: 0 -30px;
	color: #77920A;
}

/* NAV TAB ACTIVE STATES */
#Nav li.selected a {
	background-position: 0 -30px;
	color: #77920A;
}

#Util {
position: relative;
	display: block;
	top: 0px;
	right: 25px;
	background: url(images/bg_util.png) no-repeat;
	width:110px !important;
	height: 26px;
	text-align: center;
	color: #A4BADF;
	font-size: .9em;
}
#Util a {
	color: #BDCDE9;
	line-height: 24px;
	font-size: 1.1em;
	text-decoration: none;
}	
#Util a:hover {
	color: #fff;
}
/* HOMEPAGE PROMO BOX STYLES*/



#boxHome {
	padding: 10px;
	background: url(images/bg_boxHome.gif) no-repeat;
	width: 351px;
	height: 110px;
	float: left;
	font-size: .9em;
	text-align: center;
}
.clear {
	clear:both;
}
#main {
	vertical-align: top;
	padding: 0;
	padding-top: 20px;
	width:960px;
	border: 0;
}
#colPpal {
	width:610px;
	padding: 0;
	padding-right: 15px;
	float: left;
	text-align: left;
}
#colPpal img {
	border: 0;
}
#colDer {
	width: 320px;
	padding: 0;
	margin: 0;
	float: right;

}
/* PPPPPPPPPPPPPPP  LOOK VIEJO  :::::::::::::::::: */

#LayerOne {/* light blue w/ darker blue border */
	background: #A4BADF url(img/bg_layer1.gif) repeat-x top;
	border-top: 1px solid #1c6ba6;
	border-bottom: 1px solid #1c6ba6;
}
#LayerTwo {/* green w/ white border */
	background: #D8EA86 url(images/bg_layer2.png);
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
	overflow: hidden;
}
#LayerThree {/* white w/ green border */
	background: #fff;
	border-top: 2px solid #C8D97A;
	border-bottom: 2px solid #C8D97A;
	padding-bottom: 5px;
}

/* GENERAL STYLES */
#Nav a, h1, h2, h3, h4, h5, h6, #LogoText {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h1 {
	font-size: 1.5em;
	color: #5678B0;
	margin-bottom: 12px;
}
h2 {
	font-size: 1.3em;
	color: #1b6f1c;
	line-height: 1.0em;
	margin-top: 3px;
	margin-bottom: 10px;
}
h2 a {
	text-decoration: none;
}
h3 {
	font-size: 1.2em;
	color: #8396B5;
	line-height: 1.0em;
	margin-bottom: 10px;
	font-variant: small-caps;
}
p, .home ColumnOne p {
	color: #273341;
	margin-bottom: 15px;
	font-size: 1.0em;
	line-height: 1.1em;
	text-align: left;
}
#ColumnOne p {
	font-size: 1.2em;
}
a img {
	border: none;
}
.pad {
	padding: 5px;
}
a {
	color: #c40a00;
	text-decoration: underline;
}
a:hover {
	color: #0070E3;
	text-decoration: none;
}
#Content a {
	color: #0070E3;
	text-decoration: underline;
}
#Content a:hover {
	color: #77920A;
	text-decoration: none;
}	
ul {
	list-style: none;
}
.leftImg {
	float: left;
	margin: 5px 15px 10px 0;
	padding: 3px;
	border: 1px solid #EFECE0;
}	
.rightImg {
	float: right;
	margin: 5px 0 10px 15px;
	padding: 3px;
	border: 1px solid #EFECE0;
}
.moreLink {
	display: block;
	text-align: right;
}
.smallText, #ColumnOne p.smallText {
	font-size: 11px;
}
address {
	font-size: 1.2em;
	line-height: 1.3em;
	color: #495A77;
}
ul.normalList {
	color: #495A77;
	margin-bottom: 15px;
	font-size: 1.4em;
} 
blockquote {
	font-size: 1.2em;
	color: #827653; 
	font-family: "Courier New", Courier, monospace;
	margin-bottom: 15px;
}
cite {
	display: block;
	font-size: 1.1em;
	padding: 15px;
	border: 1px solid #EFECE0;
	background: #F4F2EA;
	color: #495A77;
	font-style: normal;
}

/* LEFTNAV STYLES */
ul#LeftNav {
	margin: 0 0 15px;
	padding: 0;
	overflow: hidden;
}
ul#LeftNav li {
	float: left;
	width: 100%; 
	margin: 0;
	padding: 0;
}
ul#LeftNav li a {
	display: block;
	padding: 5px;
	line-height: 2.1em;
	font-size: 11px;
	background: #EFF6FF;
	margin: 0 0 2px 0;
	text-decoration: none;
	color: #0066CC;
}
ul#LeftNav li a:hover, ul#LeftNav li.active a {
	background: #CFE5FF;
	border-right: 3px solid #5A9AE7;
}




/* HOMEPAGE STYLES */



/* HOMEPAGE COLUMNONE STYLES */
.home #ColumnOne {
	width: 720px;
	float: left;
	padding-top: 0px;
}
.home #ColumnOne h2 {
	font-size: 3.3em;
	color: #5678B0;
}
.home #ColumnOne h3, .home #ColumnTwo h2 {
	font-size: 1.7em;
	color: #5678B0;
	font-variant: small-caps;
	margin-bottom: 0;
}
.home #ColumnOne p {
	color: #495A77;
	font-size: 1.2em;
	margin-bottom: 15px;
}

/* JOIN US IN WORSHIP AREA */
.joinUsPic {
	float: left;
	padding: 5px;
}

.home #ColumnOne #JoinUsTextBox p {
	padding: 10px;
	font-size: 1.4em;
	line-height: 1.5em;
}
/* SERVICE SCHEDULE AREA */
#ServiceScheduleBox {
	width: 350px;
	padding: 5px 5px 7px;
	background: url(img/bg_home_khaki_bottom.gif) no-repeat bottom;
	float: left;
}
.home #ColumnOne #ServiceScheduleBox h2 {
	padding-top: 10px;
	color: #6d643f;
}
.home #ColumnOne #ServiceScheduleBox h3 {
	color: #6d643f;
}
.home #ColumnOne #ServiceScheduleBox p {
	color: #988b58;
}
.boxNota {
	background: #F4F2EA;
	padding: 5px 15px 10px;
}

/* MBC NEWS AREA -  ON HOMEPAGE*/
#NewsBox {
	width: 350px;
	padding: 5px 5px 7px;
	background: url(img/bg_home_khaki_bottom.gif) no-repeat bottom;
	float: right;
}
.home #ColumnOne #NewsBox h2 {
	padding-top: 10px;
	color: #6d643f;
}
.home #ColumnOne #NewsBox h3 {
	color: #6d643f;
}
.home #ColumnOne #NewsBox p {
	color: #988b58;
}
#NewsBox div {
	background: #F4F2EA url(img/bg_home_khaki_top.gif) no-repeat top;
	padding: 5px 15px 10px;
}
#NewsBox p a {
	display: block;
}

.adbox {
	float: left;
	padding: 10px 5px 0;
}


/* HOMEPAGE COLUMNTWO STYLES */
.home #ColumnTwo {
	width: 240px;
	float: left;
}
p.calendarLink {
	background: url(img/bg_calendaricon.gif) no-repeat 5px 10px;
}
p.calendarLink span {
	margin-left: 35px;
	display: block;
	width: 160px;
}
p.sermonsLink {
	background: url(img/bg_sermonsicon.gif) no-repeat 5px 10px;
}
p.sermonsLink span {
	margin-left: 35px;
	display: block;
	width: 160px;
}


/* COLUMNTABSBOX STYLES */
#ColumnTabsBox {
	padding: 5px;
}
#ColumnTabs {
	margin: 0;
	padding: 3px 0 0 0;
	background: url(img/bg_calendaraudiobox.gif) no-repeat top;
	height: 24px;
}
#ColumnTabs li {
	float: left;
	height: 24px;
	width: 110px;
	overflow: hidden;
}
#ColumnTabs li a {
	display: block;
	line-height: 24px;
	padding-left: 13px;
	background: url(img/bg_calendaraudiotabs.gif) no-repeat 0 -24px;
	color: #5678B0;
	font-size: 11px;
}
#ColumnTabs li a:hover, #ColumnTabs li.selected a {
	text-decoration: none;
	background-position: 0 0;
}
#ColumnTabsBox .tabContent {
	width: 210px;
	padding: 10px;
	display: none;
	background: #DFE8F6 url(img/bg_content_tabcontent.gif) no-repeat bottom;
}
#ColumnTabsBox .tabContent p {
	font-size: 1.1em;
	padding: 5px;
	margin-bottom: 0;
}

/* HEADLINES STYES */
#Headlines {
	padding: 5px 5px 7px 5px;
	background: url(img/bg_headlines_bottom.gif) no-repeat bottom;
}
#Headlines div {
	background: #F4F2EA url(img/bg_headlines_top.gif) no-repeat top;
	padding: 10px 15px 10px;
}
#Headlines ul li {
	padding: 7px 0;
}
.home #Content #Headlines h2 {
	color: #6d643f;
	margin-top: 5px;
}

/* END HOMEPAGE STYLES */

/* GENERAL PAGE STYLES */
#ColumnOne {
	width: 240px;
	float: left;
	padding: 20px 0 15px;
}
#ColumnTwo {
	width: 7000px;
	float: left;
	padding-bottom: 15px;
}
#ColumnOne .pad {
	width: 90%;
}
#ColumnTwo .pad {
	padding-top: 15px;
}
.fullWidth #ColumnOne {
	display: none;
}
.fullWidth #ColumnTwo {
	width: 960px;
	float: none;
	overflow: hidden;
}
.fullWidth #ColumnTwo .pad {
	padding: 15px 20px 5px;
}


/* CUSTOM BULLET LIST STYLES */
.customBulletList li {
	padding: 7px 0;
}	
.customBulletList li a {
	padding: 0 0 0 15px;
	background: url(img/bullet_arrow.gif) no-repeat left 2px;
}	



/* CONTACT FORM STYLES */
.boldredtext {
	color: #FF6600;
	font-weight: bold;
}
form{
	margin-top: 0;
	padding-top: 0;
}
input, select {
	font-size: 1.1em;
	margin-top: 3px;
    letter-spacing: .1em;
    
}
textarea {
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 1.1em;
    letter-spacing: .1em;
	margin-top: 3px;
}
.btnSubmit {
    display: block;
	margin: 0 0 15px 0;
	padding: 7px 10px;
    clear: both;
}   
label {
	display: block;
    color: #5474AD;
	font-weight: bold;
}
.fred {
	float: left;
	margin: 8px 8px 8px 0;
}


/* NEWS STYLES */
.customBulletList .date {
	padding-left: 15px;
	font-size: 10px;
	color: #8396B5;
}
/* news episode pager styles */
.newsItem {
}
.newsItem h3, .newsItem h2 {
	margin-bottom: 0;
}
.newsItem p {
	margin-top: 0;
}
.pagerTop {
	border-bottom: 1px solid #98B2E1;
	padding-bottom: 4px;
}
.pagerBottom {
	border-top: 1px solid #98B2E1;
	padding-top: 4px;
}

/* STAFF PAGE STYLES */
.staffBox {
	float: left;
	width: 25%;
}
.staffBox h3 {
	margin: 0;
	font-size: 14px;
}
.staffBox p {
	font-size: 11px;
}

/* FOOTER STYLES */
#Footer {
	font-size: 1.0em;
	color: #2f4f4f;
	background: #A8BDE0;
	padding-left: 7px;
	font-weight: normal;
	text-align: center;
}
#FooterFin {
	background: #277cbc;
}
/* footerutil styles */	
#FooterUtil {
position:relative;
	display: block;
	left: 350px;
	bottom: -1px;
	z-index: 50;
	right: 50px;
	background: url(images/bg_footer.png) no-repeat;
	width: 209px;
	height: 26px;
	text-align: center;
	color: #A4BADF;
	font-size: 0.8em;
}
#FooterUtil a {
	color: #BDCDE9;
	line-height: 24px;
	font-size: 1.1em;
	text-decoration: none;
}	
#FooterUtil a:hover {
	color: #fff;
}


/* CLASSES STYLES */
.classBox {
	float: left;
	width: 345px;
}
.classBox h3 {
	margin-bottom: 0;
	margin-top: 8px;
	font-size: 1.9em;
}
.classBox p {
	margin-top: 0;
	font-size: 1.1em;
	width: 95%;
}

.itemList {
	text-align: left;
}

.item {
	list-style: url(/images/bulletRed.jpg);
	list-style-position: outside;
	margin-left: 20px;
}

#extra, #flash {
	width: 700px;
}

.date {
	font-size: 10px;
	color: #646464;
	padding-bottom: 10px;
	margin-top: 0px;
}


