/***********************************************/
/* omahabiblechurch.css                        */
/*                                             */
/* based on one from www.sunsetpres.org, used  */
/* with permission                             */
/*                                             */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

/* body{background-color: #76602c; } */
body{background-color: #b69e65; font-size: 100%; font-family: Arial,sans-serif; line-height: 1.166; color: black; margin: 0px;  }

/******* hyperlink and anchor tag styles *******/
a:link, a:visited{color: #a21913; text-decoration: none;}
a:hover{color: #a21913; text-decoration: underline;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/*this version uses absolute/relative positioning between the side columns and their respective faux column containers. */
/* see notes on min and max width above
/* the content is first in the markup followed by the two side columns*/
/* this "content-first" markup is good for accessability and search engine optimization */
div#mainwrap {width:770px; /* sets the width */
	margin: 10px 10px 10px 10px;
	border: 3px solid white;
	margin-left:auto; margin-right:auto; /* centers the layout in SCBs */
	background-color: black;
	font-size: 80%;
	padding: 0px; 
	text-align:left; /* stops elements inheriting the body's text-center */
	}
div#contentarea {background-color:#FFF; 
	clear: both;
	position:relative; /* set positioning context  for left sidebar div */
	min-height: 400px; padding: 5px;
	}
div#contentarea2 {background-color:#FFF; 
	position:relative; /* set positioning context  for right sidebar div */
	}
	
/************** header styles *****************/
#header{font:70% Verdana,sans-serif; text-align:right; background-color: black; color: white; padding: 3px 10px 3px 0; }
#header a{color: white;}
#header a:hover{text-decoration: underline;}

/************** header tag styles **************/
h1{font: bold 200% Arial,sans-serif; color: black; margin: 0px; padding: 0px;}
h2{font: bold 150% Arial,sans-serif; color: black; margin:0px;padding: 0px;}
h3{font: bold 100% Arial,sans-serif; color: black; margin: 0px; padding: 0px;}
h4{font: 75% Arial,sans-serif; color: black; margin: 0px; padding: 0px;}
h5{font: bold 100% Arial,sans-serif; color: black; margin: 0px; padding: 0px;}

