html {font-size: 100%} /* IE hack */
body {padding: 0; margin: 0; font: small Verdana, Arial, Helvetica, sans-serif; background: #066 url(img/bg_stripe.gif) repeat-x top left; color: #fff; text-align: center}
* html body {font-size: x-small; /* for IE5/Win */
  f\ont-size: small /* for other IE versions */}
#container {width: 771px; font-size: 90%; margin: 0 auto; text-align: left}
a:link, a:visited {color: #066; text-decoration: none}
a:hover, a:active {text-decoration: underline}
img {border: none}
h1, h2, h3, h4, h5, h6 {margin: 0 0 .3em}
h1 {font-size: 155%; border-bottom: 1px dashed #ccc; letter-spacing: .3em; padding-bottom: 4px; color: #036; margin-bottom: .6em}
h2 {font-size: 135%; background: #dbdfbe; padding: 3px}
h3 {font-size: 125%}
h4 {font-size: 110%}
h5 {font-size: 100%}
h6 {font-size: 100%}
ul {margin: 5px 0 0 20px; padding: 0; list-style: none}
* html body ul {margin-left: 22px; /* for IE5/Win */
  m\argin-left: 20px /* for other IE versions */}
ul li {background: url(img/icons/bullet_arrow.gif) no-repeat 0 2px; padding-left: 16px; padding-bottom: 4px}
ul.box li {background: url(img/icons/bullet_box.gif) no-repeat 0 2px; padding-left: 16px}
ul.diamond li {background: url(img/icons/bullet_diamond.gif) no-repeat 0 2px; padding-left: 16px}
ul.star li {background: url(img/icons/bullet_star.gif) no-repeat 0 2px; padding-left: 16px}
p {margin: 0 0 .7em}



/* general */
.border {border: 1px solid #999}
.alert {color: #c00}
div.errors {margin-bottom: 10px}
.dim, a:link.dim, a:visited.dim {color: #999; font-size: 90%}
a:hover.dim {color: #666}
.clear {clear: both}
.spacer {margin-bottom: 4px}
.hr {border-bottom: 1px dashed #999; margin: 5px 0; clear: both}
.hr hr {padding: 0; margin: 0; display: none}
.alpha {list-style-type: lower-alpha}
a#qt {width: 88px; height: 31px; background: url(img/get_qt.png) no-repeat; display: block}
a:hover#qt {background-position: 0 -31px}
.confirm {background: #fffdda; border: 1px solid #f7f4c7}
.confirm_inner {padding: 8px}
#counter {text-align: center}
#counter div {width: 50px; padding: 4px; background: #004747; color: #ddd; font-size: 90%; margin: 0 auto}

/* form management */
form {padding: 0; margin: 0}
input.text, textarea.textarea {border: 1px solid #666; padding: 0 4px; font: 11px Verdana, Arial, Helvetica, sans-serif}
textarea.textarea {height: 80px}
input.text {height: 15px; line-height: 15px}
select.select {font: 11px Verdana, Arial, Helvetica, sans-serif}
input.button {background: #eee; color: #666; padding: 0; margin: 0; font: bold 11px Arial, Helvetica, sans-serif; border: 1px solid #666}

/* Epic Form */
#epic p.req {text-align:right;}
#epic div.req label {color:#902;}
#epic div span {margin-left:10px; font-style:italic; font-size:10px;}
#epic label {float:left; width:150px;}
#epic label.radio {clear:left; margin-left:70px; width:350px; color:#000;}
#epic input, #epic select, #epic textarea {float:left; margin-bottom:10px;}
#epic #rego_form div {clear:left;}
#epic div.submit input {float:right; margin-top:15px;}
#epic #total {width:50px;}
#epic #comments {width:300px; height:100px;}


/* Worship Slider */
#slideshow{border:3px solid #000;text-align:left;}

/* table management */
td {font: 11px Verdana, Arial, Helvetica, sans-serif}
table.form {width: 100%}
table.form td {padding: 3px; vertical-align: top}
table.form tr.odd td {background: #dbdfbe}
table.form tr.even td {/*background: #e4e4c1*/}
table.form td.label {text-align: right; font-weight: bold}
table.form td.input {padding-right: 10px}

table.info {border: 1px solid #ccc}
table.info th {text-align: left; background: #ddd; padding: 4px; border-bottom: 1px solid #ccc}
table.info td {padding: 4px; vertical-align: top}
table.info td.odd, table.info tr.odd td {background: #dbdfbe}
table.info td.even, table.info tr.even td {/*background: #e4e4c1*/}

table.altrows th {text-align: left; background: #dcdcb5; font-size: 13px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc}
table.altrows td, table.altrows th {padding: 2px}
table.altrows tr.odd td {background: #dbdfbe}
table.altrows tr.even td {/*background: #e4e4c1*/}
table#sermons .aud, table#sermons .vid {text-align: center}
table#sermons .date {white-space: nowrap; padding-right: 10px}
table#sermons .notes {white-space: nowrap; text-align: center;}

/* header */
#header {height: 80px; position: relative}

/* layout */
#layout {width: 764px; background: #e7e7c7 url(/img/layout_content.gif) repeat-y top left; color: #333}
#layout_top {height: 14px; background: url(/img/layout_corners.gif) no-repeat top left}
#epic #layout_top {background: url(/img/layout_corners_epic.gif) no-repeat top left}
#col_left {width: 94px; float: left; text-align: center; padding: 15px 0}
#epic #col_left {width: 93px;}
#col_main {width: 546px; float: left}
#col_right {width: 121px; float: right; margin-right: 1px; font-size: 92%}
#layout .pad {padding: 0 10px}
#col_left .pad {padding: 0}
#col_right .pad {padding: 0 10px}
#layout_bottom {height: 14px; background: url(/img/layout_corners.gif) no-repeat bottom left; clear: both}
#col_one {width: 49%; float: left}
#col_two {width: 49%; float: right}

body.breakout #layout {background: none}
body.breakout #layout_top {display: none}
body.breakout #col_left {display: none}
body.breakout #layout .pad {padding: 0}
body.breakout #layout_bottom {clear: both; visibility: hidden; height: 4px}

/* Evite Form Styles */
form#evite div.left {float:left; width:250px;}
form#evite div.right {float:right; width:250px;}
form#evite {background:url('/img/evite-form-bg.jpg') left top no-repeat; margin:15px 0; padding:10px; text-align:left;}
form#evite .text, form#evite .textarea {display:block; width:200px; padding:2px 3px; margin-bottom:5px;}
form#evite .textarea {height:130px;}
form#evite label {font-size:12px;}
form#evite span, ul.warn {color:#990008; text-align:left;}
form#evite p.note {clear:both; font-size:8px; padding-top:4px; font-style:italic;}

/* Urgent Message Styles */
#urgent-msg {border:2px solid #ff0000; background-color:#fff; clear:both; margin:10px auto; padding-bottom:10px;}
#urgent-msg h3 {color:#ff0000; text-align:center; margin:10px;}
#urgent-msg p {margin:5px 10px;}
#urgent-msg p a {text-decoration:underline;}
#urgent-msg p a:hover {text-decoration:none; color:#ff9900;}

/* footer */
#footer {font-size: 90%; text-align: center}
#footer .pad {padding: 7px 0}
#footer a:link, #footer a:visited {color: #fff}
#footer a:hover {color: #eee}

/* Watch us online */
#watch-live {background:transparent url(/img/live-watch-us.jpg) 0 0 no-repeat; width:763px; height:150px; float:left;}
#watch-live a{float:right; margin-top:100px;}

/* http://positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-table}
    /* Hides from IE-mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}
    /* End hide from IE-mac */