/* CSS Document */
*, html {padding: 0; margin: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address, img {margin: 0; padding: 0;}

body {
	background-color: #2A2A2A;
	background-image: url(../images/background.gif);
	background-repeat: repeat-x;
	background-position: top center;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	}
h2 {
	color: #999999;
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 5px;
	}
h3 {
	font-weight: bold;
	color: #CCCCCC;
	font-size: 12px;
	margin-bottom: 3px;
	text-decoration: underline;
	}
p {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 140%;
	margin: 0 0 12px 0;
	}
ul {
	margin: 0 0 15px 13px;
	padding: 0;
	color: #FFFFFF;
	}
a {color: #81F3FF; text-decoration: none; font-size: 12px;}
a:hover {background-color: #666666; color: #ffffff;}
span {display: none;}
img {border: none;}

table td {
	padding: 4px;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	}

#container {
	width: 900px;
	margin: 0 auto;
	}
.clearMe {clear: both;}

#header {
	width: 900px;
	height: 134px;
	background: url(../images/header.gif) no-repeat bottom;
	}
	
#nav {
	height: 25px;
	margin: 6px 0 0;
	}
.navDivider {
	height: 25px;
	width: 2px;
	background-image: url(../images/navDivider.gif);
	background-repeat: no-repeat;
	float: left;
	}
#nav a {
	display: block;
	float: left;
	height: 20px;
	padding: 5px 22px 0 22px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	}
#nav a:hover, #nav a.on {
	background-image: url(../images/navHoverBack.gif);
	background-repeat: repeat-x;
	}
	
/* h1 Headers
---------------------*/
.LCBox h1 {
	height: 25px;
	width: 400px;
	}
.RCBox h1 {
	height: 25px;
	width: 300px;
	}

/* CONTENT starts here
-----------------------------*/
#specialAnnct {
	width: 896px;
	height: 196px;
	border: 2px solid #ffffff;
	margin-bottom: 20px;
	background-image: url(../images/specialAnnct.jpg);
	background-color: #2A2A2A;
	}
#specialAnnct a {position: relative; top: 165px; left: 730px;}

#content {
	width: 900px;
	margin-top: 20px;
	}
.leftColumn {
	width: 490px;
	margin-right: 20px;
	float: left;
	}
.rightColumn {
	width: 390px;
	float: left;
	}
.LCBox, .RCBox {
	padding: 10px;
	background-color: #222222;
	border-top: 1px solid #999999;
	margin-bottom: 20px;
	}
.LCBox {width: 470px;}
.RCBox {width: 370px;}

.welcomeImage {
	width: 464px;
	height: 121px;
	border: solid 3px #ffffff;
	background: url(../images/welcomeImage.jpg) no-repeat;
	margin-bottom: 10px;
	}

.welcomeLinks a {
	display: block;
	float: left;
	padding: 2px;
	border: 1px solid #ffffff;
	width: 146px;
	height: 24px;
	margin: 0 7px 6px 0;
	}
