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/headerImages/headerImage1.jpg);
}

#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;
}