html { margin: 0px; }
body { font-size: 12px; margin: 0 10px; background: url(/images/body_bg.png) repeat-y; }
strong { font-weight: bold; }
p { line-height: 18px; color: #333; }
a, a:visited { color: #036; }
a:hover { text-decoration: underline; color: #960; }
input { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #eee; border-bottom: 1px solid #eee; height: 20px; padding: 0; margin: 0;}
#content-wrapper { width: 980px; }
#header { background: url(/images/header_bg.jpg) no-repeat; width: 980px; height: 133px; }
#header h1 a { display: block; height: 64px; width: 980px; }
#topnavigation { background: url(/images/menu.jpg) repeat-x; height: 69px; position: relative; z-index: 110; }
#topnavigation ul { margin-left: 308px;}
#topnavigation ul li { float: left; display: inline; position: relative; text-indent: -9999px; }
#topnavigation ul li a { display: block; height: 69px; color: #fff; text-decoration: none; font-size: 14px; background: url(/images/menu.jpg) no-repeat; }
#topnavigation ul li#menu1 a { background-position: -308px 0; width: 112px; }
#topnavigation ul li#menu2 a { background-position: -420px 0; width: 112px; }
#topnavigation ul li#menu3 a { background-position: -532px 0; width: 112px; }
#topnavigation ul li#menu4 a { background-position: -644px 0; width: 112px; }
#topnavigation ul li#menu5 a { background-position: -756px 0; width: 112px; }
#topnavigation ul li#menu6 a { background-position: -868px 0; width: 112px; }
#topnavigation ul li#menu1:hover a { background-position: -308px -69px; }
#topnavigation ul li#menu2:hover a { background-position: -420px -69px; }
#topnavigation ul li#menu3:hover a { background-position: -532px -69px; }
#topnavigation ul li#menu4:hover a { background-position: -644px -69px; }
#topnavigation ul li#menu5:hover a { background-position: -756px -69px; }
#topnavigation ul li#menu6:hover a { background-position: -868px -69px; }
#topnavigation ul li#menu1.selected a { background-position: -308px -138px; }
#topnavigation ul li#menu2.selected a { background-position: -420px -138px; }
#topnavigation ul li#menu3.selected a { background-position: -532px -138px; }
#topnavigation ul li#menu4.selected a { background-position: -644px -138px; }
#topnavigation ul li#menu5.selected a { background-position: -756px -138px; }
#topnavigation ul li#menu6.selected a { background-position: -868px -138px; }
#topnavigation ul li ul { margin-left: 0px; position: absolute; top: 69px; background: #DFBD7D; z-index: 100; display: none; width: 124px; border-bottom: 5px solid #000; }
#topnavigation ul li#menu1 ul { left: 1px; }
#topnavigation ul li#menu2 ul { left: 1px; }
#topnavigation ul li#menu3 ul { left: 1px; }
#topnavigation ul li#menu4 ul { left: 1px; }
#topnavigation ul li#menu5 ul { left: 1px; }
#topnavigation ul li#menu6 ul { left: 1px; }
#topnavigation ul li#menu1 ul li a, #topnavigation ul li#menu2 ul li a, #topnavigation ul li#menu3 ul li a, #topnavigation ul li#menu4 ul li a, #topnavigation ul li#menu5 ul li a, #topnavigation ul li#menu6 ul li a
{ width: 112px; }
#topnavigation ul li ul li a { font-size: 12px; background: #C69B56; display: inline-block; padding: 5px 7px 10px 5px; height: 20px;}
#topnavigation ul li:hover ul { display: block; }
#topnavigation ul li ul li { display: block; float: none; text-indent: 0; width: 100%; }
#topnavigation ul li:hover ul li a { font-size: 12px; }
#topnavigation ul li:hover ul li:hover a { background: #E9DDC3; color: #000; }
.rotate { background: url(/images/rotate0.jpg) no-repeat; width: 980px; height: 217px; }
.main { font-size: 12px; color: 333; }
.main-side-bar { background: url(/images/sidecol_bg.png) no-repeat; width: 236px; height: 746px; }
.main-side-bar#leftcol { float: left; padding: 10px 10px 10px 15px; }
.main-side-bar#leftcol #rss-icon { float: right; }
.main-side-bar#leftcol .side-section { width: 200px; margin: 15px 0 10px 3px; font-size: 11px; }
.main-side-bar#leftcol .side-section p.featured-item,
.main-side-bar#leftcol .side-section p.featured-item a
{ display: block; margin-bottom: 8px; line-height: 1.1em; font-size: 11px; }
.main-side-bar#leftcol .side-section p.featured-item span
{ font-size: 11px; }
.main-side-bar#leftcol .side-section p.sermon-item
{ display: block; margin-bottom: 5px; font-size: 10px; }
.main-side-bar#leftcol .side-section p.sermon-item a
{ font-size: 11px; }
.main-side-bar#rightcol { float:right; padding: 20px 0px 10px 3px; }
.main-side-bar#rightcol .side-section { width: 200px; margin: 10px 0 10px 15px; }
.main-side-bar#rightcol .side-section img { width: 150px; margin: 10px 0 5px 25px; padding-bottom: 20px; border-bottom: 1px solid #000; color: #000;}
.main-side-bar .side-section h1 { display: block; font: bold 16px arial, sans-serif; padding-bottom: 5px; border-bottom: 1px solid #ff8722; color: #000; margin-bottom: 10px; }
.main-side-bar .side-section h1 a { text-decoration: none; font: bold 16px arial, sans-serif; color: #000; }
.main-content { margin: 0 250px 0 250px; padding: 10px; }
.main-content p { padding: 5px 0; }
.main-content h1 { display: block; font: bold 20px arial, sans-serif; }
.main-content div.address { text-align: center; padding-left: 110px; margin: 15px; width: 200px;}
.main-content .address p { font-size: 14px; text-align: center; }
.home-article { padding: 10px 0px 20px 0px; }
.home-article h2 { display: block; font: bold 16px arial, sans-serif; padding-bottom: 15px; border-bottom: 1px solid #666; color: #000; margin: 20px 0 10px 0; }
.home-article h2.h2link { text-decoration: underline; color: #036; }
.home-article h2 .italic { font: bold italic 16px arial, sans-serif; }
.home-article h3 { display: block; font: bold 14px arial, sans-serif; color: #000; margin: 10px 0 10px 0; }
.home-article img, .main-content img
{ margin: 3px; }
.home-article img.right, .main-content img.right
{ float: right; }
.home-article img.left, .main-content img.left
{ float: left; }
.home-article img.banner, .main-content img.banner
{ float: none; }
.home-article .worshiptable, .articletable { border-collapse: separate; border-spacing: 0px; border: solid black 1px; line-height: 18px; width: 450px; margin: 0 0 0 1px; }
.home-article .worshiptable th, .articletable th { text-align: center; border: solid black 1px; padding: 5px 3px 10px 3px; }
.home-article .worshiptable td, .articletable td { border: solid black 1px; padding: 5px 3px 5px 3px; }
.home-article .worshiptable .odd, .articletable .odd { background-color: #CCC; }
.home-article .worshiptable .even, .articletable .even { background-color: #EEE; }
.home-article #youtube { margin: 0px 30px 10px 30px; }
.scripture, .italic { font-style: italic; }
.strong { font-weight:bold; }
ul.squarelist { display: block; padding-left: 20px; margin: 20px 0px 10px; 0px; list-style-image: url(/images/bullet.gif); }
ol.squarelist { display: block; padding-left: 20px; margin: 20px 0px 10px; 0px; list-style-type: decimal; }
dl.squarelist { display: block; margin: 20px 0px 10px; 0px; list-style-type: none; }
.squarelist li, .squarelist dd{ line-height: 1.1em; margin-bottom: 10px; }
.squarelist dt { line-height: 1.1em; margin-bottom: 10px; font-weight: bold; }
dl.twocol { display: block; margin: 10px 0px 10px 20px; list-style-type: none; }
.twocol dd { line-height: 1.1em; margin: -28px 0px 15px 150px; }
.twocol dt { line-height: 1.1em; font-weight: bold; margin: 0px 0px 15px 0px; }
p#verse-day { display: block; font-size: 0.9em; font-style: italic; color: #333; line-height: 1.2em; }
p#verse-day div { display: inline; font-size: 0.9em; color: #333; line-height: 1em; }
p#verse-day a { font-size: 0.8em; color: #333; line-height: 1em; text-decoration: underline; }
p.label { font-weight: bold; text-align: left; }
p.label input, p.label select
{ border: inset 1px #369; margin: 0 10px; 0 40px; }
p.label textarea { border: inset 1px #369; margin-left: 100px; }
div#buttons { width: 430px; text-align: center; }
.formbutton { text-align: center; font-family: Gill Sans, Arial, sans-serif; font-size: 11px; color: black; border: outset 1px #369; margin: 10px; padding: 4px; height: 25px; background: url(http://www.wichitachurchofchrist.org/images/buttonback.gif) repeat-x; }
.footer { position: relative; background: #DFBC7A; width: 980px; height: 50px; clear: both; }
.footer ul { float: left; height: 50px; display: inline; margin: 10px 0 0 150px; }
.footer ul li { float: left; text-align: center; display: inline; height: 50px; }
.footer ul li a { color: #000; font-weight: bold; text-decoration: underline; font-size: 13px; padding-left: 1px; margin-left: 50px; }
.footer ul li a:hover { color: #FE0; font-weight: bold; text-shadow: 1px 1px 3px #333; }
.footer #copyright { position: absolute; font-size: 9px; bottom: 5px; right: 5px; }