/* defaults, globals, etc.
==============================================================================*/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;}

:focus 
{outline: 0;}

body 
{font: 12px "Georgia", serif;
text-align: left;
background-color: #f0f0f0}

ol, ul 
{list-style: none;}

table 
{border-collapse: separate;
border-spacing: 0;}

caption, th, td 
{text-align: left;
font-weight: normal;}

a, a img
{text-decoration: none}

h1
{font-style: italic;
font-weight: bold;
color: #661E8F;}

.clearit 
{clear: both;
height: 0;
line-height: 0.0;
font-size: 0;}


/* main layout, style
==============================================================================*/
#container
{width:800px;
margin:0 auto;
padding: 0 18px;
margin-top:36px;}

#contstyle
{background-color: #FFFFFF;
padding-top:18px;
border: 1px solid #d2d2d2;
border-bottom-color:#bcbcbc;
width: 800px;}

#wrapper
{float:left;
width:100%;
background: transparent url('images/toplines.gif') no-repeat top center;}

#nav
{margin-right: 600px;
}

#center
{float:left;
width:400px;
margin-left:-600px;
background: transparent url('images/toplines.gif') no-repeat top center;}

#extra
{float:left;
width:200px;
margin-left:-200px;
padding-top: 40px;
}

#mission
{clear:left;
width:100%;}

#footer
{width: 800px;
margin: 0 auto;}



/* logo, nav
==============================================================================*/
.cumclogo
{width: 200px;
height: 126px;
background: transparent url('images/cumclogo.gif') no-repeat center;
margin-bottom: 27px}

.cumclogo span
{display: block;
width: 0;
height: 0;
overflow: hidden;}

#nav ul
{}

#nav li
{font-size:1.167em;
line-height: 2.572em;
text-align: center;
font-style: italic;
border-top: 1px solid #e4e4e4;}

#nav a
{display: block}

#nav a:link, #nav a:visited
{color: #6E6E6E; }

#nav a:focus, #nav a:hover, #nav a:active
{color: #661E8F;
background-color: #f5f5f5 }

#nav li.active a:link, #nav li.active a:visited
{color: #661E8F;
background-color: #f5f5f5}

#nav li.active a:hover
{cursor: default}


/* center
==============================================================================*/

#center p
{font-size:1em;
line-height: 1.5em;
padding: 0 3em 1.5em 3em;
color: #525050 }

#center h1
{font-size:1.333em;
line-height: 1.125em;
padding: 0 36px 1.125em 36px; }

#center h2
{font-size:1em;
line-height: 1.5em;
padding: 0 36px 0 36px;
font-weight: bold;
color: #661E8F;
text-transform: uppercase;}

#center h2 span
{font-style: italic;
display: block;
text-transform: none}

#center img
{padding: 4px;
border: 1px solid #d2d2d2;
border-bottom-color:#bcbcbc;}

.imagehead
{margin: 7px 33px 20px 33px}

#center a, #extra a
{font-weight: bold;
color: #5C5B5B; }

#center a:focus, #extra a:focus, #center a:hover, #extra a:hover, #center a:active, #extra a:active
{color: #661E8F;}

#center button
{margin-top: 9px;
display: inline}

#center dl
{padding-left: 36px; padding-bottom: 0; padding-right: 36px; padding-top: 36px;}

#center dt
{font-size:1.083em;
line-height: 1.385em;
color: #661E8F;
padding:  .346em .818em 0 .818em;
font-weight: bold;
font-style: italic;}
 
 #center dd
{font-size:0.917em;
line-height: 1.636em;
padding: 0 .818em .818em .818em;
color: #525050;
font-style: italic;
margin-bottom: 18px;
border-bottom: 1px solid #d2d2d2;}

#center dd.fixed
{border-bottom: 1px solid #FFF}

#center dl.init
{padding-top: 0px}

.worship
{padding-top: 18px;
padding-bottom: 9px;
clear:both}

#center .worship h1
{border-bottom: 1px solid #d2d2d2;
padding: 0;
padding-bottom: .562em;
margin: 0 216px .562em 36px;}

.worship img
{float: right;
margin: 0px 36px 4px 10px}


/* extra (side column)
==============================================================================*/
#extra h1
{font-size:1.083em;
line-height: 1.385em;
padding: 0 36px 0 36px}

#extra ul
{margin: 0 36px 18px 36px;
padding-bottom: 18px;}

.bor
{
border-bottom: 1px solid #d2d2d2}

#extra li
{color: #525050;
font-size:0.917em;
line-height: 1.636em;}

li.verone
{padding: .826em 0 .826em 0}

li.vertwo
{padding: .409em 0 .826em 0;
border-top: 1px solid #d2d2d2}

#extra li span
{display: block;
font-style: italic;
line-height: .5em}

#extra p
{color: #525050;
font-size:0.917em;
line-height: 1.636em;
padding: 0 36px 18px 36px;}

#extra em
{font-style: italic}



/* mission
==============================================================================*/
#mission
{background: transparent url('images/missiontop.gif') no-repeat top center;}

#mission h4
{color: #525050;
text-align: center;
text-transform: uppercase;
letter-spacing: .15em;
padding-top: 44px;
padding-bottom: 1.8em;
font-size:0.833em;
line-height: 1.8em;}

#mission strong
{font-weight: bold}


/* footer
==============================================================================*/
#footer p
{color: #5C5B5B;
text-align: center;
font-style: italic;
font-size:0.833em;
line-height: 3.6em;
padding-bottom: 18px;}

#footer a
{font-weight: bold;
color: #5C5B5B; }

#footer a:focus, #footer a:hover, #footer a:active
{color: #661E8F;}