/* reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* core */
.floatleft {float:left} .floatright {float:right} 
.clear {clear:both} .clearright {clear:right} .clearleft {clear:left} .clearfix:after {content:'.';display:block;height:0;clear:both;visibility:hidden} .clearfix {display:inline-block}
.aligncenter {text-align:center} .alignleft {text-align:left} .alignright {text-align:right}
.padding {padding:10px} .paddingtop {padding-top:10px} .paddingright {padding-right:10px} .paddingleft {padding-left:10px} .paddingbottom {padding-bottom:10px} .nopadding {padding:0}
.margin {margin:10px} .margintop {margin-top:10px} .marginright {margin-right:10px} .marginleft {margin-left:10px} .marginbottom {margin-bottom:10px} .nomargin {margin:0} 

/* background */

.background { background:transparent url(/images/crossover/background-gradient.png) repeat-x top center; }
.background-container { width:812px; margin:0 auto; }

/* tags */

body { background:#a46c22 url(/images/crossover/body-bg-wood.jpg) repeat top center; font:12px Helvetica,Arial,sans-serif; color:#333; }

h1, h2, h3, h4, h5, p, ul {margin-bottom:10px}
h1 { font-size:30px; color:#71321B; letter-spacing:-0.6pt; } h1 a { color:#24a1dd; text-decoration:none; } h1 a:hover { color:#043c6c; text-decoration:underline; }
h2 { font-size:20px; color:#71321B; } h2 a { color:#24a1dd; text-decoration:none; } h2 a:hover { color:#043c6c; text-decoration:underline; }
h3 { font-size:16px; color:#043c6c; } h3 a { color:#043c6c; text-decoration:none; } h3 a:hover { color:#db7419; text-decoration:underline; }
p, .content li { color:#4a1f0f; line-height:18px; } p a, .content li a { color:#4a1f0f; text-decoration:underline; } p a:hover, .content li a:hover { color:#db7419; }

/* header */

.header { text-align:center; padding:10px 0 4px; }

/* page */

.page { position:relative; }
.page-top { background:transparent url(/images/crossover/page-bg-top.png) no-repeat left top; height:12px; }
.page-middle { background:transparent url(/images/crossover/page-bg-middle.png) repeat-y scroll center top; padding:0 14px; overflow:hidden; }
.page-middle .page-middle-topper { background:transparent url(/images/crossover/paper-middle.jpg) repeat-y center top; overflow:hidden; }
.page-middle .page-middle-stain { background:transparent url(/images/crossover/coffee-stain.png) no-repeat right top; overflow:hidden; }
.page-bottom { background:transparent url(/images/crossover/page-bg-bottom.png) no-repeat scroll center top; height:29px; }

.accessories {position:relative}
.accessories .tape1 {position:absolute;z-index:100; top:-80px; left:-60px; background:transparent url(/images/crossover/tape1.png) no-repeat top center; width:209px; height:183px; }
.accessories .tape2 {position:absolute;z-index:101; top:-70px; left:710px; background:transparent url(/images/crossover/tape2.png) no-repeat top center; width:209px; height:183px; }
/* content */

.content { padding-bottom:20px; }
.content-subnav .content { width:530px; float:left; }
.content .grouptitle { color:#6c3f18; font-size:16px; line-height:26px; }
.content .intro { color:#6c3f18; font:14px Georgia,Times,serif; font-style:italic; line-height:20px; padding:10px 20px; }
.content .intro a { color:#6c3f18; text-decoration:underline; } .content .intro a:hover { color:#250F08; }
.content .imageframe { padding:4px; background:#fff url(/images/template/calendar-td-bg.jpg) repeat top center; border-bottom:1px solid #c5b071; }
.content .imageleft { float:left; margin-right:10px; }
.content .imageright { float:right; margin-left:10px; }

.content li { line-height:18px; margin-left:30px; }
.content li a { color:#043c6c; }
.content li a:hover { color:#db7419;  }
.content ol li { list-style-type:decimal; }
.content ul li { list-style-type:disc; }
.content ul li li { list-style-type:circle; }

.sidebar { width:220px; float:right; padding-top:10px; color:#71321B; }
.sidebar .subnav li.sub a { padding:6px 6px 6px 16px; display:block; color:#8d6644; text-decoration:none; font-weight:bold; background:transparent url(/images/template/white-30.png) repeat left bottom; border-bottom:1px solid #dccdae; }
.sidebar .subnav li.sub a:hover { color:#71321B; background-image:url(/images/template/white-60.png); }
.sidebar .subnav li.title a { display:block; font-weight:bold; text-transform:uppercase; text-decoration:none; font-size:14px; color:#71321B; background:transparent url(/images/template/subnav-bg.jpg) repeat-x left top; padding:10px; border-bottom:1px solid #cba962; }
.sidebar .subnav li.title a:hover { color:#250F08; }

/* how */

.how .how-box { background:transparent url(/images/template/how-bg.png) no-repeat center top; height:185px; float:left; text-align:center; }
.how .how-box img { position:relative; top:14px; }
.how .how-box-celebrate { width:271px; }
.how .how-box-connect { width:270px; }
.how .how-box-care { width:271px; }

/* how we buttons */

.button-prev { position:absolute; z-index:10; top:160px; left:-24px; }
.button-prev a { display:block; width:30px; height:54px; background:transparent url(/images/template/sidebutton-left.png) no-repeat 10px center; }
.button-prev a:hover { background-position:4px center; }
.button-next { position:absolute; z-index:10; top:160px; left:806px; }
.button-next a { display:block; width:30px; height:54px; background:transparent url(/images/template/sidebutton-right.png) no-repeat -10px center; }
.button-next a:hover { background-position:-4px center; }

/* extras */

.extras { text-align:center; }

/* footer */

.footer { border-top:4px solid #ae7a2f; margin-top:20px; clear:both; background:#000 url(/images/crossover/bottom-bg-wood.jpg) repeat scroll center top; }
.footer-shadow { background:transparent url(/images/crossover/bottom-shadow.png) repeat-x top center; padding:20px 0 60px; }
.footer-container { width:800px; margin:0 auto; color:#61554b; line-height:18px; color:#422e2a; font-size:11px; }
.footer a { color:#61554b; text-decoration:none; }
.footer a:hover { color:#fff; }
.footer .title { font-size:12px; font-weight:bold; color:#61554b; line-height:22px; text-transform:uppercase; }
.footer .address { color:#61554b; float:left; width:210px; padding-left:60px; background:transparent url(/images/crossover/flame.png?3) no-repeat left 6px; }
.footer .aboutus, .footer .crossover, .footer .ministries { float:left; height:120px; padding:0 20px; border-left:1px dotted #483c31;color:#61554b; }

.footer li { list-style:none; }

/* ie6 warning */

#ie6-warning { width:100%; background:#fef493; border-bottom:2px solid #6a4218; padding:10px 0; }
#ie6-warning p { margin:0 auto; }