@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0px;}

/* body {text-align:center; font:13px verdana; background-color:#4caef7; color:#434343; }*/

body {text-align:center; font:13px verdana; background-color:rgb(136,184,230); color:#434343; }

.clear {clear:both;}

p {line-height:20px;}

/*#wrapper {text-align:center; width:100%; background:url(../images/bod4god_bg.jpg) repeat-x;}*/
#wrapper {text-align:center; width:100%; background:url(../images/bod4god_bg2.jpg) repeat-x;}

#container {width:740px; margin:0px auto;}

/*#banner {width:740px; height:30px; background:url(../images/bod4god_banner.png) no-repeat; display:block; padding-top:104px;} */
#banner {width:740px; height:174px; background:url(../images/newbanner.png) no-repeat; display:block; padding-top:0px;}

/* begin main menu */

/*#navBar {height:30px; float:right; padding-right:5px;} */
#navBar {height:30px; float:right; padding-right:0px;padding-top:144px;}

#navBar ul {margin:0px; padding:0px;}

#navBar ul li {float:left; list-style:none; width:110px; height:30px; margin-left:2px;repeat-x;}

#navBar ul li a {height:20px; padding-top:10px;font:14px,arial; 
 font-weight:bold; color:#fff; text-align:center; text-decoration:none; display:block; background:url(../images/bod4god_btn_org.jpg) }

#navBar ul li a:hover {color:#fff; background:url(../images/bod4god_btn_over.jpg) repeat-x;}

#home #mainMenu .home a, #aboutb4g #mainMenu .aboutb4g a, #stories #mainMenu .stories a, #location #mainMenu .location a {color:#fff; background:url(../images/bod4god_btn_over.jpg) repeat-x;}

/* end main menu */

#content_wrapper {background-color:#fff; padding:10px}
 
/*#middle {height:248px; background-color:#f2f2f2;}*/
#middle {height:285px; background-color:#f2f2f2;}

/*#mid_left {float:left; width:325px; height:238px; padding:5px 0px 0px 5px}*/
#mid_left {float:left; width:325px; height:240px; padding:5px 0px 0px 5px}

/*#mid_right {float:right; width:378px; margin-left:10px;}*/
#mid_right {float:right; width:378px; margin-left:10px; padding-top:5px;}

/*.leftBox {float:left;background-color:#e5e5e5; width:316px;  margin-bottom:2px; margin-left:4px}*/
.leftBox {float:left;background-color:#e5e5e5; height:240px; width:316px; margin-left:4px}
.bookBox { padding-left:10px; float:left;}

.leftBox h3 {color:#65038a; font:15px, Arial; font-weight:bold}
.leftBox h5 {color:#65038a; font:12px, Arial; font-weight:bold;padding-top:2px;padding-bottom:2px}
#dividBar {height:20px; padding-top:10px;}

#content {padding-top:10px; padding-bottom:20px;}

#left {float:left; width:325px;}

/*.leftBox2 {background-color:#e5e5e5; padding:5px; width:315px; text-align:left; }*/
.leftBox2 {background-color:rgb(136,184,230); padding:5px; width:315px; text-align:left; }

.leftBox2 p {line-height:16px;font-style:italic;}

.leftBox2 img {border:1px #999 solid; margin:5px;}

/*.leftBox2 h3 {background-color:#71277a; color:#fff; font:14px Geogia; font-weight:bold; text-align:left; padding:3px 5px; margin-bottom:8px; }*/
.leftBox2 h3 {background-color:rgb(63,55,130); color:#fff; font:14px Geogia; font-weight:bold; text-align:left; padding:3px 5px; margin-bottom:8px; }


.leftBox2 h4 { 
font:11px Verdana, Arial, Helvetica, sans-serif;
padding-top : 15px;
padding-left : 20px;
padding-bottom : 7px;
/*color : #71277a;*/
color:rgb(63,55,130);
background-image:url(../images/icon.jpg);
background-repeat : no-repeat;
background-position : left 12px;
margin-left : 10px;
} 
.leftBox2 p { 
font:11px Verdana;
padding-left : 15px;
padding-bottom : 5px;
margin-left : 10px;
margin-right : 10px;
text-align : justify;
padding-right : 20px;
background-color : #fff9ed;
line-height:15px;

color:#60799F;

} 
.leftBox2 a { 
padding-right : 10px;
} 

#right {float:right; width:363px; margin-left:10px; text-align:left; padding:5px 10px; border-left:1px #71277a dotted;}
.right img {border:0.5px #8b7951 solid; margin:2px;}
#right h3 {font:24px Georgia, "Times New Roman", Times, serif; color:#71277a;}

#footer {width:740px; height:40px; display:block; color:#003366; font:11px Verdana, Arial, Helvetica, sans-serif; text-align:left;}

#footer ul {margin:0px; padding:0px; text-align:left;}

#footer ul li {float: left; padding: 5px 8px; list-style-type: none; font:11px Verdana, Arial, Helvetica, sans-serif;}

#footer ul li a {color:#003366; text-decoration:none;}

#footer ul li a:hover {color:#ffffff; text-decoration:yes;}

/*   =================================
        start of Tooltip css code here
        ================================= */

a.info{
	position:relative;           /*this is the key*/
	z-index:24;
	background-color:#e0e0e0;    /* background colour of display text */
	color:#000000;               /* colour of display text */
	border:1px dotted #999;    /* border colour */
	text-decoration:none;
	font-style:italic;
}

a.info:hover {
	z-index:25;
	background-color:#e5e5e5;
}

a.info span{
	display: none;  /* hide the span text using this css */
}

a.info:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top: 1.5em;
	left: 3em;
	width:15em;
	border:1px solid #ff0000; /* border colour */
	background-color:#e5e5e5; /* background colour here */
	color:#000000;         /* text colour */
	text-align: center;
	font-size: .8em;
	font-style:italic;
	z-index:30;
}
a.info span .images {
        vertical-align:bottom;
}