.welcomeLinks a:hover {background-color: #FFFFFF;}
.kids { background-image: url(../images/iconKids.jpg);}
.students { background-image: url(../images/iconStudents.jpg);}
.women { background-image: url(../images/iconWomen.jpg);  margin-right: 0!important;}
.men {background-image: url(../images/iconMen.jpg);}
.cgroups {background-image: url(../images/iconCgroups.jpg);}
.c3global {background-image: url(../images/iconC3global.jpg); margin-right: 0!important;}
.kids, .students, .women, .men, .cgroups, .c3global {background-repeat: no-repeat; background-position: center;}

.mainEvent {
	width: 370px;
	height: 75px;
	margin-bottom: 10px;
	}
.mainEvent-large {
	width: 370px;
	height: 131px;
	margin-bottom: 10px;
	}
a.one, a.two, a.three, a.four, a.five {
	width: 364px;
	height: 69px;
	background-repeat: no-repeat;
	background-position: center;
	}
.mainEvent a, .mainEvent-large a {
	display: block;
	padding: 2px;
	border: 1px solid #ffffff;
	}
.mainEvent a:hover, .mainEvent-large a:hover {
	background-color: #FFFFFF;
	}
.otherEvent {
	border-top: 1px solid #666666;
	padding-top: 2px;
	}
.otherEvent p {
	font-size: 11px;
	padding: 0 0 5px;
	border-bottom: 1px solid #666666;
	margin: 0 0 5px;
	}
p.fullCal {border: none;}
.otherEvent a {
	font-size: 11px;
	color: #81F3FF;
	}
.otherEvent a:hover {
	color: #CCCCCC;
	}
	
.sermon a {font-size: 10px;}

.address {
	float: right;
	margin-right: 10px;
	border-left: 1px solid #ffffff;
	padding-left: 25px;
	}

.news h2 {
	color: #999999;
	border-left: 1px solid #81F3FF;
	padding-left: 4px;
	}
.news p {
	padding-bottom: 0px!important;
	padding-left: 5px;
	margin-bottom: 15px;
	}
	
/*==================
SubPage
===================*/
.leftColumnSub {
	width: 680px;
	margin-right: 10px;
	float: left;
	}
.rightColumnSub {
	width: 200px;
	float: left;
	}
.LCBoxSub, .RCBoxSub {
	padding: 10px;
	background-color: #222222;
	border-top: 1px solid #999999;
	}
.LCBoxSub {width: 660px;}
.RCBoxSub {width: 180px; margin-bottom: 20px;}
.LCBoxSub h2, .LCBoxSub h3 {margin-top: 15px;}
.LCBoxSub h2 {color: #81F3FF;}

.quickLinks a {
	display: block;
	border: 2px solid #ffffff;
	width: 136px;
	height: 36px;
	margin: 0 0 6px 0;
	}
a.studentsSub {background-image: url(../images/iconSubStudents.jpg);}
a.cgroupsSub {background-image: url(../images/iconSubCgroups.jpg);}

.id {border: 3px solid #ffffff;}

/*==================
SubNav
===================*/
ul.subNav {
	list-style-type: none;
	margin: 0 0 10px!important;
	padding: 0!important;	
	height: 25px;
	width: 660px;
	background-color: #ffffff;
	background-image: url(../images/subNavBack.jpg);
	background-repeat: repeat-x;
	}
ul.subNav li {
	display: inline!important;
	padding: 0;
	margin: 0;
	}
ul.subNav li a {
	display: block;
	float: left;
	text-align: center;
	height: 19px;
	padding: 4px 9px 2px;
	color: #666666;
	background-color: #ffffff;
	background-image: url(../images/subNavBack.jpg);
	background-repeat: repeat-x;
	}
ul.subNav li a:hover, ul.subNav li a.subNavOn {
	background: url(../images/subNavBackHover.jpg) repeat-x;
	color: #666666;
	}

/*==================*/

.blockquote {
	width: 485px;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 3px;
	line-height: 18px;
	text-transform: uppercase;
	border-top: 1px solid #ffff66;
	border-bottom: 1px solid #ffff66;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	}
	
.float_right, .float_left {border: 4px solid #999999;}
.float_right {float: right; margin: 0 0 5px 5px;}
.float_left {float: left; margin: 0 5px 5px 0;}
	
#sermon_player {
	margin: 0 0 10px 10px;
	float: right;
	}
	
.RCBox font {color: #FFFFFF;}

.connect_box {
	width: 203px;
	float: left;
	background-color: #333333;
	padding: 5px;
	border-left: 1px solid #666666;
	margin-bottom: 10px;
	}
.connect_box h3 {
	color: #CCCCCC;
	font-size:12px;
	text-transform: uppercase;
	text-decoration: underline;
	margin: 0 0 5px 0;
	padding: 0;
	}
.connect_box p {
	color: #FFFFFF;
	margin: 0 0 3px 0;
	}
	
#footer {
	height: 30px;
	width: 680px;
	padding: 3px 0;
	clear: both;
	margin-bottom: 25px;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 15px;
	}
#footer a {
	font-size: 10px;
	}
