/*
**	File: screen.css
**	Media: screen
**	Copyright: (c) 2008 Church Media Group, Inc. www.churchmedia.cc
**	Author: Brandon Neil Richards
**	Notes: 
*/

/* Reset Defaults */
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, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}

body{background: #2C5871 url(../images/body_bg.jpg) 0 top repeat-x;font: normal 62.5% Verdana, Arial, Helvetica, sans-serif; color: #000; height: 100%;}
body.home li a#home,
body.prayeurope li a#prayeurope,
body.getinvolved li a#getinvolved,
body.knowinggod li a#knowinggod,
body.prayer li a#prayer,
body.resources li a#resources {color: #782C14;}


body.home li a#home:hover,
body.prayeurope li a#prayeurope:hover,
body.getinvolved li a#getinvolved:hover,
body.knowinggod li a#knowinggod:hover,
body.prayer li a#prayer:hover,
body.resources li a#resources:hover{color: #782C14;}


h1{font: bold 1.8em Arial, Verdana, Helvetica, sans-serif; color:#782C14;}
h2{font: bold 1.6em Arial, Verdana, Helvetica, sans-serif; color:#782C14;margin: 0 0 12px 0;}
h3{font: bold 1.4em Arial, Verdana, Helvetica, sans-serif; color: #782C14;}
h4{font: bold 1.4em Arial, Verdana, Helvetica, sans-serif; color: #333;}
h5{}
h6{}
p{font: normal 1.2em/1.6em Arial, Verdana, Helvetica, sans-serif; color: #333; margin: 0 0 18px 0;}
a:link,a:visited,a:visited:hover,a:hover,a:focus,a:active{color: #782C14;}
ol li{display:list-item;}

.align-left{text-align: left;}
.align-right{text-align: right;}
.align-center{text-align: center;}
.float-left{float: left;}
.float-right{float: right;}
.hide{display: none;}
.clear-left{clear: left;}
.clear-right{clear:right;}
.push{clear:both;}

/*
Floats: this controls which side structural elements are on
*/
#sidebar, #masthead .logo, #navigation li, #welcome, #footer li, #zoom .countrymeta{float: left;}
#masthead .selectcountry, #video, #main, #prayer-counter{float: right;}
#headtabs{width: 800px; margin: 12px auto 0 auto; height: 34px;}
#headtabs ul{display: block; text-align: right; margin: 0 20px 0 0;}
#headtabs li{display: inline; }
#headtabs li a:link, #headtabs li a:visited, #headtabs li a:active{ float:right; display: block; font: 1.2em/2.8em Arial, Verdana, Helvetica, sans-serif; padding: 0 10px;text-transform: uppercase; color: #DFDFDF; background: #3E6F87; text-decoration: none; height: 36px;margin: 0 0 0 2px;}
#headtabs li a:visited:hover, #headtabs li a:hover, #headtabs li a:focus{ display: block; font: 1.2em/2.8em Arial, Verdana, Helvetica, sans-serif; padding: 0 10px;text-transform: uppercase; color: #FFF; background: #3E6F87; text-decoration: none; height: 36px;margin: 0 0 0 2px;}

#wrapper{background: #FFF; min-height: 400px;margin: 0 auto; padding: 0 0 20px 0; width: 800px;}
#wrapper .container{margin: 0px auto 10px auto; width: 770px;}
#masthead{padding: 20px 0 0 0;}
#masthead .logo{width: 210px; padding: 0 0 0 20px;}
#masthead .selectcountry{width: 500px; padding: 0 20px 0 0; text-align: right;}
#masthead select{border: 1px solid #ccc; width: 200px; padding: 2px;}

#navigation{ width:772px; background: transparent url(../images/navigation_bg.png) no-repeat; height: 40px; margin: 10px auto 16px auto;}
#navigation li{display: inline; padding: 0 29px; list-style-type: none; background: transparent url(../images/tick_mark.png) right 7px no-repeat;}
#navigation li.last{ background: none;}
#navigation a:link, #navigation a:visited, #navigation a:visited:hover, #navigation a:hover, #navigation a:focus, #navigation a:active{display: block;  font: normal 1.2em/3.6em Arial, Verdana, Helvetica, sans-serif; color: #919BA3; text-decoration: none; text-transform: uppercase; text-align:center;}
#navigation a:hover, #navigation a:visited:hover, #navigation a:focus, #navigation .selected a{color: #782C14;}
#welcome{width: 436px;float: left;}
#slideshow{float: right; background: transparent url(../images/rotator/rotator_bg.jpg) no-repeat; width: 315px; height: 227px; margin: 0 0 20px 0;}
#slideshow img{width: 315px; height: 227px;}

#welcome h1, #welcome p{padding: 0 16px;margin: 0 0 5px 0;}
#welcome h2{margin: 20px 0 0 0; padding: 0 16px;}
#welcome p{line-height: 1.6em;}
#video{padding: 0 16px; background: #000; width: 302px; height: 232px; margin: 0 0 20px 0;}
#main{width: 504px;}
#main fieldset{ border: 1px solid #CCC; padding: 20px;margin: 0 0 20px 0;}
#main fieldset legend{font: bolder 1.4em Arial, Verdana, Helvetica, sans-serif;}
#main .code{background: #EEE; padding: 20px;margin: 10px 0 0 0;}
#main ul{list-style-type: square; margin: 0 0 18px 15px;}
#main li{margin: 5px 0;font: normal 1.2em/1.6em Arial, Verdana, Helvetica, sans-serif; color: #333;}

/*
Christ Day Section
*/
#main .christday{height: 280px; width: 504px; background: transparent url(../images/christ_day_bg.jpg) bottom no-repeat;}
.christday h2{font: bold 2em Arial, Verdana, Helvetica, sans-serif; color: #782C14; padding: 52px 0 15px 30px;}
.christday p{font: normal 1.2em/1.6em Arial, Verdana, Helvetica, sans-serif; width: 340px; padding: 0 0 10px 30px; margin: 0 0 10px 0;}

/*
#sidebar
*/
#sidebar{width: 222px;}
#sidebar .section{margin: 0 0 18px 0; }
#sidebar .subnav ul{margin: 18px 0;border-right: 1px dotted #CCC;}
#sidebar .subnav li{border-bottom: 1px solid #E4E4E4; padding: 8px 0 0 10px;}
#sidebar .subnav a:link,
#sidebar .subnav a:visited{font: bold 1.2em/3.2em Arial, Verdana, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; color: #666;}

#sidebar .subnav a:visited:hover,
#sidebar .subnav a:hover,
#sidebar .subnav a:focus,
#sidebar .subnav a:active{font: bold 1.2em/3.2em Arial, Verdana, Helvetica, sans-serif; text-decoration: none; color:#782C14;}

#footer{width: 772px; margin: 0 auto; border-top: 1px solid #E4E4E4;}
#footer li{display: inline; padding: 0 17px; list-style-type: none; background: transparent url(../images/footer_tick_mark.png) right no-repeat;}
#footer li.last{ background: none;}
#footer li, #footer a:link, #footer a:visited, #footer a:visited:hover, #footer a:hover, #footer a:focus, #footer a:active{display: block;  font: normal 1em/2.8em Arial, Verdana, Helvetica, sans-serif; color: #777; text-decoration: none; text-transform: uppercase; text-align:center;}
#footer a:hover, #footer a:visited:hover, #footer a:focus{color: #000;}
#footer .footnote{clear: both;font: normal .9em Verdana, Arial, Helvetica, sans-serif; color: #666; padding: 0 0 0 15px; margin: 0;}

/*
#country & tabs
*/
#zoom {margin: 0 auto; width: 744px;}
#zoom .countrymeta{width: 228px;padding: 10px 0;}
#zoom .country-name h2{display: inline; color:#024A62;padding: 0 0 0 6px; text-transform: uppercase; font: bold 1.8em Arial, Verdana, Helvetica, sans-serif;}
#zoom .country-name p{padding: 0;margin: 0;}
#zoom .country-diversity h3, #zoom .country-location h3{background: #782C14; margin: 8px 0 0 0;padding:2px 0 2px 8px; color: #F7F6BE; font: normal 1.1em Arial, Verdana, Helvetica, sans-serif; text-transform: uppercase;}
#zoom .country-diversity ul{margin: 15px 0 10px 8px;}
#zoom .country-diversity li{margin: 3px 0; font: 1.2em/1.4em Arial, Verdana, Helvetica, sans-serif;}
#zoom .country-location p{margin: 15px 0 5px 8px; font: 1.2em/1.4em Arial, Verdana, Helvetica, sans-serif;}
#prayer-counter{width: 166px; height: 46px; }
#prayer-counter p{font: bolder 1.2em Arial, Helvetica, sans-serif; color: #FFF; text-transform: uppercase;margin: 18px 0 0 0;}
#prayer-counter p.count{font: bolder 2.6em Arial, Helvetica, sans-serif; color: #FFF; text-align: right; margin:0;}

#country{background: transparent url(../images/country_bg_tile.png) repeat-x;}
#country ol{}
#main ol li, #country ol li{font: 1.2em/1.6em Arial, Verdana, Helvetica, sans-serif; color: #444; margin: 4px 0 12px 0; }
#country p{line-height: 1.6em; margin: 4px 0 12px 0;}
#country h2, #country h3, #country h4{padding: 12px 0;}
#country h3{border-bottom: 1px solid #E4E4E4; padding: 12px 0 4px 0;margin: 0 0 8px 0;}
#country h4{padding: 0;margin:0;}
#country .ui-tabs-panel{padding: 24px 30px; margin: 0 auto; width: 444px;}

#sitemap{padding: 0 0 0 20px;}
#sitemap ul{margin: 10px 0;clear: both; list-style-type: square;color: #782C14;}
#sitemap li a{font: 1.4em/1.8em Arial, Verdana, Helvetica, sans-serif; text-decoration: none;}

#sitemap ul ul{ padding: 0 0 0 20px;color: #919BA3; margin: 0;}
#sitemap ul ul li a{font: 1.1em Verdana, Arial, Helvetica, sans-serif; color: #444;}