/*----------------------------------------------
 CSS by Andrew Krespanis for Jajopa Web Design
 (C) 2005 Jajopa Web Design.
 2.10.06
 ----------------------------------------------*/
 
/*----------------------
global white space reset 
****** !important ****** 
-----------------------*/ 
* { margin:0; padding:0; } 

/*----------------------------
Outer Elements & containers
----------------------------*/
body { 
	font:77% Arial,Georgia, "Lucida Bright", Times, serif;
	color:#000;
	background:#0A1E32 url(body.gif);
}  
#wrap { 
	position:relative;
	width:756px;
	left:50%;
	margin-left:-378px;
	margin-bottom:50px;
	border-bottom:1px solid #A5C6E6;
	background:#A5C6E6 url(wrap_single.gif) repeat-y;
}
body.threecol div#wrap {
	background-image:url(wrap_3col.gif);
}

/*------------
HTML Elements
------------*/
h2 {
	margin:.5em 0 0.5em;
	color:#AF0300;
	font-size:1.8em;
	font-weight:normal;
	line-height:1.2;
}
h3 {
	font-size:1.2em;
	margin-top:.5em;
	color:#00274E;
	line-height:1.3;
}
hr {
	display:none;
}
p {
	line-height:1.5;
	margin-bottom:5px;
}
a {
	color:#044585;
}
a:hover, a:focus, a:active {
	color:#0053a4;
	text-decoration:none;
}

/*-------
Header
-------*/
#header {
	height:113px;
	margin:0 3px;
	background:#fff url(head.gif) repeat-x;
}
#header h1 {
	position:relative;
	width:247px;
	height:76px;
	left:15px;
	top:20px;
	background:#21466C url(logo.gif) no-repeat;
}
#header h1 a {
	display:block;
	height:76px;
	background:transparent url(logo.gif) no-repeat;
	text-indent:-1000em;
	text-decoration:none;
}
div#mContainer {
	position:absolute;
	top:5px;
	right:3px;
	width:350px;
	height:108px;
}

.mPhoto {
	position:absolute;
	top:0px;
	left:0px;
	filter:Alpha(opacity=0);
}

a#pauseBtn {
	position:absolute;
	right:188px;
	top:9px;
	width:3.4em;
	display:block;
	font-size:85%;
	background:transparent url(mnu.gif) repeat-x left bottom;
	color:#d4e0ec;
	border:1px solid #0659ac;
	border-color:#0659ac #032648 #032648 #0659ac;
	text-align:center;
	text-decoration:none;
}
a#pauseBtn:hover {
	text-decoration:underline;
	background-position:left top;
	border-color:#106bc5 #032648 #032648 #106bc5;
}
/*----------------
Header Navigation
----------------*/
ul#topNav {
	position:absolute;
	right:0;
	z-index:999;
	padding:0 7px 0 0;
	margin:0 3px;
	list-style:none;
	text-align:right;
	font-size:90%;
	background-position:right bottom;
	background-repeat:no-repeat;
}
ul#topNav li {
	display:inline;
	padding:0 5px 0 10px;
	line-height:2;
}
ul#topNav a {
	color:#EBC0BF;
	text-decoration:none;
}
ul#topNav a:hover, ul#topNav a:focus, ul#topNav a:active {
	color:#fff;
	text-decoration:underline;
}
li#skip {
	position:absolute;
	left:-1000em;
	top:-1000em;
}
ul#topNav li#home {
	padding-right:12px;
	background:transparent url('topNav_disc.gif') no-repeat 100% 50%;
}

/*---------------
Main Navigation
----------------*/
ul#udm {
	margin-left:3px;
	background:#003264 url(mnu.gif) repeat-x left bottom;
	border-top:1px solid #fff;
	border-bottom:3px solid #5392D0;
	width:741px !important;
	padding-left:9px;/*9 to 5*/
}
/*------------
CONTENT
-------------*/

#content {
	float:left;
	width:100%;
	padding:5px 0 0;
	background:transparent url(mnu_shadow_single.gif) no-repeat 3px 0;
}
body.threecol #content {
	padding-bottom:25px;
	background-image:url('mnu_shadow_3col.gif');
}

#contBody {
	background:transparent url(cont_foot.gif) no-repeat left bottom;
	padding:14px 51px 34px 212px;
	margin:0 3px;
}

/* Removed
	#contBody img {
	float:right;
	margin:0 0 1px 10px;
	border:1px solid #A5C6E6;
	padding: 4px;
	background: #fff;
	}
*/

body.threecol h3 {
	font-size:1em;
}