/************* globalNav styles ****************/
#globalNav{clear: both; height: 1.1em; padding: 0px; margin: 0px;	background-color: #000;}
#globalNav * {margin: 0px; padding: 0px}
#globalLink{position: relative;	top: .1em; height: 1.0em; padding: 0px; margin: 0px; left: 0px; z-index: 100;}
a.glink, a.glink:visited{font-size: 12px; color: #cccc99; font-weight: bold; margin: 0px; padding: 2px 5px 4px 5px;}
a.glink:hover{text-decoration: none;}

/************* banner picture styles ****************/
#bannerpic {clear: both; width: 100%; background-color: black; height: 120px; text-align: center;}

/************* breadcrumb styles ****************/
#breadCrumb{clear: both; padding: 0px 0px 3px 10px; font: small Verdana,sans-serif; color: silver; background-color: black;  border-bottom:2px solid silver; height: .9em;}
#breadCrumb a{color: silver;}
#breadCrumb a:hover{color:silver; text-decoration:underline;}

/************** pageName styles ****************/
#pageName{clear: both; padding: 5px 0px 5px 10px; margin: 0px; background-color: black; color: silver; font: bold 150% Arial,sans-serif; border-top:1px solid silver; height: 1.25em; }
#pageName a {color: silver;}
#pageName a:hover {color: silver;}

/************** urgent styles ****************/
#urgent{padding: 10px 10px 10px 10px; margin: 10px 10px 10px 10px; background-color: #FFFFFF; color:#000000; border-color:#ee0000; border-style:solid; font-size:smaller; text-align:center;}

/************ main Content styles **************/
#contentContainer{margin: 5px 5px 5px 5px; background-color: #FFFFFF; min-height: 400px;}

/************ rightNav styles **************/
#rightCol{padding: 0px 0px 0px 0px; width:130px; background-color: #FFFFFF; margin: 5px 5px 5px 5px}
#rightNav{padding: 3px 0px 0px 0px; background-color: #7e3a3b; font: small Verdana,sans-serif; color: white; font-size:80%;}
#quickNav{padding: 3px 0px 0px 0px; background-color: #7e3a3b; font: small Verdana,sans-serif; color:  white; font-size:80%;}

/************** siteInfo styles ****************/
#siteInfo{clear: both; border-top: 2px solid #e0d077; font-size: 80%; color: #e0d077; background-color: black; padding: 10px 10px 10px 10px; margin-top: 0px;}
#siteInfo img{ padding: 4px 4px 4px 0px; vertical-align: middle;}
#siteInfo a:link, #siteInfo a:visited{ color: #e0d077;}

/************* relatedLinks styles **************/
#relatedLinks{margin: 0px; padding: 0px 0px 0px 0px; background-color: #e0d077; color: black; font-weight: normal; padding: 3px 3px 3px 5px; text-align: left}
#relatedLinks a:link, #relatedLinks a:visited { display: block; margin: 0px; padding: 2px 3px 2px 0px; color: black;}
#relatedLinks a:hover{text-decoration:underline;}

/************* table styles **************/
.tableHeader {
        border: 0px solid black;
	background-color: #e0d077;
	color: black;
	/* font-size: 80%; */
}
.tableData {
	/* font-size: 80%; */
	/*font-family: verdana, Helvetica; */
}
.tableDataOdd {
	background-color: #ffffff;
	/* font-size: 80%; */
	/* font-family: verdana, Helvetica; */
}
.tableDataEven {
	background-color: #eeeeee;
	/* font-size: 80%; */
	/* font-family: verdana, Helvetica; */
}

/********************* DHTML MENU ***************/
/* the horizontal menu starts here */
/* tan background: #cccc99 */
div#dhtmlmenu {color:#FFF; width:100%; float:left; font-size: .8em; background-color:#000; border-top:1px solid #e0d077 ; border-bottom:1px solid #e0d077; }

div#dhtmlmenu ul {margin:0 0 0 0; }

div#dhtmlmenu li {float:left;	position:relative; list-style-type:none;	background-color:#000; 
					  border-right:1px solid #e0d077; }

div#dhtmlmenu li:first-child {border-left:1px solid #e0d077; }

div#dhtmlmenu li:hover {font-color: #FFFFFF; background-color:#e0d077; }

div#dhtmlmenu a {display:block; padding:0 6px; text-decoration:none;	color:#FFF;	} 

div#dhtmlmenu a:hover {color:#000; }
/* the horizontal menu ends here */

/* the drop-down starts here */
div#dhtmlmenu ul li ul {margin:0; position:absolute; width:12em; left:-1px; }

div#dhtmlmenu ul li ul li {width:100%; border-left:1px solid #e0d077; border-bottom:1px solid #e0d077;
                          border-right:1px solid #e0d077; padding:0 0 1px; }

div#dhtmlmenu ul li ul li:first-child {border-top:1px solid #e0d077; }

/* make the drop-down display as the menu is rolled over */

div#dhtmlmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */

div#dhtmlmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */

body div#dhtmlmenu ul li ul li ul  {visibility:hidden; top:-1px; left:12em; }

div#dhtmlmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* another level of pop-outs */

div#dhtmlmenu ul li ul li:hover ul li ul {display:none;} /* conceals the drop-down when menu not hovered */

div#dhtmlmenu ul li ul li ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* THE HACK ZONE - */

/* hack for IE (all flavors) so the menu has a vertical line on the left */

/* * html div#dhtmlmenu ul {float:left; border-left:1px solid #e0d077; margin-left:15px; } */
* html div#dhtmlmenu ul {float:left; border-left:1px solid #e0d077; margin-left:0px; }

/* add a top line to drops and pops in IE browsers - can't read :first-child */

* html  div#dhtmlmenu ul li ul {border-top:1px solid #e0d077; border-left:0px; }

/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */

* html  div#dhtmlmenu ul li ul li ul {left:11.85em; voice-family: "\"}\""; voice-family:inherit; left:12em; }

/* and the "be nice to Opera" rule */

html>body div#dhtmlmenu ul li ul li ul {top:-1px; left:12em; }

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */

/* the first-level drop stays open for 100px below the bottom but at least it works */

/* this can be reduced to as little as 22px if you don't have pop-outs */

/* the pop-out menu stays open for 22px below the bottom but at least it works */

	@media all and (min-width: 0px){

   body div#dhtmlmenu ul li ul {padding-bottom:70px;}

   body div#dhtmlmenu ul li ul li ul {padding-bottom:22px;}

   body div#dhtmlmenu ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */
   }

/*end Opera hack */

/* end of hack zone */

/* END OF LIST-BASED MENU */

/********************* end **********************/