body {font-family:arial,sans,tahoma; margin:0; padding:0; background:#1e7dc0 url("../images/body_bg.png") scroll repeat-y 50% 50%; }
a {color:#FFF;}
a:hover {color:#000; text-decoration:none;}
p, h1, h2, h3 {margin:0; padding:0;}

.wrapper {margin:0 auto; width:800px; height:600px; background:transparent url("../images/main_bg.jpg") scroll no-repeat top left;}

.header {height:230px;}

.navigation ul {margin:0 30px; padding:0; list-style: none;}
.navigation ul li {position: relative; float:left;  width: 117px; margin:0 3px; text-align:center;}
.navigation li ul {position:absolute; margin:0; left:-1px; top:30px; display: none;}
.navigation ul li a {display:block; font-size:14px; font-weight:bold; padding:5px 0; line-height:20px; text-decoration:none; color:#333; background:transparent url("../images/nav_bg.png") scroll no-repeat 0 -33px;  /* IE6 Bug */}
.navigation ul li a:hover {background-position:0 0; color:#FFF;}
* html ul li { float:left; height:1%; margin:0;}
* html ul li a { height:1%;}
.navigation li ul li a { font-size:12px; margin:0 0 1px 0; padding: 2px 5px; width: 150px; background-image:none; background:#EEE;} /* Sub Menu Styles */
.navigation li ul li a:hover {background:#48ace2; color:#FFF;}
.navigation li:hover ul, li.over ul { display: block; } /* The magic */



.content {}
.content h1 {text-align:center;}
.content a.readMore {position:absolute; bottom:10px; left:25px; display:block; width:91px; height:21px; background:transparent url("../images/read_more.png") scroll no-repeat top left;}
.content a.readMore1 {position:absolute; bottom:25px; left:25px; display:block; width:91px; height:21px; background:transparent url("../images/read_more.png") scroll no-repeat top left;}

.book {position:relative; margin:0 auto; width:686px; height:265px; background:transparent url("../images/book_bg.png") scroll no-repeat top left;}
.book img {position:absolute; top:14px; right:17px;}
.book a.arrowLeft {position:absolute; top:75px; left:-20px; width:20px; height:83px; background:transparent url("../images/arrows_bg.png") scroll no-repeat top left;}
.book a.arrowLeft:hover {background-position:-40px 0;}
.book a.arrowRight {position:absolute; top:75px; right:-20px; width:20px; height:83px; background:transparent url("../images/arrows_bg.png") scroll no-repeat -20px 0;}
.book a.arrowRight:hover {background-position:-60px 0;}
.book .bookContent {position:absolute; top:0px; left:0px; padding:20px 25px; width:280px;}
.book .bookContent h2 {padding:7px 0; font-size:13px; font-weight:bold; text-align:center; background:transparent url("../images/h2_bg.png") scroll no-repeat top left;}
.book .bookContent p {font-size:12px; text-align:justify; padding:20px 0;}

.main {margin:0 auto; width:706px;}
.main .sidebar {float:left; padding:0 0 0 10px;}
.main .sidebar h2 {line-height:20px; font-size:18px;padding: 10px 0 0 50px; color:#333;}
.main .sidebar p {font-weight:bold; padding:10px 5px; font-size:12px; color:#FFF;}
.main .sidebar p span {padding:10px 0; font-size:11px; font-weight:bold; display:block; color:#333;}
.main .sidebar .news {position:relative; height:222px; width:245px; background:transparent url("../images/green_bg.png") scroll no-repeat top left;}
.main .sidebar .journey {position:relative; height:220px; width:245px; background:transparent url("../images/orange_bg.png") scroll no-repeat top left;}
.main .sidebar .journey img, .main .sidebar .news img {position:absolute; top:13px; left:25px;}
.main .info {float:right; height:440px; width:447px; background:transparent url("../images/red_bg.png") scroll no-repeat top left;}
.main .info h2 {line-height:20px; font-size:18px;padding: 10px 0 10px 25px; color:#FFF;}
.main .info p {padding:25px; font-size:13px; color:#FFF;}
.main .info ul {font-size:13px; color:#FFF;}

.main .contact {float:right; height:440px; width:447px; background:transparent url("../images/red2_bg.png") scroll no-repeat top left;}
.main .contact h2 {line-height:20px; font-size:18px;padding: 10px 0 0 25px; color:#FFF;}
.main .contact p {font-weight:bold; padding:25px; font-size:12px; color:#FFF;}
.main .contact form {margin:0; padding:0;}
.main .contact .Actions {margin-left:108px;}
.main .contact input {margin:2px; width:200px;}
.main .contact textarea {margin:2px; width:200px;}
.main .contact fieldset {margin:0; padding:0; border:none; color:#FFF; font-size:12px;}
.main .contact label {float:left;width:100px; margin:3px; text-align:right; font-weight:bold;}

.main .sermons {margin:0 0 0 10px; position:relative; height:440px; width:695px; background:transparent url("../images/blue_bg.png") scroll no-repeat top left;}
.main .sermons p {font-size:12px; color:#FFF; padding:5px 25px;}
.main .sermons a {color:#FFF; text-decoration:underline;}
.main .sermons a:hover {color:#000;}
.main .sermons h2 {line-height:20px; font-size:18px; padding: 10px 0 10px 25px; color:#FFF;}
.main .sermons .pagination a {font-weight:bold; position:absolute; top:10px; right:20px;}
.main .sermons ul { list-style:none; margin:3px 14px 10px 7px; padding:0; color:#FFF; line-height:13px; font-size:12px;}
.main .sermons li { clear:both; padding:4px 10px; margin:3px 0; background:#3399cc;}
.main .sermons li span {float:right;}

.main .podcast {float:right; position:relative; height:440px; width:447px; background:transparent url("../images/green1_bg.png") scroll no-repeat top left;}

.main .podcast h2 {line-height:20px; font-size:18px;padding: 10px 0 0 25px; color:#FFF;}
.main .podcast .cast {padding:15px 20px 10px 15px;}
.main .podcast .cast .title {line-height:20px; font-size:14px; letter-spacing:-1px; font-weight:bold; color:#ffcc00;}
.main .podcast .cast .desc {font-size:11px; color:#FFF}
.main .podcast .cast .text {font-size:12px; color:#FFF}
.main .podcast .cast .text a {color:#ffcc00;}
.main .podcast .cast .text a:hover {color:#000;}

.main .default {overflow:hidden; min-height:400px; color:#FFF; font-size:12px; }
.main .default .top {height:20px; overflow:hidden; background:transparent url("../images/default_bg.png") scroll no-repeat top left;}
.main .default .med {position:relative; padding:5px 30px 5px 10px; overflow:hidden; background:transparent url("../images/default_med.png") scroll repeat-y top left;}
.main .default .bot {height:20px; overflow:hidden; background:transparent url("../images/default_bg.png") scroll no-repeat bottom left;}
.main .default .pagination {position:absolute; top:15px; right:50px;}
.main .default .pagination a {color:#FFF; font-weight:bold;}
.main .default .pagination a:hover {color:#000;}

.footer {color:#FFF; text-align:center; font-size:11px; background:transparent url("../images/footer_bg.png") scroll repeat-x bottom left;}
.footer .links {padding:30px 0; font-weight:bold;}
.footer .links a {padding:0 5px;}
.footer .copyright {padding:10px 0;}