/* CSS mostly written by Matt Lohkamp, based around the three column layout available at http://bluerobot.com. (...she has been setting a light to our beacon, which, I've just remembered, is Grail shaped. It's not the first time we've had this problem.) */

body {
	color:#303438;
	background-image:url('../img/bodypatt.gif');
	background-color:#f8f8f8;
	margin:0px;
	padding:0px
	}

h1 {
	display:none;
	margin:0px 0px 15px 0px;
	padding:4em;
	font-weight:900;
	font:2em  kristen itc, comic sans, arial, sans-serif;
	color:#dd0000;
	}

h2 {
	margin:0px 0px 15px 0px;
	padding:0px;
	text-align:right;
	font-weight:700;
	font:1.2em  kristen itc, comic sans, arial, sans-serif;
	color:#dd0000;
	border-bottom: #dd0000 2px solid;
	}

h3	{
	font:.8em century gothic, trebuchet, arial, sans-serif;
	padding:0px;
	margin:0px;
	}

p, td, th, ul.nonnav	{
	font:1em/1.5em century gothic, trebuchet, arial, sans-serif;
	margin:0px 0px 1em 0px;
	padding:0px;
	}

ul.nonnav	{
	width:100%;
	list-style:square;
	padding:1em;	
	}

p.ind	{
	text-indent:28px;
	}

.center	{
	text-align:center;
	}

td, th	{
	padding:4px;
	border-bottom:1px solid #dddddd;
	}

table.calendar td, th	{
	font:1em/1.5em century gothic, trebuchet, arial, sans-serif;
	margin:0px 0px 1em 0px;
	padding:10px;
	}

a {
	color:#39c;
	font-weight:600;
	text-decoration:none;
	}

a:link {color:#39c;}

a:visited {color:#dd0000;}

a:hover {color:#dd0000;}

#menu	{
	position:absolute;
	left:16px;
	top:200px;
	background-color:trasparent;
	border-width:1px;
	border-color:#161622 #f8f8f8 #f8f8f8 #161622;
	border-style:solid;
	z-index:7;
	}

#ccontent	{
	position:absolute;
	padding:1em;
	left:522px;
	top:72px;
	background-color:#f8f8f8;
	z-index:6;
	width: 829px;
	}

#cfull	{
	position:absolute;
	padding:1em;
	left:200px;
	top:68px;
	background-color:#f8f8f8;
	z-index:6;
	}

#cfull h2	{
	text-align:left;
	}

#cpicbeliefs	{
	position:absolute;
	margin:0px;
	padding:0px;
	left:200px;
	top:68px;
	width:320px;
	height:600px;
	background:url('../img/stainedglass1.jpg') no-repeat top left;
	z-index:5
	}

#cpiccommoncup	{
	position:absolute;
	margin:0px;
	padding:0px;
	left:200px;
	top:68px;
	width:320px;
	height:600px;
	background:url('../img/commoncuplogo.jpg') no-repeat top left;
	z-index:5
	}

#cpiccommunity	{
	position:absolute;
	margin:0px;
	padding:0px;
	left:200px;
	top:68px;
	width:320px;
	height:720px;
	background:url('../img/layout.jpg') no-repeat top left;
	z-index:5;
	}

#cpiccontact	{
	position:absolute;
	margin:0px;
	padding:0px;
	left:200px;
	top:68px;
	width:320px;
	height:600px;
	background:url('../img/thechurch1.jpg') no-repeat top left;
	z-index:5
	}

#cpiccreative	{
	position:absolute;
	margin:0px;
	padding:0px;
	left:200px;
	top:68px;
	width:320px;
	height:600px;
	background:url('../img/music1.jpg') no-repeat top left;
	z-index:5
	}

#cpicmusic	{
	position:absolute;
	margin:0px;
	padding:0px;
	left:200px;
	top:68px;
	width:320px;
	height:600px;
	background:url('../img/Helen.jpg') no-repeat top left;
	z-index:5
	}

#cpiceducation	{
	position:absolute;
	margin:0px;
	padding:0px;
	left:200px;
	top:68px;
	width:320px;
	height:600px;
	background:url('../img/education1.jpg') no-repeat top left;
	z-index:5
	}

#cpicfellowship	{
	position:absolute;
	margin:0px;
	padding:0px;
	left:200px;
	top:68px;
	width:320px;
	height:200px;
	background:url('../img/Evergreen.jpg') no-repeat top left;
	z-index:5
	}

#cpicindex	{
	position:absolute;
	margin:0px;
	padding:0px;
	left:200px;
	top:68px;
	width:320px;
	height:600px;
	background:url('../img/thechurch1.jpg') no-repeat top left;
	z-index:5
	}

#cpicMaundy	{
	position:absolute;
	margin:0px;
	padding:0px;
	left:202px;
	top:70px;
	width:300px;
	height:225px;
	background:url('../img/Maundy.jpg') no-repeat top left;
	z-index:5
	}

#cpicEaster	{
	position:absolute;
	margin:0px;
	padding:0px;
	left:202px;
	top:70px;
	width:300px;
	height:225px;
	background:url('../img/Risen.jpg') no-repeat top left;
	z-index:5
	}

#cpicoutreach	{
	position:absolute;
	margin:0px;
	padding:0px;
	left:200px;
	top:68px;
	width:320px;
	height:240px;
	background:url('../img/Habitat.jpg') no-repeat top left;
	z-index:5
	}

#cpicpeople	{
	position:absolute;
	margin:0px;
	padding:0px;
	left:200px;
	top:68px;
	width:320px;
	height:600px;
	background:url('../img/cross1.jpg') no-repeat top left;
	z-index:5
	}

#cpicpurpose	{
	position:absolute;
	margin:0px;
	padding:0px;
	left:200px;
	top:68px;
	width:320px;
	height:600px;
	background:url('../img/stainedglass.jpg') no-repeat top left;
	z-index:5
	}

#cpicrecreation	{
	position:absolute;
	margin:0px;
	padding:0px;
	left:200px;
	top:68px;
	width:320px;
	height:600px;
	background:url('../img/camp1.jpg') no-repeat top left;
	z-index:5
	}

#cpicworship	{
	position:absolute;
	margin:0px;
	padding:0px;
	left:200px;
	top:68px;
	width:320px;
	height:600px;
	background:url('../img/cross1.jpg') no-repeat top left;
	z-index:5
	}

#cpiccommunitypage	{
	position:absolute;
	margin:0px;
	padding:0px;
	left:200px;
	top:68px;
	width:320px;
	height:700px;
	background:url('../img/layout.jpg') no-repeat top left;
	z-index:5
	}

#cpic p	{
	margin-top:268px;
	text-align:center;
	font-size:.8em;
	background-color:#f8f8f8;
	}

#head	{
	position:absolute;
	left:220px;
	top:20px;
	width:574px;
	height:33px;
	background:url('../img/thumclogo.gif') no-repeat top left;
	z-index:4
	}

#blogo	{
	position:absolute;
	left:0px;
	top:0px;
	width:220px;
	height:150px;
	background-color:trasparent;
	background:url('../img/umclogo.gif') no-repeat top left;
	z-index:3
	}

#btop	{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:68px;
	background-color:trasparent;
	background-image:url('../img/border_top.gif');
	background-repeat:repeat-x;
	z-index:2
	}

#bleft	{
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
	height:999px;
	background-color:trasparent;
	background-image:url('../img/border_left.gif');
	background-repeat:repeat-y;
	z-index:1
	}