ol, ul { margin-left: 2em; padding-bottom: 1em; }

p { line-height: 1.5em; margin: 1em 0 .5em; }

h1 { font-size: 26px; line-height: 1; margin: 1em 0 .5em; }

h2 { font-size: 1.5em; line-height: 1; margin: 1.07em 0 .535em; }

h3 { font-size: 1.4em; line-height: 1; margin: 1.14em 0 .57em; }

h4 { font-size: 1.3em; line-height: 1; margin: 1.23em 0 .615em; }

h5 { font-size: 1.2em; line-height: 1; margin: 1.33em 0 .67em; }

h6 { font-size: 1em; line-height: 1; margin: 1.6em 0 .8em; }

h1, h2, h3, h4, h5, h6 { color: #a51919; font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-weight: 200; }

.left { display: inline; float: left; margin: 10px 10px 10px 0; }

.right { display: inline; float: right; margin: 10px 0 10px 10px; }

body { background: #001622 url(../images/body.jpg) top center repeat-x; color: #333; text-align: center; font: 14px/20px helvetica, arial, sans-serif; }

#shell { margin: auto; position: relative; width: 940px; text-align: left; }

* { margin: 0; padding: 0; }

img { border: 0; }

.clear, .clearme { clear: both; }

a { text-decoration: none; }

#head { background: url(../images/nav-banner.jpg) no-repeat; height: 555px; left: -5px; position: absolute; top: 0; width: 303px; z-index: 5; }
#head h1 { left: 36px; margin: 0; padding: 0; position: absolute; top: 110px; }
#head h1 a { display: block; background: url(../images/christ-church-logo.jpg) no-repeat; height: 66px; width: 235px; }
#head h1 span { display: none; }

ul#navPrimary { left: 0; margin: 0; padding: 0; position: absolute; text-align: center; top: 175px; width: 303px; }
ul#navPrimary li { list-style: none; margin: 0; padding: 0; position: relative; }
ul#navPrimary li a { color: #FFFFCC; font: 24px/40px times, "Times New Roman", serif; margin: 0; text-decoration: none; text-shadow: rgba(0,0,0,.65) 2px 2px 2px; }
ul#navPrimary li a:hover { text-shadow: rgb(255,255,255) 0 0 5px; }

ul#callouts { float: left; margin: 0; position: absolute; padding: 0; right: 0; top: 46px; }
ul#callouts li { display: inline; float: left; list-style: none; }
ul#callouts li a { float: left; }
ul#callouts li { margin-right: 10px; }
ul#callouts a { background: url(../images/nav-tab.png) repeat-x; color: #fdd861; font: 24px/24px times, "Times New Roman", serif; letter-spacing: -1px; padding: 10.5px 0; text-align: center; width: 200px; }
ul#callouts a:hover { color: #ffff94; background-position: bottom; }

#main { background: #fff url(../images/main-bg.jpg) 0 140px no-repeat; -moz-box-shadow: rgb(0,0,0) 0 10px 20px; -webkit-shadow: rgb(0,0,0) 0 10px 20px; display: inline; float: right; margin-top: 90px; padding: 0px 13px 40px 13px; position: relative; width: 614px; z-index: 6; }
#main a { color: #4278d3; text-decoration: underline; font-weight: bold; }
#main a:hover { color: #0f45a0; }
#main #main_col { display: inline; float: left; width: 365px; }
#main #sub_col { border-left: 1px solid #D5CFA1; display: inline; float: right; padding-left: 15px; width: 225px; }
#main #sub_col strong { color: #4278d3; }
#main #sub_col ul { color: #666; font-size: 12px; line-height: 15px; }
#main #sub_col ul li { margin-bottom: 15px; }
#main #slideshow { border-top: 2px solid #fff; display: block; height: 340px; margin: 0 -13px; margin-bottom: 20px; overflow: hidden; width: 640px; }
#main #slideshow a { left: 0; position: absolute; top: 0; }
#main #masthead { background: #052939; margin: 0 -13px; min-height: 140px; position: relative; }
#main #page-title { top: 55px; color: #f6f2d3; font-size: 32px; left: 13px; position: absolute; text-shadow: rgba(0,0,0,.65) 2px 2px 2px; width: 400px; z-index: 5; }
#main #page-title.longer-page-title { font-size: 26px; height: 60px; line-height: 1em; }
#main #user-header * { display: none; }
#main #user-header img { display: block; height: auto; width: 640px; -ms-interpolation-mode: bicubic; }
#main .col { display: inline; float: left; width: 48%; }
#main .col + .col { display: inline; float: right; }
#main .col ul { color: #4278d3; }

#sub { color: #fff; font-size: 12px; display: inline; float: left; padding-top: 555px; position: relative; width: 290px; }
#sub h1 { color: #f6f2d3; margin-top: 0; }
#sub a { color: #efc319; }
#sub a:hover { color: #bc9000; }

table { font-size: 12px; width: 100%; }

td { border-top: 1px solid #d5cfa1; padding: 10px 0; vertical-align: top; }

label { display: block; font-size: 16px; margin-bottom: 3px; }

input[type="text"] { height: 20px; width: 90%; margin-bottom: 10px; font-size: 14px; padding: 2px; }

#foot { color: #fff; clear: both; font-size: 12px; margin-top: 30px; padding-bottom: 75px; position: relative; text-align: left; }
#foot ul { list-style: none; margin: 0; padding: 0; }
#foot ul li ul { margin-left: 2em; }
#foot h1 { color: #f6f2d3; }
#foot a { color: #efc319; }
#foot a:hover { color: #bc9000; }
#foot .tri-float { display: inline; float: left; margin-right: 20px; width: 300px; }
#foot .tri-float.last { margin-right: 0; }
#foot .tri-float.last .wrapper { background: url(../images/foot-shield.png) top left no-repeat; padding-left: 70px; }

#cocoDesign { background: #333; display: none; height: 21px; position: absolute; right: 10px; top: 10px; width: 56px; }
#cocoDesign span { display: none; }

#captcha { margin: .5em 0 .5em 0; font-size: 13px; }

#captcha_answer { width: 100px; }

.captcha_failed input { border-style: inset; border-color: red; border-width: 3px; }