/* browser reset controls */
/******************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {margin:0px; padding:0px; border:0px; outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
table, caption, tbody, tfoot, thead, tr, th, td {outline:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
body {line-height:1; color:black; background:white;}
ol, ul {list-style: none;}
/* remember to define focus styles! */
:focus {outline:0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/******************************************************/
/* end browser reset controls */

/* #############################################################
		allpages.css
   ############################################################# */
/***********************
 GENERAL HELPER STYLES
***********************/
.hidden {display:none; visibility:hidden; width:0px; height:0px;}
.footer {clear:both;}

/*********************
 GENERAL STYLES
*********************/
.module {font-size:1.1em;}
.module h4 {font-size:1.09em;font-weight:bold;} 


/* PAGE TITLE */
#mainContent .moduleHeader h2 {background:#FFC000;border-bottom:1px solid #CE9800;border-left:1px solid #EDB207;border-right:1px solid #FABC00;padding:6px 14px;font-weight:bold;font-size:1.25em;}

/* MAIN TEXT AND HEADERS */
#mainContent {font-size:1.2em;line-height:1.4em;}
#mainContent p{margin-bottom:1em;}
#mainContent h1, #mainContent h2 {} 
#mainContent h3 {font-size:1.17em;color:#FF6000;font-weight:bold;margin-bottom:.75em;}  
#mainContent h4, #mainContent h5, #mainContent h6 {font-size:1.09em;font-weight:bold;} 

/* CONTENT AREA LINKS */
a {color:#191970;}
a:hover {color:#000;}
#mainContent a {}
#mainContent a:hover {}
#mainContent a:visited {}

/* IMAGES */
#mainContent img {border:none 0px #fff;}

/* MISC TEXT CLASSES */
#mainContent .smallText {font-size:80%;}
#mainContent .Headline {} /* SAME AS H3 - Legacy Inside Pages Code */
#mainContent .Text {} /* SAME AS BODY - Legacy Inside Pages Code */

/* LISTS */
#mainContent ul.inline li {display:inline;}
#mainContent ul {} /* Optional for Custom List Styles */
#mainContent li {} /* Optional for Custom List Styles */


/*********************
 ARTICLE PAGE
*********************/
.standFirst {color:#00446A;font-weight:bold;}

/* RELATED LINKS */
#relatedLinksInsert {line-height:1;width:300px;}
#relatedLinksInsert .moduleHeader {background:url(/images/headers-bg-sprite.gif) 0px -140px no-repeat;width:300px;height:27px;}
#relatedLinksInsert .moduleHeader h3 {display:none;}
#relatedLinksInsert .moduleContent ul{clear:both;}
#relatedLinksInsert .moduleContent #relatedLinks{background:url(/images/gradients-sprite.jpg) -1100px 0px no-repeat #191970; width: 300px;}
#relatedLinksInsert .moduleContent #relatedLinks ul{padding:12px 20px 0px 12px;}
#relatedLinksInsert .moduleFooter {background:url(/images/headers-bg-sprite.gif) 0px -167px no-repeat #191970;width:300px;height:20px;clear:both;}
#relatedLinksInsert li {padding:0px 0px 0px 12px;background:url(/images/icons-sprite.gif) 0px 6px no-repeat;}
#relatedLinksInsert li a{color:#fff;font-size:.83em;text-decoration:none;}
#relatedLinksInsert li a:hover{color:#FFC000;}

/* ARTICLE IMAGE / CUBE AD STYLES */
#mainContent #cubeAd {width:300px;margin:10px 0px 1em 0px;}
#mainContent #cubeAd p{margin:0px;padding:0px;}
#mainContent #cubeAd .moduleContent{padding:0px;}
#mainContent #cubeAd .moduleHeader{background:url(/images/headers-bg-sprite.gif) no-repeat -126px -201px;text-indent:-9999px; height:7px;width:59px;overflow:hidden;display:none; }
#mainContent #cubeAd .moduleHeader h3 {display:none;}
#mainContent #cubeAd .containerPadding{background-image:none;padding:0px;}
#articleAdInsert {float:left;}
#articleAdInsert.alignleft {padding:0px 10px 5px 0px;}
#articleAdInsert.alignright {padding:0px 0px 5px 10px;}
#articleAdInsert .articleAdInsertContainer {width:300px; margin:auto;}
.imageCaptionContainer {margin:0px 0px 8px 0px;width:300px;}
#articleAdInsert.alignright .imageCaptionContainer {display:block; float:right;}
.imageCaption {padding:2px 0px 0px 0px; text-align:left;font-size:.83em;}

/*********************
 FORM STYLES
*********************/
select {} /* This style applies to all dropdown menus. */
input {} /* Only specify font face, size and color. This applies to all buttons, single line text boxes (input fields), checkboxes, and radio buttons. */
.textBox {} /* Single-Line textboxes background and border colors */
button, .button {}
textarea {} /* This style applies to all multi-line comment areas. */
#mainContent .submitbutton {}
#mainContent .warningMessage {} /* Text displayed warning of Form problems/errors */

/* VARIOUS SIZED TEXBOXES */
input.short {width:70px;}
input.medium {width:150px;}
input.long {width:300px;}


/************************
 GENERIC TABLES
*************************/
#mainContent table {color:#000; font-size:10px;} /* Just set a default text color and size */

/************************
 FORMATTED TABLES
*************************/
#mainContent table.formattedTable { } /* Background color or borders */
#mainContent table.formattedTable th, table.formattedTable th a {} /* Header cells and Header Font Info */
#mainContent table.formattedTable td {} /* Table body cells and body font info */
#mainContent table.formattedTable td a {} /* Table body links */
#mainContent table.formattedTable tr.rowOdd {} /* Table Odd Row for a separate background-color for every other row */
#mainContent table.formattedTable tr.rowEven {} /* Table Even Row for a separate background-color for every other row */
/* You may need to specify a specific link color for each row depending on the background colors */

#mainContent table.fullWidth {width:510px;} /* specify the width to span the full content area */
#mainContent table.center {text-align:center}
#mainContent table.formattedTable TH {font-size:11px;font-weight:bold;} 


/*********************
 MISC BACKGROUND AND SECTIONAL STYLES
	(Styles used for default sectionals and misc colors.)
*********************/
.CellBackground0 {background-color:#000; color:#FFF;} /* Background, Border, and Text color only */
.CellBackground1 {background-color:#333; color:#FFF;} /* Background, Border, and Text color only */
#mainContent .CellContent0, #mainContent .CellContent1 {padding:5px;} /* Define padding so running copy doesn't hit edge of background. */

/*********************
 CALENDAR STYLES
*********************/
#mainContent .calendarTable {font-size:12px;}
#mainContent .calendarTable td {}
#mainContent .calendarTable td a  {color:#ff6000}
#mainContent .calendarTable td.calendarDayCell {} /* Specify something to overwrite CellBackground0 */
#mainContent .calendarTable td.calendarDayCell a {color:#ff6000}
#mainContent .calendarTable td.calendarEmptyDay {}
#mainContent .calendarTable td.calendarDayViewed {} /* Specify something to overwrite CellBackground1 */
#mainContent .calendarTable td.calendarCurrentDate {}
#mainContent .calendarFooterTable, #mainContent  .calendarHeaderTable{font-size:12px;}

/*********************
 SEPARATOR STYLES
*********************/
hr {}
.sectSeparatorH {padding-top:10px;} /* Horizontal gaps between sections. */
.sectSeparatorV {padding-left:10px;} /* Vertical gaps between sections. */


/**************************/
/**** EDITS UNECESSARY ****/
/**************************/

/*********************
 FORM LAYOUTS
*********************/
#mainContent fieldset {border:none 0px #fff;}
#mainContent legend {/* Specify a Color */font-weight:bold;}
#mainContent .formRow {clear: both; margin:5px 0px;}
#mainContent label {display:block; float:left; width:150px; text-align:right; font-weight:bold; margin-top:2px; margin-right:3px;}
#mainContent label .labelDetails {font-weight:normal; font-size:0.9em;}
#mainContent .formRowMultiFields {margin-left:153px; /* !! Should be the width of the label !! */}
#mainContent .formRowMultiFields img {/* Used for Captcha */padding:0px;}
#mainContent label.spanWidth {width:auto; display:block; text-align:left;}
#mainContent label.mailForm {width:140px !important;}
#mainContent label.inline {float:none; display:inline; width:auto; text-align:auto;}
#mainContent .formRowSubmit {margin-left:153px; /* Probably the width of the label */}
#mainContent .EmailForm label {width:80px;}

/*********************
 ALIGNMENT STYLES
*********************/
.alignLeft, .alignleft {float:left;text-align:left;}
.alignCenter, .aligncenter {text-align:center;}
.alignRight, .alignright {float:right;text-align:right}
#articleAdInsert.aligncenter #relatedLinksInsert {margin:auto;}
#mainContent img.noFormat {border:none 0px; margin:0px;}
/* #############################################################
		ccb-content.css
   ############################################################# */
/* All sites must have an inside page with a white content area for CCB content. If your inside content area is already white, this
does not need to be completed. This CSS file will be used to store your styles that are used on the CCB article/sectional page only.
The ID and/or class names should remain the same with the addition of "_ccb" to the end of the ID or class.

IE: contentBackground would be contentBackground_ccb. This will be done so that the devloper will not have to edit or add a bunch
of items, they will simply have to do a find and replace which will save them time.*/

/* CCB Article/Sectional */
/* #############################################################
		framework.css
   ############################################################# */
/* Framework */
body {text-align:center;background-color:#62ABD3;font-family:Arial, Helvetica, sans-serif;font-size:10px;}
#mosSite {width:960px; margin:auto; text-align:left;}
#mosSite fieldset {}
#framework {width:960px;}
#frameworkTop {background:url(/images/header-footer-sprite.jpg) no-repeat #62ADD4;width:960px;height:162px;overflow:hidden;}

/* Ads */
#leaderboard {position:relative;top:119px;text-align:center;}
#leaderboardLabel {display:none;}
#leaderboardAd {text-align:center;height:100px;}

#skyscraperLabel {background:url(/images/headers-bg-sprite.gif) no-repeat -126px -193px;text-indent:-9999px; height:7px; width:59px;overflow:hidden;display:none; }
#skyscraper {width:160px;}

#banner {}

/* CCB */
#ccb {text-align:center;}
#ccb p {display:none;}
#ccb ul {text-align: center; display:inline; padding:3px 0px;} 
#ccb ul li {margin-left:0; padding:1px 5px; border-left:1px solid #000; list-style:none; display:inline;}
#ccb ul li.first {margin-left:0; border-left:none; list-style:none; display:inline;}

/* Header */
#header {width:395px;height:132px;overflow:hidden;float:left;}
#header h1 {}
#header h2 {display: none;}

/* Content */
#contentBackground {background:url(/images/frameworkBG.gif) #A6CDE3 repeat-y;clear:both;float:left;}
#contentColumns {}
#contentEnclose {width:800px; float:left;}
#contentMiddle {width:550px; float:right;}
#contentLeft {width: 250px; float:left;}
#contentRight {width:160px; float:right;}
#contentBottom {clear:both;}
#mainContent .containerPadding {padding:11px;background:url(/images/gradients-sprite.jpg) -550px 0px no-repeat #fff;}
/* Quadrants */
#quadrantTop {background:#fff;}
#quadrantA {float:left; width:271px;}
#quadrantB {float:right; width:279px;}
#quadrantC {float:left; width:271px;}
#quadrantD {float:right; width:279px;}
#quadrantTopFooter {clear:both;}
#quadrantBottomFooter {clear:both;height:25px;background:url(/images/quadrant-bottom-bg.gif) no-repeat;}

/* Footer */
#footer {background:url(/images/header-footer-sprite.jpg) 0px -162px no-repeat;clear:both;float:left;width:960px;height:218px;}
#footerTop {}
#footerBottom {clear: both;}
#siteIndex {position:relative;top:-66px;left:16px;float:left;}
#siteIndex fieldset {border:none;}
#siteIndex legend {display:none;}
#siteIndex select {background:#FFC000 !important;font-weight:bold;font-size:1.1em;color:#000;}
#copyright {position:relative;top:-45px;float:right;text-align:right;padding:0px 16px 0px 0px;color:#A6CDE3;}
#copyright a {color:#A6CDE3;}
#copyright a:hover {color:#fff;}
#copyright .privacyPolicy {}

/* #############################################################
		modules.css
   ############################################################# */
/* To add a class to a specific module, add #xxxxx .classname {} */
/* If all your styles in the right column are the same, you could add #rightColumn .classname {} and it will effect every class with that name in the right column. */

/* All Possible Module Classes */
.module {}
#quadrantA h4, 
#quadrantB h4, 
#quadrantC h4, 
#quadrantD h4
{ color:#191970;line-height:1.1em;padding-bottom:2px;}



/* PodCast */
.podacastLinks { display: none; } /* Show this if you need it */

/* Feature */
#feature {}
#feature .moduleHeader{display:none;}

/* Poll */
#poll {}

/* On Air */
#onAir {float:left;width:224px;height:83px;overflow:hidden;background:url(/images/headers-bg-sprite.gif) -300px -140px no-repeat;position:relative;top:42px;left:16px;}
#onAir .moduleHeader {display:none;}
#onAir #hostPhoto {padding:8px 8px 0px 10px;float:left;}
#onAir #hostPhoto img{border:1px solid #000;width:54px;}
#onAir .hostText h4 {padding:27px 38px 4px 0px; color:#000;}
#onAir .hostText h4 a{color:#000;text-decoration:none;}
#onAir .hostText h4 a:hover{text-decoration:underline;}
#onAir p {color:#00446A;}

/* Listen Live */
#listenLive {float:left;position:relative;z-index:2;left:-21px;top:52px;}
#listenLive .moduleHeader{display:none;}
#listenLive .modulecontent{width:126px;height:40px;overflow:hidden;}
#listenLive a {width:126px;height:40px;display:block;background:url(/images/headers-bg-sprite.gif) 0px -187px; text-indent:-9999px;}

/* Custom ad */
#customAd {float:right;position:relative;width:234px;overflow:hidden;top:-6px;}
#customAd .moduleHeader h3 {background:url(/images/headers-bg-sprite.gif) no-repeat -126px -187px;text-indent:-9999px; height:6px; width:59px; overflow:hidden;display:none}
#customAd .moduleContent{width:234px;height:60px;overflow:hidden;}

/* subscribe */
#subscribe {float:right;clear:right;position:relative;margin-top:-6px;}
#subscribe a {display:block;width:311px;height:32px;background:url(/images/apuntese-bg.gif) no-repeat; text-indent:-9999px;overflow:hidden;}

#headerBottomGroup {clear:both;}
/* set Homepage */
#setHomepage {clear:both;float:left;width:197px;position:relative;left:425px;}
#setHomepage h3{color:#FFC000;background:url(/images/icons-sprite.gif) -270px 8px no-repeat;padding:8px 0px 7px 20px;position:relative;}
#setHomepage h3 a{color:#FFC000;font-weight:normal;}

/* program Guide */
#programGuide {float:left;width:140px;position:relative;left:425px;}
#programGuide h3{color:#FFC000;background:url(/images/icons-sprite.gif) -270px -20px no-repeat;padding:8px 28px 7px 20px;position:relative;}
#programGuide h3 a{color:#FFC000;font-weight:normal;}

/* email friend */
#emailToFriend {float:left;width:140px;position:relative;left:425px;}
#emailToFriend h3{display:none;}
#emailToFriend p{color:#FFC000;background:url(/images/icons-sprite.gif) -270px -49px no-repeat;padding:8px 28px 7px 20px;position:relative;}
#emailToFriend p a{color:#FFC000;font-weight:normal;}

/* date */
#date {float:left;width:60px;position:relative;left:425px;}
#date h4{display:none;}
#date p{color:#FFC000;padding:8px 0px 7px 0px;}

/* Sponsor */
#sponsor {text-align:center;background:url(/images/gradients-sprite.jpg) -550px 0px no-repeat #fff;}
#sponsor img, #sponsor iframe, #sponsor embed, #sponsor object {margin:27px 0px 16px 0px;}
#sponsor .moduleHeader {display:none;}
#sponsor .moduleContent {background:url(/images/headers-bg-sprite.gif) 39px -324px no-repeat;}

/* Club */
#club {}
#club .textInput { width: 100px;}

/* Search */
#search {padding:11px;}
#search .moduleHeader{background:url(/images/headers-bg-sprite.gif) -150px -232px no-repeat;width:121px;height:37px;}
#search .moduleHeader h3{display:none;}
#search legend, #search label {display:none;}
#search .textInput {width: 165px;}
#search .formRow {float:left;padding-right:2px;}
#searchTopSearches {padding-top:9px;}
#searchTopSearches h4{position:relative;padding-bottom:2px;}
#searchTopSearches li{padding:0px 0px 2px 11px;background:url(/images/icons-sprite.gif) no-repeat 0px -68px;}
#searchTopSearches li a{}
#search .submitRow input {background:url(/images/btn-buscar.gif) no-repeat;text-indent:-9999px;width:54px;height:21px;padding-top:21px;  border: 0px;overflow: hidden;cursor: pointer; /* hand-shaped cursor */cursor: hand; /* for IE 5.x */ position:relative;float:left;}


/* devocional */
#devocional {padding:11px;}
#devocional .moduleHeader{background:url(/images/headers-bg-sprite.gif) -276px -229px no-repeat;width:144px;height:20px;}
#devocional .moduleHeader h3{display:none;}

/* bible study */
#bibleStudy {padding:11px;}
#bibleStudy .moduleHeader{background:url(/images/headers-bg-sprite.gif) -4px -230px no-repeat;width:138px;height:35px;}
#bibleStudy .moduleHeader h3{display:none;}


/* Escuchar al Ministerio en linea */
#ministerio {padding:10px;}
#ministerio h3{display:none;}
#ministerio .moduleHeader {width:233px;height:15px;background:url(/images/headers-bg-sprite.gif) -213px -272px no-repeat;}
#ministerio .containerPadding{padding:5px 0px 0px 0px;}
#ministerio .story {margin-bottom:4px;}
#ministerio .storyImage {padding:0px 6px 4px 0px;float:left;}
#ministerio .storyImage img{border:1px solid #000;}
#ministerio .storySeparator {display:none;}
#ministerio .abstract {margin-bottom:6px;}
#ministerio h4{padding:0px 0px 2px 0px;}

/* Headline */
#headline {padding:10px;}
#headline h3{display:none;}
#headline .moduleHeader {width:209px;height:27px;background:url(/images/headers-bg-sprite.gif) -1px -272px no-repeat;}
#headline .containerPadding{padding:5px 0px 0px 0px;}
#headline .abstract {display:none;}
#headline .storySeparator {display:none;}
#headline h4{padding:0px 0px 2px 12px;background:url(/images/icons-sprite.gif) 0px -182px no-repeat;}


/* enviar Tarjetas */
#enviarTarjetas {}
#enviarTarjetas .moduleHeader {width:271px;height:28px;background:url(/images/headers-bg-sprite.gif) 0px 0px no-repeat;}
#enviarTarjetas .moduleHeader h3{display:none;}
#enviarTarjetas .moduleContent{background:url(/images/gradients-sprite.jpg) 0px 0px no-repeat #EBEBEB;height:176px;overflow:auto;}
#enviarTarjetas .containerPadding{padding:12px 10px 4px 10px;}


/* enviar Tarjetas */
#enviarTarjetas {width:271px; text-align: left;}
#enviarTarjetas .moduleHeader {width:271px;height:28px;background: url(../images/headers-bg-sprite.gif) 0px 0px no-repeat;}
#enviarTarjetas .moduleHeader h3{display:none;}
#enviarTarjetas .moduleContent{background:url(../images/gradients-sprite.jpg) 0px 0px no-repeat #EBEBEB; height:176px; overflow: auto;}
#enviarTarjetas .containerPadding{padding:12px 10px 4px 10px;}
#enviarTarjetas .containerPadding h4{padding-bottom: 5px;}
#enviarTarjetas .moduleLeft {float: left; width: 138px; margin-right: 5px;}
#enviarTarjetas .moduleRight {float: left; width: 91px;}
#enviarTarjetas .moduleRight li{margin-bottom: 3px;}
#enviarTarjetas .moduleLeft .first{margin-bottom: 5px;}

/* music and entertainment */
#entretenimiento {}
#entretenimiento .moduleHeader {width:271px;height:28px;background:url(/images/headers-bg-sprite.gif) 0px -28px no-repeat;}
#entretenimiento .moduleHeader h3{display:none;}
#entretenimiento .moduleContent{background:url(/images/gradients-sprite.jpg) 0px 0px no-repeat #EBEBEB;height:176px;overflow:auto;}
#entretenimiento .containerPadding{padding:12px 10px 4px 10px;}
/* compras */
#shopping {}
#shopping .moduleHeader {width:271px;height:28px;background:url(/images/headers-bg-sprite.gif) 0px -56px no-repeat;}
#shopping .moduleHeader h3{display:none;}
#shopping .moduleContent{background:url(/images/gradients-sprite.jpg) 0px 0px no-repeat #EBEBEB;height:176px;overflow:auto;}
#shopping .containerPadding{padding:12px 10px 4px 10px;}
/* photos */
#photos {}
#photos .moduleHeader {width:271px;height:28px;background:url(/images/headers-bg-sprite.gif) 0px -84px no-repeat;}
#photos .moduleHeader h3{display:none;}
#photos .moduleContent{background:url(/images/gradients-sprite.jpg) 0px 0px no-repeat #EBEBEB;height:176px;overflow:auto;}
#photos .containerPadding{padding:12px 10px 4px 10px;}
/* forums */
#forums {}
#forums .moduleHeader {width:271px;height:28px;background:url(/images/headers-bg-sprite.gif) 0px -112px no-repeat;}
#forums .moduleHeader h3{display:none;}
#forums .moduleContent{background:url(/images/gradients-sprite.jpg) 0px 0px no-repeat #EBEBEB;height:176px;overflow:auto;}
#forums .containerPadding{padding:12px 10px 4px 10px;}


/* articulos */
#articles {}
#articles .moduleHeader {width:279px;height:28px;background:url(/images/headers-bg-sprite.gif) -271px 0px no-repeat;}
#articles .moduleHeader h3, #articles .storySeparator{display:none;}
#articles .moduleContent{background:url(/images/gradients-sprite.jpg) -271px 0px no-repeat #EBEBEB;height:176px;overflow:auto;}
#articles .containerPadding{padding:12px 10px 4px 10px;}
#articles h4{line-height:1.1em;padding:0px 0px 2px 12px;background:url(/images/icons-sprite.gif) 0px -124px no-repeat;}

/* personal */
#personal {}
#personal .moduleHeader {width:279px;height:28px;background:url(/images/headers-bg-sprite.gif) -271px -28px no-repeat;}
#personal .moduleHeader h3{display:none;}
#personal .moduleContent{background:url(/images/gradients-sprite.jpg) -271px 0px no-repeat #EBEBEB;height:176px;overflow:auto;}
#personal .containerPadding{padding:12px 10px 4px 10px;}
/* Ministerios Destacados */
#ministeriosDestacados {}
#ministeriosDestacados .moduleHeader {width:279px;height:28px;background:url(/images/headers-bg-sprite.gif) -271px -56px no-repeat;}
#ministeriosDestacados .moduleHeader h3{display:none;}
#ministeriosDestacados .moduleContent{background:url(/images/gradients-sprite.jpg) -271px 0px no-repeat #EBEBEB;height:176px;overflow:auto;}
#ministeriosDestacados .containerPadding{padding:12px 10px 4px 10px;}
/* Ministerios y Asociados de Radio Lux */
#asociados {}
#asociados .moduleHeader {width:279px;height:28px;background:url(/images/headers-bg-sprite.gif) -271px -84px no-repeat;}
#asociados .moduleHeader h3{display:none;}
#asociados .moduleContent{background:url(/images/gradients-sprite.jpg) -271px 0px no-repeat #EBEBEB;height:176px;overflow:auto;}
#asociados .containerPadding{padding:12px 10px 4px 10px;}
/* Weather */
#weather {}
#weatherInfoFooter {clear: both;}
#weather .moduleHeader {width:279px;height:28px;background:url(/images/headers-bg-sprite.gif) -271px -112px no-repeat;}
#weather .moduleHeader h3{display:none;}
#weather .moduleContent{background:url(/images/gradients-sprite.jpg) -271px 0px no-repeat #EBEBEB;height:176px;overflow:auto;}
#weather .containerPadding{padding:12px 10px 4px 10px;}
#weather #weatherGraphic {float:left;padding:0px 0px 8px 0px;}
#weather #weatherGraphic img{border:2px solid #A6CDE3;}
#weatherInfo {float:right;width:195px;}
#weather h4{font-weight:normal;font-size:1em;float:left;clear:left;padding:0px 4px 0px 0px;}
#weather .conditions{font-weight:bold;font-size:1.27em;float:left;padding-bottom:10px;}
#weather #weatherLink{clear:both;line-height:1.1em;padding:0px 0px 2px 12px;background:url(/images/icons-sprite.gif) 0px -124px no-repeat;}

/* Tile Ads */
#tileAdsLeft, #tileAdsRight {padding:6px 11px;}
#tileAdsLeft .moduleHeader, #tileAdsRight .moduleHeader {display:none;}
#tileAdsLeft p, #tileAdsRight p {padding: 5px 0px;text-align:center;}

/* Additional Framework Styles for Modules - Any styles that are used accross multiple modules go below. */
/* #############################################################
		nav.css
   ############################################################# */
/* NAV MODULE SETTINGS */
#navigation{background:#191970;padding:12px 0px 12px 5px;}
#navigation .moduleFooter {clear:both;}
#navigation .moduleHeader {display:none;}


/* MAIN NAVIGATION MENU BOX */
#navigation .containerPadding {}

#navigation ul { list-style: none; border: none;}

/* MAIN NAV ITEMS */
#navigation li { width:122px; clear:none; padding: 0px 0px 4px 0px; background:url(/images/icons-sprite.gif) 0px 2px no-repeat;}
#navigation li.odd { float:left;}
#navigation li.even { float:right;}

#navigation li a, #navigation li .navNoLink { display: block; padding: 0px; color: #fff; text-decoration: none; padding-left:10px; padding-right: 3px;}

html>body #navigation li a { width: auto;}

#navigation li a:hover { color: #FFC000;}

/*
SUB NAV LIST 
	Set the width, background, and/or border
*/
#navigation li ul { width: 157px; margin-left: 122px; border: solid 1px #000; margin-top: -11px; display: block; position: absolute; left: -9999px; height: auto; background:#212196;}

/* SUB-NAV ITEM */
#navigation li ul li { background-image:none;}
#navigation li ul li a{ background-image:none; padding:2px 4px;}


/* YOU SHOULD NOT HAVE TO EDIT ANY OF THE STYLES BELOW */

#navigation li:hover, #navigation li.sfhover { position: static; } /* This is a fix for the IE7 Sticky menu bug */

#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul { left: -9999px; z-index: 501;}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { left: auto; z-index: 501;}

/* Support for the "iehover-fix.js" */
ul.navItems iframe { position: absolute; left: -0.25em; top: -0.25em; z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);}


* html ul.navItems li { z-index: 501; }

/* this is for IE 5.0
 select.hide { visibility: hidden; }

/* End Support for the "iehover-fix.js" */


/* #############################################################
		CustomPages.css
   ############################################################# */
/***********************
 Photo Wall Styles
***********************/
#photoWallPage .searchPhotoWallForm { clear: both; display: block; margin: 10px 0px; }
#photoWallThumbs { margin: 15px 0px 0px 0px; }
#photoWallThumbs ul { list-style: none; }
#photoWallThumbs li { display: block; float: left; width: 142px; text-align: center; }
#photoWallThumbs li.newRow { clear: both; display: block; }
#photoWallThumbs li .photo-thumb { margin: 10px; }

#photoWallPhotoPage { text-align: center; }
#photoWallPhotoPage .page-menu { width: 260px; text-align: center; margin: auto; padding: 5px 0px;}
#photoWallPhotoPage .page-menu a { text-decoration: none;}
#photoWallPhotoPage .page-menu a:hover {text-decoration: underline;}
#photoWallPhotoPage .photoContainer { margin: 10px 0px; }
#photoWallPhotoPage img { margin: 0px; }
#photoWallPhotoPage .photoCaption { width: 300px; margin: 4px auto;  }

/***********************
 Goout Bar Styles
***********************/
.top-goout {float: left; width: 800px; padding: 0px 0px 0px 0px; margin-left: 10px;font-size:1.2em;}
.top-col-left {width: 200px; float: left; padding: 7px 0px 0px 0px; margin-left:10px; text-size: 8px;text-align:left;}
.top-col-left a {text-size: 8px; }
.top-col-left a:hover {text-decoration: none;}
.top-col-mid {width: 200px; float: left;  padding: 2px 0px 0px 0px; text-size: 8px;}    
.top-col-mid #siteIndex {width: 200px; margin: 5px 0px 0px 50px; top: 0px;font-size:1em;}
.top-col-mid #siteIndex select{top: 0px;font-size:1em;}

.top-col-right {width: 200px; float: right;  padding: 3px 0px 0px 0px; margin-left: 25px; text-size: 8px;}    
.top-col-right a {text-size: 8px;}
.top-col-right a:hover {text-decoration: none;}

/***********************
 Keword Search Results Styles
***********************/
.kewordSearch {width: 100%; text-align:left; padding: 5px 5 5px 5;}
.key-col-top {}
.key-col-top a {}
.key-col-left {width: 40%; float: left; padding: 5px; margin: 0px; }
.key-col-left a {}
.key-col-mid {width: 10%; float: left; padding: 5px 0 5px 0;}    
.key-col-right {width: 40%; float: left; padding: 5px; margin: 0px;}
.key-col-right a {}

/***********************
 Concert Calendar Styles
***********************/
.ccVenue {width: 100%; text-align:left; padding: 5px 5 5px 5;}            
.ccV-col-top {}
.ccV-col-top a {}
.ccV-col-left {width: 30 %; float: left; padding: 5px; margin: 0px; }
.ccV-col-left a {}
.ccV-col-mid {width: 40%; float: left; padding: 5px 0 5px 0;}    
.ccV-col-right {width: 20%; float: right; padding: 5px; margin: 0px;}    
.ccV-col-right a {}
.ccArtist {width: 100%; text-align:left; padding: 5px 5 5px 5;}            
.cc-col-top {}
.ccA-col-top a {}
.ccA-col-left {float: left; padding: 5px; margin: 0px; }
.ccA-col-left a {}
.ccA-col-right {float: right; padding: 5px; margin: 0px;}    
.ccA-col-right a {}

/***********************
 Staff Styles
***********************/
.staff {text-align:left; padding: 5px 5 5px 5;}
.staff-col-top {}
.staff-col-top a {}
.staff-col-left {float: left; padding: 5px; margin: 0px; }
.staff-col-left a {}
.staff-col-mid {float: left; padding: 5px 0 5px 0;}    
.staff-col-right {float: left; padding: 5px; margin: 0px;}    
.staff-col-right a {}

/***********************
 Calendar Styles
***********************/

#AddNewEventForm fieldset { display: block; clear: both; margin-bottom: 20px;}

/**************************
 Community Calendar Styles
**************************/

.calendarTable { width: 100%; text-align: center;}

/**************************
 Weather Styles
**************************/

#extendedForecast .CellBackground0
/* Controls color of temperature bar. Use to customize appearance. */
{ vertical-align: bottom;}
#extendedForecast .negativeTemperature
/* Background color of Negative Temperature Bars. Only change Background-Color. Do not change anything else */
{    BACKGROUND-COLOR: #0FF;    vertical-align: bottom;}
#extendedForecast
/* Controls appearance of entire Extended Forecast. Only change Color, Background-Color. Do not change any other settings. */
{    MARGIN: auto;    TEXT-ALIGN: center;}
#extendedForecast .smallText
/* Controls appearance of Sky Conditions, High & Low Temps For Days. Do not add margin or padding. */
{    FONT-WEIGHT: bold;    FONT-SIZE: 10px;    LINE-HEIGHT: 12px;    vertical-align: top;}
#weatherForecast .weatherDayTop
/* Controls appearance of individual days. Do not add margin or padding. */
{   width: 70px;    MARGIN: auto;   vertical-align: top;}
#weatherForecast .weatherDayBottom
/* Controls appearance of individual days. Do not add margin or padding. */
{   vertical-align: bottom;}
#weatherForecast .weatherTemperatures .weatherTempBars
{    PADDING: 0px;    MARGIN: auto;    BACKGROUND-COLOR: transparent;}
/*
*********************************************************
*** START DO NOT MAKE ANY CHANGES TO ANY STYLES BELOW ***
*********************************************************
*/
#weatherForecast
{    TEXT-ALIGN: center;    MARGIN: auto;}
#weatherDetails
{ width: 518px;    CLEAR: both;    TEXT-ALIGN: center}
#weatherRegionLinks
{    MARGIN-TOP: 10px}
#weatherRegionLinks LI
{    DISPLAY: inline;    FLOAT: left;    MARGIN-BOTTOM: 10px;    MARGIN-LEFT: 5px;    WIDTH: 150px}
#currentObservation
{    MARGIN: auto;    WIDTH: 480px}
#currentObservation .smallText
{    FONT-SIZE: 10px;    LINE-HEIGHT: 12px;    vertical-align: top;}
#currentObservation H3
{    MARGIN-BOTTOM: 5px}
#currentObservation .footer
{    DISPLAY: none}
#weatherForecast .weatherTemperatures
{    TEXT-ALIGN: center;    margin: auto;    VERTICAL-ALIGN: bottom;}
#weatherForecast .weatherTemperatures .weatherTempBars .weatherTemperatures
{    BORDER: medium none;    PADDING: 0px;    MARGIN: 0px;    BACKGROUND-COLOR: transparent}
#weatherForecast .weatherTemperatures .weatherTempBars .weatherTemperatures .dayCondition
{    DISPLAY: none;    PADDING: 0px;    MARGIN: 0px;}
/*
*******************************************************
*** END DO NOT MAKE ANY CHANGES TO ANY STYLES BELOW ***
*******************************************************
*/

.elsAlertMsg { font-family: ; font-size: 13px; font-weight: bold; color: ; line-height: normal; }
.elsTable { border-style: solid; border-width: 4px; border-color: ; }
.elsCellField { background-color: ; color: ; font-family: ; font-size: 13px; }
.elsCellData { background-color: ; color: ; font-family: ; font-size: 13px; }
A.elsCellField { color: ; }
A.elsCellData { color: ; }

/* bible study */
#bibleStudy {padding:11px; text-align: left;}
#bibleStudy .moduleHeader{background: url(../images/headers-bg-sprite.gif) -4px -230px no-repeat;width:138px;height:35px;}
#bibleStudy .moduleHeader h3{display:none;}
#bibleStudy label{padding: 5px 0px 3px 0px; float: none; display: block;}
#bibleStudy #bibleSearchKeywords{ width: 135px;}
#biblePart, #bibleTranslation{ width: 138px;}

/*programacion*/
#programmingSchedule H3 {margin-top:5px;}