body{
margin-top:10px;
padding:0;
line-height: 1.5em;
background-image:url(../../images/fade.jpg);
background-position:top left;
background-repeat: repeat-x;
}

b{font-size: 110%;}
em{color: red;}
h1{color: #01137F; font-family:Palatino Linotype;}
h2{color: #01137F; font-family:Palatino Linotype;}
h3{color: #01137F; font-family:Palatino Linotype;}
h4{color: #4657AF; font-family:Palatino Linotype; font-size:1em;}
h6{color: #4657AF; font-family:Palatino Linotype; font-size:.7em;}

a:link{color:#4657AF;}
a:visited{color:#4657AF;}
a:hover{color:#929292;}
a:active{color:#4657AF;}

p.indent{text-indent:25px;}

p.verse{font-style:italic;margin-left:30px;margin-right:30px;}

ul.map{margin-left:-20px;}

#maincontainer{
width: 1000px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background-image: url(../../images/headerwideexp.jpg);
background-repeat: no-repeat;
height: 175px; /*Height of top section*/
border:solid 1px black;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#navcolumn{
margin-right:200px; /*Set right margin to RightColumnWidth*/
height:31px;
background:black;    
}

#contentcolumn{
margin-right: 200px; /*Set right margin to RightColumnWidth*/
background:transparent url(../../images/opaque.png);
background-repeat:repeat;
margin-top: -20px;
padding:20px 0 0 0;
min-height:450px;
}

#rightcolumn{
float: left;
width: 200px; /*Width of right column*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth) */
background: black;
color:#929292;
height:450px;
}

#longrightcolumn{
float: left;
width: 200px; /*Width of right column*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth) */
background: black;
color:#929292;
height:900px;
}

#footer{
clear: left;
width: 100%;
text-align: center;
padding: 20px 0;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0px;
}

.subinnertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-left: 25px;
}

.mailform{
margin: 0 0 20px 50px;    
}

.storecont{
vertical-align:top;
font-size:larger;
}


/*Navigation Menu CSS*/

.menu {width:800px; height:32px; position:relative; z-index:100; border-right:1px solid #000; font-family:Palatino Linotype;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:800px; width:800px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:158px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:158px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12pt;text-decoration:none; color:white; width:158px; height:30px; border:1px solid #000; border-width:1px 1px 1px 0px; background-image:url(http://www.worshipintheword.org/Images/button.png); background-repeat:repeat-x; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:158px; width:158px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:white 115px center; color:#4657AF; margin-left:2px; padding-left:15px; font-size:10pt;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:115px center; background-image:url(http://www.worshipintheword.org/Images/button.png); background-repeat:repeat-x; color:White;}
.menu ul ul :hover > a.drop {background:115px center; background-image:url(http://www.worshipintheword.org/Images/button.png); background-repeat:repeat-x; color:White;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:115px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;top:31px;}



/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:white; color:#4657AF; height:auto; line-height:1em; padding:5px 10px; width:115px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:115px;width:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#4657AF; background:white;}
.menu :hover > a, .menu ul ul :hover > a {color:#4657AF; background:white;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0; /* center for now */
	width: 100%; /* ems so it will grow */
	background: transparent;
	font-size: 100%;
}
.boxhead {
	background: transparent;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../../images/subhead-l.png) no-repeat top left;
	margin: 0;
	padding: 15px 0 8px 30px;
	color: white; 
	font-weight: bold; 
	font-size: 1.3em; 
	line-height: 1em;
	text-align:left;
}
.boxbody {
	background: url(../../images/subbody-l.gif) no-repeat bottom;
	margin-left: 5px;
	padding: 5px 30px 30px 40px;
}