body {background-color: #B5B38D; margin: 0px; padding: 0px; font-family: Times new Roman;}

div.main {margin: 0 auto; text-align: left; width: 900px; position: relative;}
div.headerandcontent {float: left; margin-top: 55px;}

div.header {position: absolute; top: 0; left: 0; height: 94px; width: 900px;
            background-image: url('images/LogoBanner.png');}

div.left {float: left; width: 350px;}
div.right {float: left; width: 550px; height: 526px;
           background-image: url('images/Sack550webmedium.jpg');}

div.logoimage {xmargin-top:40px;}

div.toplinks {xbackground-color: #1f2627; padding: 6px; float: right;}
div.toplinks ul {list-style-type: none; margin: 0px; padding: 0px;}
div.toplinks ul li {float: left; padding: 0px 6px; color: #ffffff;
                    font-family: Helvetica, Arial, Sans Serif; font-size: 11px; font-weight: bold;}
div.toplinks ul li a, div.toplinks ul li a:hover, div.toplinks ul li a:visited {color: #fff; text-decoration: none;}
div.toplinks ul li a:hover {
  text-decoration: underline;
}




div.links {padding: 4px; height: 48px; position: absolute; top: 52px; left: 355px;}
div.links ul {list-style-type: none; margin: 0px; padding: 0px; height: 32px;}
div.links ul li {float: left; display: inline; /*For ignore double margin in IE6*/ margin: 5px 5px;}
div.links ul li a {text-decoration: none; float:left; color: #fff; cursor: pointer;	font: 900 13px/22px "Arial", Helvetica, sans-serif;}
div.links ul li a span {float: left; margin: 0 0 0 -8px; padding: 0 0 2px 5px; position: relative; /*To fix IE6 problem (not displaying)*/ }
div.links ul li a:hover {color: #1f2627; background: url('images/menurightbg.png') no-repeat top right;}
div.links ul li a:hover span {background: url('images/menuleftbg.png') no-repeat top left;}

a.home span {width: 45px;}
a.meetdiane span {width: 78px;}
a.topics span {width: 50px;}
a.video span {width: 45px;}
a.recommend span {width: 125px;}
a.devotionals span {width: 83px;}
a.events span {width: 48px;}

div.content {xborder-left: 5px solid #3c3c3c; height: 466px; padding-top: 85px;}

div.footer {background: url('images/footerrounded.png') no-repeat bottom left;
            clear: both; float: left; margin-top: -27px; height: 48px; width: 900px; margin-bottom: 100px;}
div.footer .inner {height: 24px; width: 900px;
                   background: url('images/footerfade.png') no-repeat top left;}

div.videocontainer {margin-top: 30px;}
div.video {margin: 0 auto; width: 260px; height: 50px;
           background: url('images/videolink.png') no-repeat;}
div.videolink {padding-top: 4px; color: #c3c3c3; width: 316px; height: 50px; text-align: center; line-height: 20px;
               background: url("images/VideoFrame.png") no-repeat;}
div.videolink a {font-family: Arial; text-decoration: none; color: white; font-size: 14px; font-weight: bold;}
div.videolink a:hover {text-decoration: underline;}

div.recommend {background-color: #B5B38D; border: 1px solid #6e6e6e; margin: 0 auto; width: 540px; height: 125px; font-style: italic; font-size: 1em; line-height: 17px;}
div.recommend blockquote {margin: 16px 20px 0;}
div.recommend blockquote div {font-style: normal; font-size: .7em; padding-top: 4px; padding-left: 20px; line-height: 12px; color: #3c3c3c;}
div.recommend a {float: left; margin-left: 290px; margin-top: -20px; color: #ffffff;
                 font-family: Arial; font-weight: bold; font-size: 14px; font-style: normal;}

div.contact {margin: 0 auto; color: #F7EBE0; font-size: .9em; width: 800px; line-height: 18px;}