@charset "utf-8";
/* CSS Document */

html {
background:#373535 url(img/background.jpg) bottom center fixed no-repeat;
}

body {
font-family:Arial, Calibri, "Century Gothic", sans-serif;
color:#FFFFFF;
margin:0;
}

a { color:#b7b7b7; text-decoration:none; font-weight:bold;
text-shadow:0 0 4px #727225;
}


.container
{
width:900px;
margin:0px auto;margin-bottom:200px;
}

.sis {
	width:30px;
	height:110px;
	position:absolute; bottom:50px; left:-30px;
	text-align:center;
	font-size:12px; background-color:#060;
	box-shadow: -2px 2px 3px #2b2b2b;
    -webkit-box-shadow: -2px 2px 3px #2b2b2b;
    -moz-box-shadow: -2px 2px 3px #2b2b2b;
}
.sis a img {border:none;}
.clear {clear:both; height:1px;}

.header {
height:180px;
text-align:right;

background: url(img/header.jpg) top left no-repeat;
}

.homelink {width:270px; height:180px; float:left;}

.nav {
	list-style:none;
	width: 250px;
	padding:0px;
	color:#FFF;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
}

.content {
min-height:490px;
color:#000000;
font-size:12px;
position:relative;
}

.content h1 {
	font: normal 32px "Lucida Grande", Arial, sans-serif;
	margin:10px 0 10px 0;
	color:#FFF;
	text-transform:uppercase;
}

.content h2 {
	font: bold 120%/100% "Lucida Grande", Arial, sans-serif;
	margin: 10px 0 0;
}

.mainOneCol {
padding:20px 20px 20px 20px;
min-height:365px;
background-color:#FFF;
width:630px;
position:absolute;
top:0px; right:0px;
margin-bottom:40px;
margin-left:0px;
z-index:5;
font-family:"Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

.mainbg {background:#CC6 url(img/mainbg-top.png) top left no-repeat; padding:12px; min-height:590px;}

.main-content {
	width:75%;
	font-family:Verdana, Geneva, sans-serif;
}


.main-content h3 {background-color:#FFF; margin-left:-12px; width:40%; padding:7px 10px 7px 12px; font-size:16px; text-transform:uppercase;
	box-shadow: 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px #888;
    -moz-box-shadow: 2px 2px 2px #888;

}
.main-content h4 {margin-bottom:-15px; padding-bottom:0px; font-size:14px; line-height:16px;}
.main-content a {color:#FFF;}
.main-content ul li {margin-bottom:4px;}
.main-content ul li em {font-weight:bold;}

.SermonTitle {
	font: bold 100%/80% "Lucida Grande", Arial, sans-serif;
	margin: 10px 0;
	text-shadow:1px 1px 4px #727225;
}

.img_right {float:right; margin:0px -145px 10px 15px;}
.img_left {float:left; margin:0px 15px 10px -6px;}

.mainOneCol .title {
	background-color:#F80000; 
	padding:5px 10px; 
	font: bold 120%/100% "Lucida Grande", Arial, sans-serif; 
	color:white; display:inline;
	box-shadow: 2px 2px 3px #727225;
    -webkit-box-shadow: 2px 2px 3px #727225;
    -moz-box-shadow: 2px 2px 3px #727225;
}
.mainOneCol .highlightbox {
	width:80%;
	background-color:#F8F8F8;
	padding:10px 20px; margin:15px;
	
	box-shadow: 3px 3px 5px #727225;
    -webkit-box-shadow: 3px 3px 5px #727225;
    -moz-box-shadow: 3px 3px 5px #727225;
	
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.highlightbox a {color:#000;}

.dropshaddow {box-shadow: 5px 5px 5px #000;
    -webkit-box-shadow: 5px 5px 5px #000;
    -moz-box-shadow: 5px 5px 5px #000;}

.sideimage { position:absolute; right: -20px;}

.side-content {
	position:absolute; right: -20px; margin-top:55px;
	
	box-shadow: 5px 5px 5px #000;
    -webkit-box-shadow: 5px 5px 5px #000;
    -moz-box-shadow: 5px 5px 5px #000;
	background-color: #F8F8F8;
	
	padding: 12px 8px;
	width:154px;
}

.nav-inner {position:absolute; top:-15px; right:-20px; background:url(img/navbg.png) bottom center no-repeat; padding-bottom:37px; width:114px; z-index:20;}
.nav-inner ul { list-style:none; margin:0px 2px 0px 2px; padding:10px 4px 10px 8px; background-color:#F80000; width:98px; }
.nav-inner ul li a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:white; text-decoration:none;}
.nav-inner ul li a.main {font-size:13px; width:93px; border-bottom:1px solid #FFF; display:block; margin-bottom:4px;}
.nav-inner ul li a:hover {color:#000;}

.staff_box {
	min-height:180px;
	margin-bottom:10px;
	border-bottom:1px solid #FFF;
	padding:10px 0px 20px 0px;
}
.staff_box img {
	box-shadow: 3px 3px 5px #727225;
    -webkit-box-shadow: 3px 3px 5px #727225;
    -moz-box-shadow: 3px 3px 5px #727225;
}
	
.numlist {
	font-size:14px; margin-left:6px;
	padding-left:30px;
}
.numlist li {margin-bottom:8px;}

.footer { position:relative; margin-bottom:-30px; margin-left:-20px; margin-right:-20px;color:black; background-color:#FFF; 
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; 
text-align:center; }