/* Css Rest ----------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End CSS Reset ----------------------------------------------*/




/* General Selecter Setup -------------------------------------*/

p{margin:0 0 1em; color:#505153; font-family: "Lucida Grande", Arial, Lucida, Helvetica, sans-serif;}

p.standout{font-weight:bold;}

h1, h2,h3,h4,h5,h6 {
	font-family: "Lucida Grande", Arial, Lucida, Helvetica, sans-serif;
	color:#083066;
	margin: 0 0 .7em 0;
}

h1 {color:#391442; font-size:1.5em;}
h2{font-size:1.1em; margin: 0 0 0.5em 0;}
h3{font-size:1.4em;}
h4{font-size:1em;}

ul, ol, dl{margin:0 0 1em 2em;}

ol li{list-style-type:decimal; list-style-position: inside;}

ul li{list-style:disc; list-style-position: inside; margin-bottom:.5em;}

a:link{

}
a:visited{

}
a:hover{

}
a:active{

}
em{
	font-style:italic;
}
strong{
	font-weight:bold;
}
/* End Selecter Setup -----------------------------------------*/

/* General Setup ----------------------------------------------*/

body{
	font:76%/150% "Lucida Grande", Arial, Geneva,Verdana,Helvetica,sans-serif;
	text-align:center;
	background:#6c3a77;																	/* to ensure good contrast */
	color:#000;
}
.left{
	float:left;
}
img.floatLeft{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
/* End General Setup ------------------------------------------*/

/* Containers -------------------------------------------------*/

#shadow {
	width: 960px;
	margin: 0 auto;		
	background:url(../images/shadow.gif) repeat-y center top #6c3a77;
}

#container{
	width:936px; 																		/* or 960px for 1024 display or your width */
	margin: 0 auto;																		/* to centre layout */
	text-align:left;															/* to counter text-align:center in body */
	padding: 0 0 50px 0;
	background: #e7edf0 url(../images/be_transformed.jpg) center bottom no-repeat;	
}
#headerTop{
	width:960px; 																		
	margin: 0 auto;																		
	height: 26px;
	background: #6c3a77 url(../images/headerTop.gif) center top no-repeat;												
}
#header{
	width:936px; 																		
	margin: 0 auto;																		
	text-align:left;
	height: 249px;
	background:#e7edf0 url(../images/headerBG.png) center top no-repeat;															
}

#content{
	padding:0 5px 20px 41px;
	margin: 0 240px 0 0;		
}
#footer{
	width:1003px; 																		/* or 960px for 1024 display or your width */
	margin: 0 auto;																		/* to centre layout */
	text-align:left;
	background: #e7edf0;
}
#footerEnd{
	width:960px; 																		/* or 960px for 1024 display or your width */
	margin: 0 auto;			
	height: 26px;															/* to centre layout */
	background: #e7edf0 url(../images/footerEnd.gif) center bottom no-repeat;			
}
#copyright{
	width:960px;																		/* or 960px for 1024 display or your width */
	margin:0 auto;																		/* centre layout if main container is centred */
	text-align:center;
	color: #8d5a99;
}

#copyright p, a, a:hover, a:link, a:active {color: #8d5a99; text-decoration:none
}

/* End Containers ---------------------------------------------*/

/* Navigation -------------------------------------------------*/
#nav{

}
#nav li{

}
/* End Nav ----------------------------------------------------*/

/* Specific Containers ----------------------------------------*/
/* Header Content ---------------------------------------------*/
#header{

}
/* End Header Content -----------------------------------------*/
/* Main Content ---------------------------------------------*/
#content{

}

.bibleBlock{width:550px; height:142px;
}
.bibleBlock img{
	margin-right:10px; float:left;}
.bibleBlock h2{ color:#391442; font-size:1.3em; margin-bottom:.1em;}
.bibleBlock p{
}
/* End Main Content ---------------------------------------------*/

/* SideBar  ---------------------------------------------*/
#sideBar {
	float: right;
	width: 200px; 
	padding: 0 29px 0 0;
	margin-bottom:80px;
}

#sideBar img{ margin-bottom:10px;}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#panelTop{width:206px; height:10px; background:url(../images/panelTop.gif) bottom left no-repeat; margin:0; padding:0}

#panelContent{width:206px; text-align:left; margin:0; padding:0; background:url(../images/panelBG.gif) top center repeat-y;}

#panelContent p{font-family: "Lucida Grande", Arial, Lucida, Helvetica, sans-serif; color:#fff; font-size:1.0em; font-weight:bold; margin: 0 0 .8em 0; padding: 8px;}

#panelBottom{width:206px; height:10px; background:url(../images/panelBottom.gif) top left no-repeat; margin:-10px 0 1em 0; padding:0;}

/* End SideBar  ---------------------------------------------*/


/* Menu  ---------------------------------------------*/
#menuContainer{padding-top:85px; padding-left:30px;}

#menu{
	height:36px;
	font-family: "Lucida Grande", Arial, Lucida, Helvetica, sans-serif;
	color:#000;
	font-size:1.1em;
}

#menu ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
#menu li{
	float:left;
	position:relative;
	z-index:100;
	margin:0;
	padding:0;
	list-style-type:none;
}

.standout{border: 1px #6c3a77 solid; background-color:#fcf1ff;}

/* use the table to position the dropdown list */
#menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:29px;
color:2b414f;
}

/* style all the links */
#menu a {
display:block;
width: auto;
padding:8px 15px;
color:#2b414f;
text-decoration:none;
height:auto;
line-height: normal;
font-weight:bold;
}
/* style the links hover */
#menu :hover{
color:#97adba;
visibility:visible;
text-decoration:none;i
}

/* hide the sub level links */
#menu ul ul {
visibility:hidden;
position:absolute;
width:150px;
top:31px !important;
top:1px;
background:#f6f6f6;
border: 1px solid #bbbaba;
font-size: .8em;
padding: 3px;
}
/* make the sub level visible on hover list or link */
#menu ul li:hover ul,
#menu ul a:hover ul{
visibility:visible;
color:#fff;
}

#menu ul li ul li a{
width:140px; padding-left:5px; padding-right:5px; line-height:.5em;}

#menu ul li ul li a.higher{
width:140px; padding-left:5px; padding-right:5px; line-height:1.2em;}

.alt{background:#edecec;}

.center{text-align:center;}

img.generic{float:left; margin:0; padding:0;}

a.pdf{padding-left:10px;}

.error{color:red; font-weight:bold;}
.errorBox{color:red; font-weight:bold; padding: 10px; margin: 10px; border: 1px solid red;}


/* End Menu  ---------------------------------------------*/

/* Form  ---------------------------------------------*/

.formtoemail fieldset input{float:left; display:block; width:150px; margin-bottom:5px;}
.formtoemail fieldset label {float:left; display:block; text-align:right; width:75px; margin-right:10px; margin-bottom:5px; color:#391442;}
.formtoemail br {clear:left;}
.formtoemail {margin: 0 0 30px 0;}
#submit{margin-left:85px;}


.bottomLinks {clear: both; margin:20px 0px;}
.bottomLinks a, .bottomLinks a:visited, .bottomLinks a:link { color: navy; border: 2px solid #6c3a77; font-size:14px; padding:5px; background-color:#fff; }
.bottomLinks a:hover { color: #6c3a77; }
.bottomLinks .next {}
.bottomLinks .previous { display: none;}

body.mceContentBody { background-color: white; text-align:left;}

/************************ tinyMCE Editor ***************************/
.mceContentBody {text-align:left;}
.mceContentBody img {margin:10px; background-color:#ffffff;}
/*********************** /tinyMCE Editor ***************************/