html, body{
height: 100%;
}

table{
height:97%;
}

td{
vertical-align:top;
}

#header {
font-family:  Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Helvetica, sans-serif;
height: 150px;
width: 100%;
}

#header h1 {
font-size:  2.6em;
position: absolute;
top: 0.6em;
left: 2.4em;
margin: 0;
border-style: none;
white-space: nowrap;
}

#church{
	position: absolute;
	top:  0px;
	left: 0px;
	border-style: none;
	text-decoration: none;
}

#cross{
	position: absolute;
	top:  0.7em;
	left: 53em;
}

#address {
	position: absolute;
	top:  5em;
	left: 13em;
}

#contact {
	position: absolute;
	top:  5em;
	left: 28em;
}


body{
background-image: url(../images/skyfade.jpg);
background-repeat: repeat-x;
}

body.youth{
background-image: url(../images/skyfade.jpg);
background-repeat: repeat-x;
}

#sidebar {
width: 11em;
position: absolute;
top:  158px;
}

#footer {
	font: 12px Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Helvetica, sans-serif;
	padding-top: 1.5em;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a {
font: 1.4em Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #FFFFCC #993333 #993333 #FFFFCC;
margin: 0;
padding: 2px 10px;
color: Black;
background: transparent;
text-decoration: none;
}

#menu a:visited {
color: Black;
background: transparent;
}

#menu a:hover, #menu a:focus {
color: White;
background: Blue;
}

#submenu {
color: Black;
background: transparent;
}

#submenu a {
font: 1.1em/1.2em Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Helvetica, sans-serif;
color: Black;
background: transparent;
border-width: 1px;
border-style: solid;
border-color: transparent #993333 #993333 transparent;
padding: 0px;
margin-left: 20px;
}

#submenu a:visited {
color: #000;
background: transparent;
}

#submenu a:hover, #submenu a:focus {
color: #fff;
background: #0000ff;
}

#submenu a:active {
color: #000;
background: #ccc;
}
#content {
font: 1.0em Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Helvetica, sans-serif;
	position: absolute;
	top:  10em;
	left: 13em;
	min-height: 100%;
max-width: 54em;
}

#content p.home {
	max-width: 38em;
}
	
#content h3 {
	color: #800;
	background-color: transparent;
    font-weight: bold;
}

#content h3.italic {
	font-style: italic;
	text-indent: 40px;
	color:#000;	
	background-color: transparent;
}

#content a {
font-size: 18px;
}

#content p {
text-indent: 24px;
}

#content div {
padding: 0px 1%;
}	

#content div.padded {
padding: 40px 40px 40px 40px;
}	

#content div.upperroom {
padding: 0;
border-width: 1px;
}	

#content hr {
width: 90%;
}

#content table.worship {
width: 98%;
}

#content dt {
font-weight: bold;
padding-top: 3px;
}

#content td {
vertical-align: top;
}

#content ul {
	list-style-image: url(../images/bulletcross.png);
	list-style-type: circle;
}

#content li {
	margin: 1em 0;
	/*clear: left;*/
}

#bits {
font: 1.0em Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Helvetica, sans-serif;
	position: absolute;
	top:  14em;
	left: 52em;
	min-height: 100%;
max-width: 15em;
}

#bits ul {
	list-style-image: url(../images/bulletcross.png);
	list-style-type: circle;
}

#bits li {
	margin: 1em 0;
}

#bits h3.italic {
	font-style: italic;
	text-align: center;
	color:#000;	
	background-color: transparent;
}

#christmas {
	color: #006633;
}

#special {
	color: navy;
	position:absolute;
	top: 8.2em;
	left: 25em;
	height: 4em;
	min-width:10em;
}

#special ul {
	list-style-image: url(../images/bulletcross.png);
	list-style-type: circle;
}

#maplinks dd {
padding-top: 1.5em;
}

img.noborder {
	border-style: none;
	}

img.linkimg  {
	border-style: none;
	float: left;
	margin: 0px 10px 10px 10px;
}

.NoFloat li{
	clear:left;
	}

#bigfirst p:first-letter{
	font-size: 2em;
	font-weight: bold;
	}