body {
	/*font-family: Verdana,Tahoma,Helvetica,sans-serif;*/
	font-family: Verdana,Arial,Helvetica; /*By request RL*/
	font-size: 0.8em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.5em;
	color: #EEE;
	background-color: #1E2141;
	text-align: left;
	/*margin: 15px 10% 0px 10%;*/
	margin: 15px;
}

html, body {
    height: 100%;
}

.bl {
	background: url(images/bl.gif) 0 100% no-repeat #FFFFFF;
	width: 1012px;
}
.br {
	background: url(images/br.gif) 100% 100% no-repeat;
}
.tl {
	background: url(images/tl.gif) 0 0 no-repeat;
}
.tr {
	background: url(images/tr.gif) 100% 0 no-repeat;
	padding:10px;
}
.clear {font-size: 1px; height: 1px} 

a:link, a:visited {
	background-color: inherit;
	text-decoration: underline;
	color: #4284B0;
}

a:hover, a:active{
	background-color: inherit;
	color: #9EC068;
}

input,
textarea {
	border: 1px solid #EEEEEE;
	color: #777777;
	font-family: Verdana,sans-serif;
	font-size: 1em;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	padding: 2px;
	margin-left: 0px;
}

input[type="submit"] {
	background: #FFFFFF none repeat scroll 0%;
	border: 1px solid #CCCCCC;
	color: #4284B0;
	font-family: Arial,Sans-serif;
	font-size: 1em;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
	margin: 0pt;
	padding: 2px 3px;
}

label {
	display: block;
}

ul, ol {
	margin: 5px 5px;
	padding: 0pt 5px;
}

hr {
	color: none;
	border: 1px solid #cccccc;
}

/* Use a break with this class to clear float containers on both sides */ 
.brclear {
	clear: both;
	height: 0px;
	margin: 0;
	font-size: 1px;
	line-height: 0;
}

#pageContainer {
	width: 989px;
	background-color: #FFF;
	margin: 0 auto;
}
#content {
	width: 100%
	padding: 10px 6px 6px 12px;
	margin:  0px;
	text-align: left;
	background: #FFFFFF;
	color: #000033;
	height: auto;
}
* html #content { 
	margin:  15px 5px 15px 0;
}
#left-part{
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px 0px 0px 6px;
	background-color: #2E3151;
	color: #FFFFFF;
	font-size: 120%;
	min-height:400px;
	line-height: 1.6em;
}

#left-part ul,
#left-part ol {
	margin-left: 0px;
}

#right-part {
	float:right;/* was left RL*/
	width: 750px; /* originally 770px RL*/
	padding: 0;
	margin:  6px;
/* RL added next line.  Is there a better way to get main body text to have white background in IE? */
	background-color: #FFFFFF;
}

* html #right-part { 
	/*margin:  15px 5px 15px 0;*/
	margin:  0px 5px 0px 0;
}

#mainContent {
	margin: 0 auto;
	padding: 6px;
	width: 100%;
}
.mainView {
	background-color: #FFFFFF;
}
#header {
	position: relative;
	top: 0;
	left: 0;
	width: 990px;
	height:190px;
	margin: 0;
	padding: 0;
	background:left url(images/header.gif) no-repeat;
	float: none;
	display: block;
	position: static;
}

#headerImage {
	position: relative;
	left: 388px;
	top: -2px;
	width: 400px;
	height: 178px;
	background-color: #ccc;
	margin: 0;
	padding: 0;
	background-image: url(/fileadmin/lifespring/images/HeaderImage.gif);
}

#headerButtons {
	position: relative;
	left: 790px;
	top: -190px;
	width: 200px;
	height: 190px;
	font-size:12px;
}
#headerButtons a {
	text-decoration: none;
}
#headerJoinUsBtn, #headerDirectionsBtn, #headerContactBtn {
	font-family: Tahoma,Helvetica,sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.5em;
	padding-left: 40px;
	color: #555;
	margin-bottom: 25px;
	margin-left: 15px;
}
#headerJoinUsBtn {
	background: url(images/clockIcon.gif) no-repeat 0px 0;
	margin-top: 30px;
	margin-bottom: 15px;
}
#headerDirectionsBtn {
	background: url(images/mapIcon.gif) no-repeat 0px 0;
}
#headerContactBtn {
	background: url(images/contactIcon.gif) no-repeat 0px 0;
}

#pagetitle {
	color: #9EC630;
	font-size: 2em;
	font-family: 'Trebuchet MS',Arial,Sans-serif;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
}

#footer {
	height: 25px;
	color: #FFFFFF;
	font-size: 100%;
	margin: 0pt;
	padding: 4px;
	bottom: 0;
	width: 1004px;
	text-align: center;
}

#footer .footer-left {
	float: left;
	width: 47%;
}

#footer .footer-right {
	float: right;
	width: 30%;
}
#footer a {
	color: #FFFFFF;
}

