"utf-8"; 


*  {margin:0; padding:0}

body {font-family:Arial, Verdana, Helvetica, sans-serif; background:#fff url(images/background.png) repeat-x;}

h2 {margin:5px 15px 15px 15px; font:16pt arial; font-weight:bold; letter-spacing:1px; color:#d88833; text-decoration:underline; }
h4 {color:#0267b7; margin-left:5px; margin-top:5px;}

p {font-size:11pt; line-height:1.5em; padding:5px 10px 15px 10px; color:#4f4f4f;}

a {text-decoration:none; color:#0267b7; }
a:hover {color:#d88833; }

.home {float:left; font-size:9pt; color:#fff; padding-left:25px;padding-top:5px; }
.home a {color:#fff;}
.home a:hover {}
.mail {padding-top:5px; }

.moveleft {padding-left:15px; }

span {font-weight:bold; }

#footer_splash p {font-size:9pt; }

hr {margin:10px; }

blockquote {
border : 1px solid #333; font-size:9pt;
width: 200px;
margin-left: 20px;
padding: 10px;
background-color: #ccc;
quotes: "\201C" "\201D";
}
blockquote:before { content: open-quote; font-weight: bold; }
blockquote:after { content: close-quote; font-weight: bold; }

.home {}
.clear {clear:both; }
.alignl {float:left; margin:8px; border:4px solid #999; }
.alignr {float:right; margin:8px; border:4px solid #999; }
.alignlnb {float:left; margin:8px;}
.alignrnb {float:right; margin:8px; }

#latestnews {float:right; padding-top:25px;}
#latestnews a {font-size:14pt; color:red;}
#latestnews a:hover {color:#d88833; }

.p_nav {padding:5px 5px 10px 0; }
.p_nav a {color:#0267b7; text-decoration:none; font-size:9pt; line-height:10pt;}
.p_nav a:hover {color:#d88833}
.p_small {padding:15px 5px 5px 5px;}

.reglinks {font-size:10pt;}
.reglinks, .reglinks li {padding:0 0 0 0; margin-left:15px; }
.reglinks li {list-style-type:circle; }

#container {margin:0 auto; width:900px; background:#fff; }
#container_splash {margin:0 auto; width:900px; }

#main {border-right:1px solid #666; border-left:1px solid #666;}

#topnav {background:#0b1a57 url(images/topnav_bg.jpg) no-repeat; height:28px; }
#topnavsplash {height:28px; }

#header {height:88px; }

#logo {float:left; }
#liveperson {float:right; padding:5px; }

#footer {clear:both; background:#0b1a57 url(images/footer.jpg) no-repeat; height:44px;}
#icon_nav {text-align:center; }


#lang ul {text-align:center; margin-top:20px;}
#lang li {list-style-type:none; display:inline; padding-right:20px;}
#lang a {text-decoration:none; color:#818181; font-size:9pt;}
#lang a:hover {color:#7b0000; }



/* topnav --------------------------------------- */

#top_nav, 
#top_nav ul {padding:0; margin:0; list-style:none; font: 10px arial, verdana, sans-serif; }
#top_nav {height:28px; padding:0;float:right; }

#top_nav table {border-collapse:collapse;}
#top_nav li {float:left;}
#top_nav li li {float:none; width:125px;}
/* a hack for IE5.x and IE6 */
#top_nav li a li {float:left; width:125px;}

#top_nav li a {display:block; float:left; color:#fff; height:28px; padding:0 10px 0 10px; line-height:28px; font-size:9pt; text-decoration:none; white-space:nowrap;}
#top_nav li li a {height:28px; line-height:28px; float:none;background:#1c1c1c;padding:0 5px 0 5px;}

#top_nav li:hover {position:relative; z-index:100;}
#top_nav a:hover {position:relative; z-index:100; color:#e4c184; }
#top_nav li:hover > a {border-left:1px solid #843; background:#843; color:#fff;}

#top_nav :hover  ul {left:0; top:23px; border-left:1px solid #843; z-index:300;}
#top_nav a:hover ul {left:-1px;}

#top_nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#top_nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#top_nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#top_nav li:hover li:hover > a {background:#843; color:#fff; border-left:1px solid #843;}

#top_nav li a:hover ul li a:hover {background:#843;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#top_nav a:hover a:hover ul,
#top_nav a:hover a:hover a:hover ul,
#top_nav a:hover a:hover a:hover a:hover ul,
#top_nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#top_nav a:hover ul ul,
#top_nav a:hover a:hover ul ul,
#top_nav a:hover a:hover a:hover ul ul,
#top_nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

#top_nav2, 
#top_nav2 ul {padding:0; margin:0; list-style:none; font: 10px arial, verdana, sans-serif; }
#top_nav2 {height:28px; padding:0;float:right; }

#top_nav2 table {border-collapse:collapse;}
#top_nav2 li {float:left;}
#top_nav2 li li {float:none; width:125px;}
/* a hack for IE5.x and IE6 */
#top_nav2 li a li {float:left; width:125px;}

#top_nav2 li a {display:block; float:left; color:#333; height:28px; padding:0 10px 0 10px; line-height:28px; font-size:9pt; text-decoration:none; white-space:nowrap;}
#top_nav2 li li a {height:28px; line-height:28px; float:none;background:#999;padding:0 5px 0 5px;}

#top_nav2 li:hover {position:relative; z-index:100;}
#top_nav2 a:hover {position:relative; z-index:100; color:#e4c184; }
#top_nav2 li:hover > a {border-left:1px solid #843; background:#999; color:#fff;}

#top_nav2 :hover  ul {left:0; top:23px; border-left:1px solid #843; z-index:300;}
#top_nav2 a:hover ul {left:-1px;}

#top_nav2 ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#top_nav2 li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#top_nav2 li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#top_nav2 li:hover li:hover > a {background:#999; color:#fff; border-left:1px solid #843;}

#top_nav2 li a:hover ul li a:hover {background:#843;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#top_nav2 a:hover a:hover ul,
#top_nav2 a:hover a:hover a:hover ul,
#top_nav2 a:hover a:hover a:hover a:hover ul,
#top_nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#top_nav2 a:hover ul ul,
#top_nav2 a:hover a:hover ul ul,
#top_nav2 a:hover a:hover a:hover ul ul,
#top_nav2 a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* Splash --------------------------------------- */

ul#splash_nav {position:relative;padding: 0 0 0;background: url(images/splash_nav.png) no-repeat top;height: 106px;width: 898px;}
ul#splash_nav li {float:left; list-style-type:none; }
ul#splash_nav li a {height:106px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none; }

li#navNew a, li#navMb a, li#navSe a {background:url(images/splash_nav.jpg) }

li#navNew a {background-position:0 0; width:299px; left:0; }
li#navNew a:hover {background-position:0 -106px }

li#navMb a {background-position:-299px 0; width:299px; left:299px; }
li#navMb a:hover {background-position:-299px -106px }

li#navSe a {background-position:-598px 0; width:299px; left:598px; }
li#navSe a:hover {background-position:-598px -106px }

#splashbanner {position:relative; }

#video {position:absolute; right:16px; top:70px; }


/* Seekers --------------------------------------- */

#promo {padding:5px 10px 5px; float:left;}
#campus_nav {float:left; background:url(images/seeker_campus_nav_bg.jpg) no-repeat; height:318px; }


#cola {float:left; width:565px; }
#colb {float:right; width:300px;margin:10px 11px 10px 0; background:url(images/seeker_colb.gif) no-repeat; height:318px; }
* html #colb {/* This is the Tan hack */ margin:10px 5px 10px 0; }

#colc {float:left; width:585px; margin-bottom:45px;}
#cold {float:left; width:300px; margin-top:10px;}

#colb_sub {padding:8px;}

#cold_2 {background:url(images/seeker_colb.gif) no-repeat; height:318px; }

.right_side {padding-top:8px; }

#campus_nav ul {margin-left: 0;padding-left: 0;list-style-type: none;font-family: Arial, Helvetica, sans-serif;}
#campus_nav li {width:297px; }
#campus_nav a {display: block;padding: 10px 0 10px 0;width:297px;border-bottom: 1px dashed #999;text-align:center;color:#000; font-weight:bold;}
#campus_nav a:link, #navlist a:visited{color: #000;text-decoration: none;}
#campus_nav a:hover{background-color: #c0c6db;color: #00136c;}

.campus_change {letter-spacing:0; color:#8b6a47; font-size:100%; text-align:center; text-decoration:none;}
.null_border a {border-bottom:0; }
.seeker_nav_sub {margin-bottom:10px; }

#seeker_nav, #member_nav {margin: 10px 0 0 10px;padding: 0;}
#seeker_nav ul, #member_nav ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center; width:876px; }
#seeker_nav ul li, #member_nav ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;}
#seeker_nav ul li a, #member_nav ul li a {background: #777aa7;width: 174px;height: 88px;border-left: 1px solid #f1c100;border-right: none;padding:0;margin: 0 0 0 0;color: #fff;text-decoration: none;display: block;text-align: center;font-size:10pt; font-weight:bold;vertical-align:middle}
#seeker_nav ul li a:hover,  #member_nav ul li a:hover {color: #ffea97;background: #7f82b1;}
#seeker_nav a:active, #member_nav a:active {background: #c60;color: #00136c;}
#seeker_nav li#active a,  #member_nav li#active a {background: #c60;border: 1px solid #c60;color: #fff;}

#seeker_subnav {margin-left:20px; margin-bottom:15px; margin-top:10px;}
#seeker_subnav li {display:inline; list-style-type:none; padding:3px; }
#seeker_subnav a {color:#dfdaaf; padding:4px;text-decoration:none;font-size:14pt;}
#seeker_subnav a:hover {color:#ccc79f; font-size:140%;}

ul#seeker_nav2 {position:relative;left:12px;padding: 0 0 0;background: url(images/seeker_nav.png) no-repeat top;height: 88px;width: 870px;}

ul#seeker_nav2 li {float:left; list-style-type:none; }
ul#seeker_nav2 li a {height:88px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none; }

ul#member_nav2 {position:relative;left:12px;padding: 0 0 0;background: url(images/member_nav.png) no-repeat top;height: 88px;width: 870px;}

ul#member_nav2 li {float:left; list-style-type:none; }
ul#member_nav2 li a {height:88px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none; }

li#navWho a, li#navWhat a, li#navWe a, li#navListen a, li#navWatch a {background:url(images/seeker_nav.jpg) }
li#navGiving a, li#navGroups a, li#navVolunteer a, li#navSermon a, li#navLive a {background:url(images/member_nav.jpg) }

li#navWho a, li#navGiving a {background-position:0 0; width:174px; left:0; }
li#navWho a:hover, li#navGiving a:hover {background-position:0 -88px }

li#navWhat a, li#navGroups a {background-position:-174px 0; width:174px; left:174px; }
li#navWhat a:hover, li#navGroups a:hover {background-position:-174px -88px }

li#navWe a, li#navVolunteer a {background-position:-348px 0; width:174px; left:348px; }
li#navWe a:hover, li#navVolunteer a:hover {background-position:-348px -88px }

li#navListen a, li#navSermon a {background-position:-522px 0; width:174px; left:522px; }
li#navListen a:hover, li#navSermon a:hover {background-position:-522px -88px }

li#navWatch a, li#navLive a {background-position:-696px 0; width:174px; left:696px; }
li#navWatch a:hover, li#navLive a:hover {background-position:-696px -88px }


/* Campus --------------------------------------- */

#campus_cola {float:left; width:210px; background:url(images/campus_tp_left_bg.jpg) repeat-x; margin-bottom:50px;}
#campus_colb {
	float:right;
	position:relative;
	width:680px;
}

#campus_cola_sh {float:left; width:210px; background:url(images/campus_sh_left_bg.jpg) repeat-x; margin-bottom:50px;}
#campus_cola_sb {float:left; width:210px; background:url(images/campus_sb_left_bg.jpg) repeat-x; margin-bottom:50px;}
#campus_cola_sh p {font-size:9pt; font-weight:bold; padding: 0 0 2px 15px; }

#campus_cola_sb p {font-size:9pt; font-weight:bold; padding: 0 0 2px 15px; }

#campus_cola_cvc {float:left; width:210px; background:url(images/campus_cvc_left_bg.jpg) repeat-x; margin-bottom:50px;}
#campus_cola_cvc p {font-size:9pt; font-weight:bold; padding: 0 0 2px 15px; }

#campus_cola h4 {font-size:11pt; padding:5px 0 4px 10px; text-decoration:underline;}
#campus_cola p {font-size:9pt; font-weight:bold; padding: 0 0 2px 15px; }

#campus_top {margin-top:5px; border-top:1px solid #999; }

#flash {margin-top:5px; }

#col11 {float:left; width:470px;}
#col22 {float:right; width:200px;}

.map {padding-top:30px;}
.box {height:170px; border:1px solid #999; margin-top:3px; width:470px;}
.box2 {height:270px; border:1px solid #999; margin-top:3px; width:470px;}

.campus_right_side {padding:5px 0 10px 5px;}
.lifegroups {margin-top:25px; }
.onlinegiving {margin-top:25px; }


#tp_nav {margin: 5px 0 0 0;padding: 0;}
#tp_nav ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center; width:680px; }
#tp_nav ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;}
#tp_nav ul li a {background: #c7e4ff;width: 134px;height: 48px;border-left: 1px solid #f5d7b4;border-right: none;padding:0;margin: 0 0 0 0;color: #00136c;text-decoration: none;display: block;text-align: center;font-size:10pt; font-weight:bold;vertical-align:middle}
#tp_nav ul li a:hover {color: #930;background: #f5d7b4;}
#tp_nav a:active {background: #c60;color: #00136c;}
#tp_nav li#active a {background: #c60;border: 1px solid #c60;color: #fff;}

#sh_nav {margin: 5px 0 0 0;padding: 0;}
#sh_nav ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center; width:680px; }
#sh_nav ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;}
#sh_nav ul li a {background: #d0a777;width: 134px;height: 48px;border-left: 1px solid #f5d7b4;border-right: none;padding:0;margin: 0 0 0 0;color: #ffead2;text-decoration: none;display: block;text-align: center;font-size:10pt; font-weight:bold;vertical-align:middle}
#sh_nav ul li a:hover {color: #930;background: #f5d7b4;}
#sh_nav a:active {background: #c60;color: #00136c;}
#sh_nav li#active a {background: #c60;border: 1px solid #c60;color: #fff;}

#sb_nav {margin: 5px 0 0 0;padding: 0;}
#sb_nav ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center; width:680px; }
#sb_nav ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;}
#sb_nav ul li a {background: #78d5c3;width: 134px;height: 48px;border-left: 1px solid #f5d7b4;border-right: none;padding:0;margin: 0 0 0 0;color: #ddfff8;text-decoration: none;display: block;text-align: center;font-size:10pt; font-weight:bold;vertical-align:middle}
#sb_nav ul li a:hover {color: #8cdbcb;background: #2abda0;}
#sb_nav a:active {background: #c60;color: #00136c;}
#sb_nav li#active a {background: #c60;border: 1px solid #c60;color: #fff;}

#cvc_nav {margin: 5px 0 0 0;padding: 0;}
#cvc_nav ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: center; width:680px; }
#cvc_nav ul li {display: block;float: left;text-align: center;padding: 0;margin: 0;}
#cvc_nav ul li a {background: #c4a2d4;width: 134px;height: 48px;border-left: 1px solid #f5d7b4;border-right: none;padding:0;margin: 0 0 0 0;color: #672886;text-decoration: none;display: block;text-align: center;font-size:10pt; font-weight:bold;vertical-align:middle}
#cvc_nav ul li a:hover {color: #fff;background: #b284c5;}
#cvc_nav a:active {background: #c4a2d4;color: #672886;}
#cvc_nav li#active a {background: #c4a2d4;border: 1px solid #c60;color: #672886;}

#tabs {margin-top:10px; }

#icons {padding-left:25px; padding-top:15px; }

#ministries_tp { width: 200px; position:relative;}

#ministries_tp ul {margin-left: 0;padding-left: 0;list-style-type: none;font-family: Arial, Helvetica, sans-serif;text-align:center}
#ministries_tp li {padding:4px; }
#ministries_tp a:link, #navlist_sub a:visited {color: #000;text-decoration: none;}

#ministries_tp a:hover {}



/* Sermons --------------------------------------- */

div#sermons_t caption {font: 9pt Arial; padding: 5px; letter-spacing: 1px; color: #fff; text-align: left; }
div#sermons_t table {width: 465px; }
div#sermons_t th {background: #999; font: 9pt Arial; color: #666; padding: 8px; }
div#sermons_t tbody td, tbody th {font: 8pt Arial; margin: 0; padding: 6px; text-align: center; }
div#sermons_t table, th, td {border-collapse: collapse; }
div#sermons_t tr.odd {background: #e2e0e0; height:50px; }
div#sermons_t tr.odd:hover {background: #eee; }
div#sermons_t tr.even {background: #fff; height:50px; }
div#sermons_t tr.even:hover {background: #eee; }
div#sermons_t td {padding: 0 10px; color:#666; }

#blanket {
   background-color:#111;
   opacity: 0.65;
   position:absolute;
   z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/
   top:0px;
   left:0px;
   width:100%;
}
#popUpDiv {padding-top:15px; padding-left:15px;
	position:absolute;
	background-color:#eeeeee;border:4px solid #333;
	width:430px;
	height:356px;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/ 
}

#popUpDiv a {color:#000; font-family:Arial, Helvetica, sans-serif; font-size:10pt;}