﻿*{ padding: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0px;
} 

.DivFooter
{width: 780px;
    margin: 0 auto 0;
    border: thin solid #999999;
    height: 17px;
    background: #C0C0C0;
    font-size:small;
    text-align:center;
    
    }

BODY
{
    font-family: Arial, Andalus, Times New Roman, Tahoma, Geneva, Helvetica;
    background: #EDEDE6 url(images/main-bg.gif) repeat-y center;
    font-size: 10pt;
    margin: 0 auto;
    color: #000000;
    width: 820px;
}

.DivWrapper
{
    background-color: White;
    width: 780px;
    margin: 0 auto 0;
    border: thin solid #999999;
    height: 100%;
}
.DivModel
{
    width: 780px;
    margin: 0 auto 0;
    height: 300px;
    background: #E6E6E6;
    font-size: 9pt;
}

/* LINKS, MENU, TEXT & BUTTON STYLES */
a:hover { color:#0BA6B6; text-decoration:underline }
a { color:#096C83; margin:0; text-decoration:none }
#sideMenu { width:218px
}
#sideMenu li { list-style: none; height:28px;
    width: 216px;
}
#sideMenu li a { 
	background:url(images/menu-bg.gif) no-repeat; 
	font-size:115%;
	color:#057783; 
	margin-bottom:1px;
	display:block;
	padding: 3px 0 3px 25px;
	border: 1px solid #CDDCDF;
    height: 20px;
}
#sideMenu li a:hover { background:#18646F url(images/menu-hover-bg.gif) no-repeat; color:#fff; text-decoration:none; border:1px solid #18646F }	

a:hover { color:#0BA6B6; text-decoration:underline }
a { color:#096C83; margin:0; text-decoration:none }
#sideMenu1 { width:759px
}
#sideMenu1 li { list-style: none; height:28px;
    width: 243px;
}
#sideMenu1 li a { 
	background:url(images/menu-bg.gif) no-repeat; 
	font-size:115%;
	color:#057783; 
	margin-bottom:1px;
	display:block;
	padding: 3px 0 3px 25px;
	border: 1px solid #CDDCDF;
    height: 19px;
}
#sideMenu1 li a:hover { background:#18646F url(images/menu-hover-bg.gif) no-repeat; color:#fff; text-decoration:none; border:1px solid #18646F }	
.title
{
    color: #0E5463;
    font-weight: bold;
    background: url(images/smt.gif) center right no-repeat;
    padding: 0 30px 0 0;
    font-size: 12pt;
}
.eventsDate, .teamTitle { color:#C47F00; font-weight:bold }
.bottomNav { color:#358C98; text-align:right; margin-left:245px }
.ministryLinks { list-style:none; float:left;
    margin-left: 11px;
}
.ministryLinks li a { color:#C47F00; font-size:96%; margin:0 4px }

/* BACKGROUND IMAGE STYLES */
#topLeft { float:left; width:244px; height:320px }
#topRight { float:right; width:471px; height:320px; text-align:right; clear:right; margin-top:7px }
#bottomLeft { float:left; width:450px; margin:10px 0 }
#bottomRight { float:right; width:269px; margin:10px 0 }
#interiorLeft { float:left; width:52px; margin:10px 0; height:100%; background:#E5E5DD }
#interiorRight { float:right; width:650px; margin:10px 0; height:100% }
.highLights { background: url(images/highlights-box-mid.gif) repeat-y; padding: 10px 15px 0 15px; font-size:90% }
#footer
{
    background: #C0C0C0;
    width: 710px;
    font-size: 90%;
    clear: both;
    padding: 10px 15px;
    margin: 15px 0;
}
.joinUs {
	background: url(images/join-us.gif) no-repeat top;
	padding:35px 0 20px 0; 
	color:#03424A; 
	text-align:left;
	width:183px;
	border: 1px solid #37919E;
}
.joinUs p { padding:0 12px }
.ministriesBox { background:#F6F6F4; border: 1px solid #E1E0D7; padding:10px; font-size:90%  }
.teamPic { float: left; margin: 0 10px 20px 0 }
.tc { font-size:90% }
.tc a { text-decoration:underline }

/* FORMS & MISC STYLES */
.divBar { background:url(images/divbar.gif) repeat-x; height:10px; margin:10px 0 }	
.form { 
	font-size:90%; 
	border:1px solid #D5D5D5;
	background:url(images/input-bg.gif); 
	height:17px; 
	width:230px
}
.contactForm { 
	font-size:95%; 
	color:#333;
	padding:0; 
	border:1px solid #D5D5D5;
	height:100px; 
	width:220px;
	vertical-align:top;
}
#sidemenu ul {
list-style: none;
margin: 0;
padding: 0;
}
div.spacer { clear:both }
span.bMargin { padding-bottom:10px }

div#sideMenu1 ul ul ul,
div#sideMenu1 ul ul li:hover ul ul
{display: none;}
 
div#sideMenu1 ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

div#sideMenu1 li li,
div#sideMenu1 li li ul:hover ul ul
{display: none;}
#sideMenu1 ul li {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}
div#sideMenu1 ul li:hover ul,
div#sideMenu1 ul li li:hover li
{display: block;
}