/* CSS for midcities */
* {margin:0;padding:0}
.hidden {display:none}
.left {float:left}
.right {float:right}
.clear {clear:both;}
/* structural elements */
html{background:url('images/bg.png') repeat-x #a5a29c}
body {background:url('images/bg_art.png') no-repeat top center}
#shell {width:787px;margin:0 auto;position:relative;font-family:Verdana, Helvetica, Arial, sans-serif;}
#nav {width:787px;height:38px;list-style-type:none;background:url('images/nav_bg.png') 1px 0px no-repeat;padding-left:100px}
#content {background:url('images/content_middle.png') repeat-y;color:#606060;font-size:10px;}
#sidebar {margin-left:3px;width:186px;float:left;padding-bottom:10px;}
#main {margin-right:10px;width:576px;float:right;}
#banner {width:551px;margin:10px 12px}
#banner.flash {height:226px;background:url('images/flash.png') no-repeat}
#footer {clear:both;width:787px;background:url('images/foot.png') no-repeat;padding-bottom:15px;margin-bottom:10px;font-size:10px;color:#fff}
/* headers */
h1 {width:345px;height:99px}
h1 span {display:block;width:345px;height:99px;text-indent:-99999pt;background:url('images/logo.png') no-repeat}
.tagline {color:#fff;position:absolute;top:60px;right:10px;text-indent:-99999pt;display:block;width:254px;height:16px;background:url('images/tagline.png') no-repeat;}
h2 {font-family:"Century Gothic", Verdana, Helvetica, Arial, sans-serif;background:url('images/h2.png') repeat-x;height:22px;padding:7px 10px;font-size:12px;color:#fff;letter-spacing:2px;font-weight:normal;margin-top:15px;}
h2 span {display:block;text-indent:-99999pt;height:15px;}
h2 .welcome {background:url('images/welcome.png') no-repeat;width:78px;}
h2 .new_to_mc {background:url('images/new_to_mc.png') no-repeat;width:158px;}
h2 .weekly_email {background:url('images/weekly_email.png') no-repeat;width:118px;}
h2 .featured_events {background:url('images/featured_events.png') no-repeat;width:145px;}
h2 .quick_links {background:url('images/quick_links.png') no-repeat;width:97px;}
h2 .study_guides {background:url('images/study_guides.png') no-repeat;width:115px;}
h2 .contact {background:url('images/contact.png') no-repeat;width:72px;}
h2 .connect {background:url('images/connect.png') no-repeat;width:230px;}
h3 {font-size:12px;color:#6B000F;padding:2px 10px;}
#main h3 {letter-spacing:2px;margin-top:5px;}
#sidebar h3 {color:#666;margin-top:10px}
h4 {font-size:12px;padding:2px 10px}
/* nav lists */
#nav li {float:left;padding-top:2px}
#nav .first a {border-left:1px solid #8b0013}
#sidebar .links, #quicklinks {list-style-type:none;}
#quicklinks li {float:left;}
#footer p {float:right;padding-right:10px;padding-top:10px}
.catlist ul{list-style-position:inside;margin-left:20px;margin-top:10px;border-top:2px solid;padding-top:10px}
.catlist li{margin-bottom:10px;font-size:16px;font-weight:bold}
#main .catlist li form{margin:0px 10px 0px 0px;padding:0}
.hnav{list-style-type:none}
.hnav li{float:left;margin:5px}
/* dropdown */
#nav{position:relative;z-index:100}
#nav ul{font-family:Verdana, Arial, Helvetica, sans-serif}
#nav ul{font-size:8px}
#nav ul{font-style:normal}
#nav li{font-family:Verdana, Arial, Helvetica, sans-serif}
#nav li{font-size:8px}
#nav li{font-style:normal}
#nav li{position:relative}
#nav ul{list-style-type:none;width:149px;visibility:hidden;position:absolute;height:0;top:17px;left:0;padding-top:13px}
#nav ul li{padding:0}
#nav ul li a{text-indent:0; background:#6b0008 !important;}
#nav ul li a:hover{background:#820012 !important;}
#nav table{position:absolute;top:0;left:0;border-collapse:collapse}
#nav li:hover ul, #nav a:hover ul{visibility:visible}
#nav ul ul{top:-13px;width:149px}
#nav :hover ul ul{visibility:hidden}
#nav :hover ul :hover ul{ visibility:visible}
#nav .about ul ul,#nav .about_espanol ul ul{left:117px;}
#nav .about ul a,#nav .about_espanol ul a{width:137px}
#nav .about ul ul,#nav .about_espanol ul ul{left:158px}
#nav .ministries ul ul,#nav .ministries_espanol ul ul{left:119px;}
#nav .ministries ul a,#nav .ministries_espanol ul a{width:145px}
#nav .ministries ul ul,#nav .ministries_espanol ul ul{left:164px}
#nav .events ul ul,#nav .events_espanol ul ul{left:116px;}
#nav .events ul a,#nav .events_espanol ul a{width:137px}
#nav .events ul ul,#nav .events_espanol ul ul{left:158px}
#nav .giving ul ul,#nav .giving_espanol ul ul{left:117px;}
#nav .giving ul a,#nav .giving_espanol ul a{width:137px}
#nav .giving ul ul,#nav .giving_espanol ul ul{left:158px}
#nav .media ul ul,#nav .media_espanol ul ul{left:118px;}
#nav .media ul a,#nav .media_espanol ul a{width:137px}
#nav .media ul ul,#nav .media_espanol ul ul{left:158px}
/* quicklinks */
#quicklinks a {display:block;margin:10px 0px 0px 15px;padding-top:10px;font-size:12px;text-indent:-99999pt; font-weight:bold;letter-spacing:2px;color:#6B000F;text-decoration:none;float:left;height:36px}
#quicklinks .prayer a {background:url('images/submit_prayer.png') no-repeat;padding-left:45px;width:223px;}
#quicklinks .watch a {background:url('images/watch.png') no-repeat;padding-left:40px;width:228px;}
#quicklinks .evite a {background:url('images/evite.png') no-repeat;padding-left:42px;width:228px;margin-left:19px;}
#quicklinks .subscribe a {background:url('images/subscribe.png') no-repeat;padding-left:30px;width:230px;margin-left:21px;}
/* content */
#content p {padding:0px 10px}
.article ul {padding-left:10px;margin-left:15px;}
.strong {font-weight:bold}
.article {clear:both;padding:5px}
.article p {margin-bottom:5px;}
.article img.left {margin-right:5px}
/* forms */
#sidebar input {width:164px;margin:2px 10px;border:1px solid #999;color:#999;}
#sidebar .button {width:auto;float:right;}
#main form {padding:10px 15px;}
.button {background-color:#6B000F;border:none;color:#fff;padding:2px 5px;font-size:12px;text-decoration:none;}
a.button {display:block;padding:5px;}
a.button:hover {color:#fff;}
.button.solo {margin:10px;}
.field {margin-bottom:10px;}
.field label {display:block;font-size:12px;margin-top:5px;margin-bottom:2px;letter-spacing:2px;}
.field .error {display:block;color:#C00;margin-bottom:2px;}
.checkbox input.left {margin-right:5px;}
.checkbox {float:right;margin-top:10px;width:180px;margin-right:60px;}
.checkbox label {margin:0;}
/* links */
a {color:#6B0007;text-decoration:underline;}
a:hover {text-decoration:none;color:#820012;}
#nav a {display:block;float:left;padding:6px 10px;border-right:1px solid #8b0013;color:#fff;text-decoration:none;font-size:11px;letter-spacing:2px;text-indent:-99999pt; font-family: Helvetica, sans-serif; font-style:normal}
#nav a:hover, .hnav a:hover, .hnav a.active {background:#8b0013}
#sidebar .links a {color:#666;text-decoration:none;font-size:12px;display:block;padding:5px 10px;font-weight:bold;}
#sidebar .links a:hover {color:#fff;background:#666;}
a.toggle {color:#fff;text-decoration:none;float:right;}
a.register {background-color:#6B000F;color:#fff;font-size:12px;display:block;padding:5px;text-decoration:none;width:105px;margin-left:10px}
#cat_nav a{padding:0px 0px 0px 7px;background:url(images/tab_left.png) no-repeat top left;letter-spacing:3px}
#cat_nav a span{display:block;padding:5px 7px 5px 0;background:url(images/tab_right.png) no-repeat top right}
#cat_nav a:hover, #cat_nav a.active{background-image:url(images/tab_left_over.png)}
#cat_nav a:hover span, #cat_nav a.active span{background-image:url(images/tab_right_over.png)}
/* nav images */
#nav .about a {background:url('images/about.png') no-repeat;width:97px;}
#nav .ministries a {background:url('images/ministries.png') no-repeat;width:98px;}
#nav .events a {background:url('images/register.png') no-repeat;width:96px;}
#nav .giving a {background:url('images/giving.png') no-repeat;width:97px;}
#nav .media a {background:url('images/media.png') no-repeat;width:98px;}
#nav .about a:hover {background:url('images/about_over.png') no-repeat;}
#nav .ministries a:hover {background:url('images/ministries_over.png') no-repeat;}
#nav .events a:hover {background:url('images/register_over.png') no-repeat;}
#nav .giving a:hover {background:url('images/giving_over.png') no-repeat;}
#nav .media a:hover {background:url('images/media_over.png') no-repeat;}
/* spanish nav images */
#nav .about_espanol a {background:url('images/espanol/sobre_nosotros.png') no-repeat;width:97px;}
#nav .ministries_espanol a {background:url('images/espanol/ministerios.png') no-repeat;width:98px;}
#nav .events_espanol a {background:url('images/espanol/registrar.png') no-repeat;width:96px;}
#nav .giving_espanol a {background:url('images/espanol/ofrendas.png') no-repeat;width:97px;}
#nav .media_espanol a {background:url('images/espanol/media.png') no-repeat;width:98px;}
#nav .about_espanol a:hover {background:url('images/espanol/sobre_nosotros_over.png') no-repeat;}
#nav .ministries_espanol a:hover {background:url('images/espanol/ministerios_over.png') no-repeat;}
#nav .events_espanol a:hover {background:url('images/espanol/registrar_over.png') no-repeat;}
#nav .giving_espanol a:hover {background:url('images/espanol/ofrendas_over.png') no-repeat;}
#nav .media_espanol a:hover {background:url('images/espanol/media_over.png') no-repeat;}
/* lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }