Body 	{background: #EEEEEE;
	margin-top: 0pt;
	margin-bottom: 0pt;
	TEXT-ALIGN: JUSTIFY;
	line-height: 1.33; 
	font-size: 14pt;
	font-family: Arial, Helvetica; }

.container { 
padding : 10px; 
margin : auto; 
width : 800px; 
background-color : #DDE5F4; 
} 
.rightConLeftCol { 
float : right; 
width : 600px; 
background-color : #DDE5F4; 
} 
.leftConRightCol { 
float : left; 
width : 200px; 
background-color : #DDE5F4; 
} 
.colLeft { 
padding : 10px; 
z-index : 1; 
position : relative; 
left : -200px; 
width : 580px; 
background-color : #DDE5F4; 
min-height : 400px; 
height : auto !important ; 
height : 400px; 
} 
.colRight { 
padding : 10px; 
z-index : 2; 
position : relative; 
left : 600px; 
width : 180px; 
background-color : #DDE5F4; 
} 
.footer { 
padding : 10px; 
z-index : 1; 
position : relative; 
left : -200px; 
width : 780px; 
background-color : #DDE5F4; 
min-height : 0; 
height : auto !important ; 
height : 400px; 
} 
.brclear { 
clear : both; 
font-size : 1px; 
margin : 0; 
line-height : 0; 
height : 0; 
} 
.brspace { 
font-size : 1px; 
margin : 0; 
line-height : 0; 
height : 0; 
} 
* html > body .colRight { 
display : inline-block; 
overflow : auto; 
} 
* html > body .colLeft { 
overflow : auto; 
} 


th {
font-size: 20pt;
color: #000066;
font-family: Arial, Helvetica;
text-align: center;
}

i {
font-size: 10pt;
font-family: Arial, Helvetica;
color: #000000;
vertical-align: text-top;
text-align: justify;
}

p {
font-size: 14pt;
font-family: Arial, Helvetica;
color: #000000;
vertical-align: text-top;
text-align: justify;
}

td {
font-size: 14pt;
font-family: Arial, Helvetica;
color: #000000;
vertical-align: text-top;
text-align: justify;
}

A:active {
pitch-range: 80;
pitch: x-high;
voice-family: betty, female;
color: #bb44ee;
}

A:visited {
voice-family: betty, female;
color: #000000;
}

A:link {
voice-family: harry, male;
color: #0000FF;
}

hr {
color: #000066;
}


.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: #DDE5F4;
background: blue url(http://www.bible.wvec.org.uk/Images/titlebar.png) repeat-x center left;
margin-bottom: 4px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: auto;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(http://www.bible.wvec.org.uk/Images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: #79A0E1 !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: #ABC4ED !important;
}

.arrowlistmenu ul li a{
color: #000066;
background: url(http://www.bible.wvec.org.uk/Images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #4444FF;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #FFFFFF;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: #79A0E1;
}