/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   *Jonathan removed list styles
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
table {border-collapse: collapse;border-spacing: 0;}
/*end reset */

/*page styles */
.bold {font-weight: bold;}
.italic {font-style: italic;}
a {text-decoration: none; color: #224B87;}
img a {border: none;}
.replace {display: none;}
.center {text-align: center;}

body {background: url(images/body-bkg.jpg) top repeat-x #fafafa; font-family: Helvetica, Arial, sans-serif;}
#top-nav {background: #000; height: 34px;}
#mwrapper {width: 1060px; margin: 0 auto; margin-top: 0px;}
h1 {margin: 10px auto; background: url(images/cbn-mobile.gif) left top no-repeat; width: 316px; height: 43px; display:block;}
h2#mh2 {font-size: 19px; color: #3b3b3b; float: left; margin: 22px 0 4px 0;}
h3.m3, h3.m3 a {font-size: 32px; float: left; clear: left;}
.m3spacer {margin-top: 26px;}
.viewall {float: left;  margin: 17px 0 0 4px;}
.viewspacer {margin-top: 44px;}
#top-corner {float: left; margin-top: -5px; margin-left: -1px; width: 1060px; height: 6px;}
#btm-corner {-moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; margin: 0px 0 40px 0; width: 1060px; clear: both; height: 6px;}
#mcontent {clear: both; width: 1058px;float: left;margin-top: 25px;border-left: 1px solid #e2dfe0;border-right: 1px solid #e2dfe0;background: #fff;}
#left-col { margin: 15px;}
#promo {width: 710px; height: 260px; background: #000; clear: left; display: block; margin: 10px auto;}
#bulletin { display: none; }

/*slidebox*/
#slidebox{position:relative;}
#slidebox, #slidebox .content{width:710px;}
#slidebox, #slidebox .container, #slidebox .content{height:260px;}
#slidebox{overflow:hidden;}
#slidebox .container{position:relative; left:0;}
#slidebox .content{background:#eee; float:left;}
#slidebox .content div{ height:100%; font-family:Verdana, Geneva, sans-serif; font-size:13px;}
#slidebox .next, #slidebox .previous{position:absolute; z-index:2; display:block; width:21px; height:21px;}
/*#slidebox .next{right:0; margin-right:10px; background:url(images/slidebox_next.png) no-repeat left top;}
#slidebox .next:hover{background:url(images/slidebox_next_hover.png) no-repeat left top;}
#slidebox .previous{margin-left:10px; background:url(images/slidebox_previous.png) no-repeat left top;}
#slidebox .previous:hover{background:url(images/slidebox_previous_hover.png) no-repeat left top;}*/
#slidebox .thumbs{position:absolute; z-index:2; bottom:10px; right:10px;}
#slidebox .thumbs .thumb{display:block; margin-left:5px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-decoration:none; padding:2px 4px; background:url(images/slidebox_thumb.png); color:#fff;}
#slidebox .thumbs .thumb:hover{background:#fff; color:#000;}
#slidebox .selected_thumb{background:#fff; color:#000; display:block; margin-left:5px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-decoration:none; padding:2px 4px;}

.app-row {clear: both; width: 100%; border-top: 1px solid #ccc; margin-top: 15px; margin-bottom: 25px; padding-top: 26px;}
.no-border {border-top: none;}
.app-title {margin: 0px; padding: 0px;}
.app-wrap {width: 225px; text-align: center; float: left; margin: 0 15px 15px;}
.app-wrap.nofloat { float: none; }
.app-wrap div { margin: 0 auto; }
#cbntv-icon {height: 150px; width: 150px; background: url(images/cbn-tv.png) 0 0 no-repeat;}
#cbntv-icon:hover {background-position: -151px 0;}
#cbntv-icon-2 {height: 150px; width: 150px; background: url(images/cbn-tv-2.png) 0 0 no-repeat;}


#superbook-icon {height: 150px; width: 150px; background: url(images/superbook-kids-bible-app.png) 0 0 no-repeat;}
#superbook-icon:hover {background-position: -151px 0;}
#cbnradio-icon {height: 150px; width: 150px; background: url(images/cbn-radio.png) 0 0 no-repeat;}
#cbnradio-icon:hover {background-position: -149px 0;}
#fiestahoy-icon {height: 150px; width: 150px; background: url(images/fiesta-hoy.jpg) 0 0 no-repeat;}
#fiestahoy-icon:hover {background-position: -152px 0;}
#cbnbible-icon {height: 150px; width: 150px; background: url(images/cbn-bible-app.jpg) 0 0 no-repeat;}
#cbnbible-icon:hover {background-position:-149px 0}
#club-icon {height: 150px; width: 150px; background: url(images/700-club-app.jpg) 0 0 no-repeat;}
#club-icon:hover {background-position: -149px 0px;}
#cbnnews-icon {height: 150px; width: 150px; background: url(images/cbn-news.jpg) 0 0 no-repeat;}
#cbnnews-icon:hover {background-position: -149px 0px;}
#interactive-icon {height: 150px; width: 150px; background: url(images/700clubinteractive-app.png) 0 0 no-repeat;}
#interactive-icon:hover {background-position: -151px 0px;}
#mc-icon {height: 150px; width: 150px; background: url(images/mundocristiano-app.png) 0 0 no-repeat;margin-top:3px;}
#mycbn-icon {height: 150px; width: 150px; background: url(images/mycbn.png) 0 0 no-repeat;}
#mycbn-icon:hover {background-position: -149px 0px;}
#sb-bible-trivia-icon {height: 150px; width: 150px; background: url(images/superbook-bible-trivia-game-app.png) 0 0 no-repeat;}
#sb-bible-trivia-icon:hover {background-position: -149px 0px;}
#sbradio-icon {height: 150px; width: 150px; background: url(images/superbook-radio.png) 0 0 no-repeat;}
#sbradio-icon:hover {background-position: -149px 0px;}

.app-title {font-size: 18px; font-weight: bold; line-height: 18px;}
.get-app {font-size: 13px; margin-top: 4px;}

/*sidebar*/
#right-col {float: left; width: 300px; margin: 58px 0 0 15px; font-size: 13px; color: #8c8b8b; line-height: 16px;}
#right-col a {color: #b4b3b3; font-weight: bold;}
#right-col a:hover { color: #fcb614;}
#lr-wrap-top {margin-top: -15px;}
.lr-wrap {width: 280px;  border: 1px solid #e2dfe0; background: #fafafa; padding: 14px 9px 0 9px; min-height: 60px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 10px; margin: 0 auto; clear: both;}
.lr-wrap p {margin-bottom: 8px; color: #3b3b3b;}
.medline {height: 1px; width: 100%; background: #ccc; margin-bottom: 8px;}
#iphone-news { margin: -3px 0 0 -3px;}
#sm-rt-text, #sm-rt-text p {text-align: center; font-size: 12px; color: #000;}
#sm-rt-text img {margin-bottom: 10px;}
#mfaq {margin: 0 0 12px 10px;}
#sidebarTabs {display: none;}
#faq-wrap {background: #fff; width: 600px; min-height: 600px;}


#mfooter {clear: both; position: relative; top: 26px; height: 46px;  margin-bottom: 20px;}


.toolsmenu span a:visited, .toolsmenu span a:active {color: #000000;}