/* CSS Document */
html { height: 100%; margin-bottom: 1px; }
body { font: 0.875em Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; background: url(../img/bg.jpg) no-repeat #010101; background-position: 50% 0; }

.wrapper { width:960px; margin: 0 auto; }

a, a:link{ color:#426ba8; text-decoration:none; }
a:hover{ color:#426ba8; text-decoration:underline; }
a.inline, a:link.inline{ color:#426ba8; text-decoration:underline; }
a:hover.inline{ color:#426ba8; text-decoration:none; }

.alt { display: none; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }

#top_nav { height: 20px; text-align: right; }
#top { background: url(../img/top_bg.jpg) no-repeat; display: block; width: 960px; height: 130px; overflow: hidden; }
#slider { background: url(../img/header_bg.jpg) no-repeat; display: block; height: 365px; width: 960px; overflow: hidden; }
#header { background: url(../img/header_bg.jpg) no-repeat; display: block; min-height: 50px; width: 960px; overflow: hidden; color: #fff;}
#scripture { display: block; width: 600px; overflow: hidden; color: #fff; font-style: italic; padding: 20px; font-size: 1.2em; }
#contentarea { background: #fff; width: 960px; clear: both; padding-bottom: 20px; }
#contentarea .content { padding-left: 20px; float: left; width: 600px; }
#contentarea .aside { float: right; padding: 20px; width: 300px; }
#contentarea .contentfull { padding: 20px; }
#footer { background: url(../img/footer_bg.jpg) no-repeat #000; min-height: 200px; width: 960px; overflow: hidden; clear: both; padding-top: 10px; }
#footer #footer_logo { background: url(../img/logo_footer.png) no-repeat; height: 68px; width: 408px; display: block; float: left; }

.feature-navigation { float: right; margin: 10px 10px 0px 0px;}
			
#mySlides h1 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 1.8em; font-weight: normal; color: #fff; }

#myController { float:right; padding:10px; margin:0; }
#myController span { cursor:pointer; }
#myController img { border:2px solid #111; }
#myController img:hover { border:2px solid #212121; }
#myController span.jFlowSelected img { border:2px solid #2e2e2e; }

.jFlowPrev { padding-right:10px; }
.jFlowPrev, .jFlowNext { cursor:pointer;}

#slider .slide-wrapper { width: 960px; height: 275px; margin-top: 5px; overflow: hidden; }
#slider .slide-copy { color: #fff;float: left; width: 360px; padding: 0px 20px; }
#slider .text-copy { line-height: 1.4em; }
#slider .slide-image { float: left; width: 550px; } 