#bottomnav {
	text-align: center;
	width: 100%;
}

/** Main menu **/
#mainMenu {
	height: 30px;
	width: 100%;
	background-color: #0D0E20;
}

#sidemenu {
    margin-top: 10px;
}

#sidemenu ul li {
	font-size: 16px;
	font-weight:bold;
	list-style-type:none;
}
#sidemenu ul ul li {
	font-size: 12px;
	list-style-type:none;
	padding: 0;
	margin: 0;
	padding-left: 8px;
}

.searchbox {
	font-size: 10px;
}
.searchsubmit {
	font-size: 10px !important;
	margin:3px !important;
	color: #226 !important;
}



* html #headline, * html #mainContent {
  width: 98%;
}
* html body {
   behavior:url("http://www.lifespringchurch.org/fileadmin/lifespring/csshover.htc");
}
* html #headerImage {
   margin-left: 194px;
}


body {
   margin-left: auto;
   margin-right: auto;
   width: 1015px;
}
#headerImage {
 position: static;
 float: left;
 margin-left: 390px;
}

#headerButtons {
  position: static;
  float: left;
}

img {
	border: 0;
}

#menubar {
	width: 100%;
	background: url(images/menuBack.gif) repeat-x;
	border-bottom:6px solid white;
	height: 30px;
}
#menu {
	font-size: 14px;
	color: #EEE;
	text-align:center;
	margin-left:15%;
	margin-right:15%;
}
/** Main menu **/

#menu ul#menuList{
	font-family: Tahoma, Arial, Helvetica, sans-serif; /*RL from prev. menu.*/
	font-size: 14px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0pt;
	padding: 0pt;
	z-index: 8;
}

* html #menu ul#menuList {
	bottom: 4px !important;
}

/* Sliding Doors */
#menu a {
	float: left;
	margin: 0pt;
	padding: 0pt 0pt 0pt 4px;
	text-decoration: none;
	color: #fff;
	border-right: 2px dotted #444; /* optional, but I like. RL*/
}
#menu a:hover {
	color: #F63;
}
#menu .active a {
	color: #FFF;
}
#menu li:hover a {
	cursor: pointer;
}
#menu a span {
	color: #fff;
	display: block;
	float: left;
	padding: 6px 15px 3px 8px;
}
#menu a:hover span {
	color: #F63;
	font-weight: bold;
}
#menu .active a span {
	color: #F0F040 !important;
	font-weight:bold;
}
#menu li:hover a span {
	color: #202040;
	background-color: #A0A0FF;
}


#menu ul#menuList li ul {
	display: none;
	position: absolute;
	width: 130px;
	margin: 0pt;
	padding: 0pt;
	background: #4E5081;
}

#menu ul#menuList li ul.level2 {
	top: 1.75em !important;
	padding: 5px 0px 5px 0px;
	left: 0;
}

#menu ul#menuList li ul.level2 li:hover ul {
	display: block;
}

#menu ul#menuList ul.level3 {
	margin:-5px 0px 0px -3px;
	padding:5px 0px;
}

#menu ul#menuList li {
	position: relative;
	display: block;
	float: left;
	margin: 0pt;
	padding: 0pt;
}

#menu ul#menuList li:hover ul.level2 {
	display: block;
}

#menu ul#menuList li ul li {
	display: block;
	width: 100%;
/*	position: relative; */
	background: none;
	margin: 0;
	padding: 0;
    z-index:10;
} 

#menu li ul li a {
	text-transform: none;
	text-decoration: none;
	text-align: left;
	padding: 4px 13px;
	margin: 0  0;
	background-color: #0E1031;
	color: #fff;
	width: 103px;
	z-index: 10;
}


#menu li ul li a:hover {
	color: #202040;
	background-color: #B0B0F0;
	
}
#menu li ul li.active a {
	color: #EEEF4A;
}
#menu li ul li:hover > a {
	background-color: none;
}

#menu li li ul {
	display: block;
	top: 0px;
	left: 133px;
	xborder-left: 4px solid #4E5081;
	border-bottom: 1px solid #202867;
	border-left: 1px solid #202867;
	border-right: 1px solid #202867;	
}

/* IE can't handle display, so fail-over to visibility */
* html #menu ul#menuList li ul.level2,
* html #menu ul#menuList li ul.level3 {
	display: block;
	visibility: hidden;
}

/* simulate child selector for IE */
* html #menu ul#menuList li:hover ul.level2,
* html #menu ul#menuList li:hover ul.level2 li:hover ul.level3,
* html #menu ul#menuList li:hover ul.level2 li:hover ul.level3 li:hover ul.level4 {
	visibility: visible;
}

* html #menu ul#menuList li:hover ul.level2 li ul.level3,
* html #menu ul#menuList li:hover ul.level2 li:hover ul.level3 li ul.level4 {
	visibility: hidden;
	clear: both;
}