/* Open Bible Ministries Styles black and gray */


	body {
		
	        margin-left: auto; margin-right: auto;
        	padding:0;
	        border:0;
	        width:970px;
	        background: #000000;
		font-size: 98%;
	}



	p {font-family: Georgia, "Times New Roman", Times, serif; text-align: left; font-size: .9em; color: #333;}



	/* Link styles */


		a:link {text-decoration: underline;}
		a:visited {text-decoration: underline; color: #666;}
		a:hover {text-decoration: underline; color: red;}
		a:active {text-decoration: underline; color: #000066;}


	/* Heading styles */


		h1, h2, h3, h4, h5, h6 {font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; text-align: left;}
		h1 {font-size: .9em; font-weight: bold; color: #333; letter-spacing: .02em;}
		h2 {font-size: 1.1em; font-weight: bold; color: #000;}
		h5 {font-size: 1.0em; font-weight: bold; color: #000;}
		h6 {font-size: 1.0em; font-style: italic;}


	/* Header styles */
    
		
		#header {clear: both; float: left; width:970px; height: 200px; background: #c0c0c0;}
		
		#obmtitle {clear: both; float: left; position: relative; width: 770px; left: 30px; top: 10px;}
		
		#pic1 {position: absolute; left: -10px; top: -20px; z-index: 3; border: 3px solid white;}

		#pic2 {position: absolute; left: 750px; top: 12px; border: 2px solid white;}

		#title h1 {position: relative; left: 260px; top: 10px; font-family: times new roman; font-size: 2.5em; font-weight: bolder; color: #000;}
		#title h4 {position: relative; left: 250px; top: 10px; color: #000; font-size: 1.2em;}


		

		


	/* Top navigation bar */


	
		#topnav {
			
			padding:8px 25px 8px 8px;
			text-align: right;
			background: #676767;
			letter-spacing: 0.06em;
			font-size: .75em;
			text-transform: uppercase;
			color: #fff;
			vertical-align: middle;
			font-weight: bold;
			font-family: "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;}

		#topnav a:link {letter-spacing: 0.06em; color: #fff; text-decoration: none;}
		#topnav a:visited {color: #ffffff; text-decoration: none;}
		#topnav a:hover {color: #ffffff; text-decoration: underline;}
		#topnav a:active {color: #fff;}


	/* Left Navigation Bar Styles */


	
/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */

.menu {font-family: "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; 	letter-spacing: .06em; font-size: .72em; font-weight: bolder; margin-left: 4px; 	margin-top: 4px; margin-bottom: 4px;}

.menu ul {padding-right: 0px; padding-left: 0px; z-index: 500; padding-bottom: 	0px; margin: 0px; width: 12em; padding-top: 0px; list-style-type: none; position: relative}

.menu li {float: left; background-color: #676767;}

.menu li.sub {background-color: #676767;}

.menu table {margin-top: -1px; font-size: .75em; z-index: 100; left: 0px; 	position: absolute; top: 0px; border-collapse: collapse}

.menu a {border-right: #fff 1px solid; border-top: #fff 1px solid; display: block; padding-left: 1em; font-weight: bold; text-transform: uppercase; border-left: #fff 1px solid; width: 14em; color: #fff; line-height: 2.4em; border-bottom: none; font-style: normal; height: 2.4em; font-variant: normal; text-decoration: none}

.menu a:visited {border-right: #fff 1px solid; border-top: #fff 1px solid; 	display: block; padding-left: 1em; font-weight: bold; text-transform: uppercase; border-left: #fff 1px solid; width: 14em; color: #fff; line-height: 2.4em; border-bottom: none; font-style: normal; height: 2.4em; font-variant: normal; text-decoration: none}

.menu b {float: right; margin-right: 5px}

* html .menu a {width: 12em}
* html .menu a:visited {width: 12em}
* html .menu a:hover {font-weight: normal; text-transform: uppercase; color: 	#676767; font-style: normal; position: relative; background-color: #999999; 	font-variant: normal; text-decoration: underline}

.menu li:hover {position: relative}

.menu a:active {font-weight: bold; text-transform: uppercase; color: #fff; 	font-style: normal; background-color: #cococo; font-variant: normal; 	text-decoration: underline}

.menu a:focus {font-weight: bold; text-transform: uppercase; color: #fff; 	font-style: normal; background-color: #cococo; font-variant: normal; 	text-decoration: underline}

.menu li:hover > a {font-weight: bold; text-transform: uppercase; color: #000; font-style: normal; background-color: #cococo; font-variant: normal; 	text-decoration: underline}

.menu li ul {padding-right: 2em; padding-left: 2em; left: 11em; visibility: 	hidden; padding-bottom: 2em; line-height: 2.6em; padding-top: 2em; position: 	absolute; top: -2em; background-color: transparent}

.menu li:hover > ul {visibility: visible}

.menu ul a:hover ul ul {visibility: hidden}

.menu ul a:hover ul a:hover ul ul {visibility: hidden}

.menu ul a:hover ul a:hover ul a:hover ul ul {visibility: hidden}

.menu ul a:hover ul {visibility: visible}

.menu ul a:hover ul a:hover ul {visibility: visible}

.menu ul a:hover ul a:hover ul a:hover ul {visibility: visible}

.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {visibility: visible}


	/* column container */



		.colmask {

			position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
		  	clear:both;
			float:left;
			width:970px;			/* width of whole page */
			overflow:hidden;	/* This chops off any overhanging divs */
		
		}




	/* 2 column left menu settings */



		.leftmenu {background: #c0c0c0;}

		.leftmenu .colright {
       	
			float:left;
		        width:200%;
			position:relative;
			left:200px;
			background: #000000;
			border-left: 10px solid white;

	   	}


   		.leftmenu .col1wrap {float:right; width:50%; position:relative;	right:200px; padding-bottom:1em;}

		.leftmenu .col1 {margin:20px 0 0 215px; position:relative; right:100%; overflow:hidden;}

	  	.leftmenu .col2 {float:left; background: #c0c0c0; width:180px; height: 625px; position:relative; right:200px;}



	/* Main content area styles */



		#maincontent {position: relative; left: 0px; top: 0px; width: 770px; height: 800px;; padding-top: 25px; padding-left: 25px; background: #c0c0c0;}

		
		#maincontent h3 {font-size: 1em; text-transform: uppercase; font-weight: bold; color: #000; letter-spacing: .02em;}


		#leftcol {width: 150px; float: left; margin-left: 20px; margin-right: 20px;}

		#leftcol img {margin-top: 25px; margin-right: 20px;}


 		#rightcol {width: 470px; float: right; margin-right: 90px;}


		#leftpic {position: relative; float: left; width: 150px; margin-top: 0px;}

		   #leftpic h5 {width: 150px; text-align: center; font-size: .8em; margin-top: 8px; margin-left: 0px;}
		   #leftpic img {margin-left: -5px; margin-top: 10px;}

		#letter {position: relative; float: left; width: 430px; margin-right: 5px; padding: 0px 20px 20px 25px;}

		   .title {font-size: 1.3em;}
		   .author {font-size: .8em;}

		.scripture {color: red; text-align: justify;}

		.star {margin-top: 25px; margin-bottom: 8px;}
		
		#pagedir {float: right; margin-right: 0px; margin-bottom: 25px; font-size: .8em;}


	/* photo gallery pages styles */


		.p1 {margin-left: 125px; font-size: .7em;}
		.photos {float: left; width: 150px; margin-left: 20px; margin-right: 20px;}

		.photos1 {float: left; width: 150px; margin-left: 25px;}

		.photos h5 {text-align: center; font-size: .9em; margin-bottom: 10px;}
		.photos1 h5 {text-align: center; font-size: .9em; margin-bottom: 10px;}


		#photorow1,#photorow2,#photorow3,#photorow4,#photorow5,#photorow6,#photorow7,#photorow8, photorow9 {clear: both; margin-left: 40px;}

		#photorow1 img {border: 2px solid #000;}
		#photorow2 img {border: 2px solid #000;}
		#photorow3 img {border: 2px solid #000;}
		#photorow4 img {border: 2px solid #000;}
		#photorow5 img {border: 2px solid #000;}
		#photorow6 img {border: 2px solid #000;}
		#photorow7 img {border: 2px solid #000;}
		#photorow8 img {border: 2px solid #000;}
		#photorow9 img {border: 2px solid #000;}

		
	/* drop cap style */


		.dropcap {color: black; font-family: times new roman; font-size: 200%; font-weight: 900;}

		


	/* Footer styles */

	#footer {

        clear:both;
        float:left;
        width:970px; background: #676767;
		
    }
    #footer p {
        padding:10px; color: white;
        margin:0;
    }