p.qlink {
	padding-left:11px;
	background-image:url(disc.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
}
p.note {
	font-style:italic;
}

img.left {
	float:left;
	margin:0 10px 1px 0;
	border:1px solid #A5C6E6;
	padding: 4px;
	background: #fff;
}
img.right {
	float:right;
	margin:0 0 1px 10px;
	border:1px solid #A5C6E6;
	padding: 4px;
	background: #fff;
}

img#pright {
	float:right;
	margin:0 0 1px 10px;
	border:1px solid #A5C6E6;
	padding: 4px;
	background: #fff;
}

body.threecol img.left, body.threecol img.right {
	border-color:#6487AA;
}

img.block {
	display:block;
	margin-top:1.2em;
	border:1px solid #6487AA;
}
div.hr {
	margin:1em 0 .5em;
	height:1px;
	border-top:1px dashed #6487AA;
}
div.hr2 {
	margin:1.5em 0 1em;
	height:1px;
	border-top:1px solid #6487AA;
}
/*-- 'Worship Schedule' --*/
dl.schedule dt {
	float:left;
	width:4em;
}
dl.schedule dd {
	padding-left:4.3em;
}
/*-- 'Upcoming Events' --*/
div.event {
	margin:0 0 1em;
}
#wrap div.event p {
	line-height:1.4;
}
/*-----------------
Home Page Columns
------------------*/
#intro, #details, #news {
	float:left;
	position:relative;
	font-size:.95em;
	padding-top:4px;
}
#intro {
	width:202px;
	margin-left:33px;
}

#details {
	width:212px;
	margin-left:33px;
}

#news {
	width:205px;
	margin-left:39px;
}
/*--------------
Form styles
---------------*/
input.txt {
	margin-bottom:8px;
	padding:4px;
	width:165px;
	border:1px solid #010101;
	background:#fff;
	display:block;
	font:97%/1.5 Arial,Georgia, "Lucida Bright", Times, serif; 
}
input.btn {
	padding:1px 3px;
	border:2px solid #010101;
	background:#0C2B4A;
	color:#fff;
	font:97%/1.5 Arial,Georgia, "Lucida Bright", Times, serif; 
	cursor:pointer;
}
/*--------
Footer
---------*/
#footer {
	clear:both;
	height:54px;
	margin:0 3px;
	background:#21466C url(foot.gif);
	border-bottom:2px solid #D7E6F4;
	color:#A5C6E6;
	font:88%/1.1 Arial, Tahoma, Verdana, sans-serif;
}
#smlLogo {
	width:30px;
	height:30px;
	margin:12px 4px 0 15px;
	float:left;
	background:transparent url(footer_logo.gif) no-repeat;
}
#footer address {
	font-style:normal;
	margin-left:5px;
	display:block;
	padding-top:12px;
}
#footer address span {
	padding:0 10px 0 8px;
	border-right:1px solid;
}
#footer ul {
	margin:4px 0 3px;
}
#footer li {
	list-style:none;
	display:inline;
	padding:0 10px 0 8px;
	border-right:1px solid;
}
#footer li.first {
	padding-left:none;
}
#footer .last, #footer span.last {
	border:none;
}
#footer a {
	color:#A5C6E6;
	text-decoration:underline;
}
#footer a:hover, #footer a:focus, #footer a:active {
	color:#fff;
}

/*--------
Misc
---------*/
.asterisk {
	font-size: 13px;
	font-weight: bold;
	color:  #AF0300;
		}

table#register 	{
	text-align: left;
	line-height: 17px;
	margin: 12px 25px 7px 0px;
}
	
table#register td	{
	text-align: left;		
}

table#register.txt {
	margin-bottom:8px;
	padding:4px;
	border:1px solid #010101;
	background:#fff;
	display:block;
	font:97%/1.5 Arial,Georgia, "Lucida Bright", Times, serif; 
}

h4 {
	font-size:1.2em;
	margin-top:.5em;
	color:#00274E;
	line-height:2.0;
}

table.sermons {
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	margin: 15px 0px 0px 0px;
	text-align: left; 
}

table.sermons td {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;	
	vertical-align: middle; 
	padding: 5px;
}

table.sermons tr.white {
	background-color: #003D78;
	color: #fff;
}
	
table.sermons tr.blue {
	background-color: #8AB5DF; 
	padding: 5px;
}

table.sermons tr.ltblue {
	background-color: #B4D0EA; 
	padding: 5px;
}

table.sermons img {
  border: none;
  padding-left:8px;
}

/*---------------------
EXTRA RULES FOR IE MAC
---------------------*/
/*\*//*/
body {font-size:82%;}
div ul#topNav {
position:absolute;
right:0;
float:none;
}
div ul#udm {
font-size:105%;
}
div#wrap {position:absolute;}
div#footer {
position:relative;
margin-bottom:-3px;
}
div#footer #smlLogo {
float:none;
position:absolute;
left:0px;
top:0px;
}
#footer ul, #footer address {
margin-left:56px;
}
/**/