/* King's Church stylesheet by Jeremy Williams */

body {
margin:0;
background: url(images/backdrop.gif) center repeat-y #dddddd;
padding-top:2px;
padding-bottom:2px;
font:90%/1.3em Verdana,Geneva,Arial,Helvetica,sans-serif;
		}

/******* FONT STYLES *******/

p { margin:0.5em 10px 0 0;}

p.right {text-align:right; margin-right:1em;}
p.icon {font-size:100%;margin:1em 0 0 8em;}
p.pagelead {font-size:140%;line-height:120%;color:#000000;font-family:Tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;margin-top:-5px;}
p.hanging {margin-left:8em;}
p.bigger {font-size:115%;}
p.biggest {font-size:130%;}

p.breadcrumb {font-size:100%;margin-top:2em;}

p.hanghead {
float:left;
font-weight:bold;
font-size:120%;
font-family:Tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#003366;
}

h1,h2,h3,h4 {
font-family:Tahoma, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#000033;
font-weight:normal;
line-height:120%;
}

h1 {font-size:300%;margin-top:1em;}
h2 {font-size:240%;}
h3 {font-size:180%;}
h4 {font-size:130%;margin-bottom:0.5em}

h3.icon {margin:1em 0 0 5.8em;}
h2.nearh2 {margin-bottom:0em;}
h3.nearh3 {margin-bottom:0em;}
h4.nearh4 {margin-bottom:0em;}

#sidebar h3 {margin-left:15px;margin-top:15px; margin-bottom:0px;}
#sidebar p {margin-left:15px;margin-bottom:1em;font-size:100%;line-height:120%}

#lifestories h3 {margin:0px; color:#006600}
#lifestories p {font-size:110%;}

.tablehead {
background-color:#a2d2e5;
border-bottom:1px solid #000066;
text-align:left;
padding-left:0.2em;
}


/******* STRUCTURE AND LAYOUT DIVS *******/

#wrap {
height:100%;
width:760px;
margin-left:auto;
margin-right:auto;
border:1px solid #555555;
background: url(images/faux-long.gif) right repeat-y;
}

#banner {
height:150px;
margin-bottom: 0;
background:#000033 left no-repeat;
}
		
#navcontainer {
background-color:#000099;
display:inline;
padding:0;
margin:0;
border-width:0px;
}

#content {
padding:10px;
margin-left:10px;
margin-right:222px;
background-color:#ffffff;
}

div#content {
width:510px;
padding:4px;
}

#sidebar {
float:right;
width:220px;
background:#dddddd url(images/faux.gif) repeat-y;
}

#footer {
clear:both;
height:6em;
padding:10px;
background-color:#000033;
color:#ffffff;
}

.border {border:1px solid #999999;}

.padded {padding:4px;}


/******* COLORS *******/

.c0 {background:#000033}
.c1 {background:#aaaaaa}
.c2 {background:#cccccc}
.c3 {background:#99ccff}
.c4 {background:#6699cc}
.c5 {background:#ffddbb}
.c6 {background:#cc9966}
.c7 {background:#cc9999}
.c8 {background:#99cc66}
.c9 {background:#330000;}


.white {color:#ffffff}
.darkgreen {color:#003300;}
.beige {color:#cc9966}
.black {color:#000000}

/******* IMAGES AND GRAPHICS *******/

img {
border:none;
display:inline;
}

.bar-img {
float:left;
margin:0;
}

.right-img {
float:right;
margin:0.5em 1em 1em 0.5em;
width:27em;
height:15em;
}

.left-img {
float:left;
margin:0.5em 1em 1em 0.5em;
width:27em;
height:15em;
}

.right-img-sml {
float:right;
margin:0 0 1em 1em;
width:9em;
height:5em;
}

.left-img-sml {
float:left;
margin:0 1em 1em 0;
width:9em;
height:5em;
}

.icon-img {
float:left;
margin:0.2em 0.5em 0 0.8em;
width:6em;
height:6em;
}

.square-img {
clear:left;
float:left;
width:8em;
height:8em;
margin:1em;
}

.square-img-med {
float:left;
margin:1em 1em 1em 1em;
width:10em;
height:10em;
}

.square-img-big {
float:left;
margin:0 1em 1em 0;
width:15em;
height:15em;
}

.square-img-huge {
float:left;
margin:0 1em 1em 0;
width:20em;
height:20em;
}

.logo-img {
width:27em;
height:15em;
}

.collage-img {
width:70%;
}

.table-img {
width:9em;
height:5em;
}

#sidebar img {
width:190px;
margin-left:15px;
}


.image-indent {margin-left:12em;}
.rule {margin:0 5px;}


/******* STANDARD LINK STYLES *******/

a {
color:#3366cc;
text-decoration:none;
}

a:hover {
color:#0066cc;
text-decoration:none;
}

div.click-item a {
text-decoration:none;
color:#000000;
}

div.click-item a:hover {
text-decoration:none;
color:#000000;
}


/******* CUSTOM LINK STYLES *******/

#navcontainer a {display:inline;float:left;}

#lifestories a {color:#003300;}
#lifestories a:hover {color:#ffffff;}

#footer a {color:#ffffff;}
#footer a:hover {color:#99ccff;}