body {font: 76%/1.3 geneva,arial,sans-serif; background-color: #ededed;}
#skip {text-indent: -1000em;}
#container {background-color: #fff; position: relative; width: 100%;}
#container, #footer {width: 900px; margin: 0 auto; }
#sidebar {width: 200px; float: left; }
#nav {list-style: none;  text-transform: uppercase; text-align: right; margin: 0; padding: 0;}
#nav li {display: block; margin-bottom: 5px; padding: 10px 5px;}
#nav li, #nav a {color: #fff; font-size: 12px; letter-spacing: 1px; text-decoration: none;}
#nav a:hover {text-decoration: underline;}
#content {margin-left: 200px; padding-top: 20px; background: url(images/shadow.png) top left repeat-y}
#content p {padding-right: 20px; }
h1 {text-indent: -100em;}
h1 a {
	display: block;
	height: 50px;
	width: 135px;
	margin: 30px 0 10px 40px;
	background: url(images/logo_highlandcoc.gif) no-repeat;
}
img {border: 0;}
a:link {color: #000;}
#content p  {padding-left: 20px;}
h2 {background: url(images/welcome_text.gif) no-repeat; text-indent: -100em; height: 85px;  width: 200px; float: left; padding-right: 50px; margin: 5px 0 30px 15px;}
h3 {font-size: 1.1em;}
#content img {margin: 10px 0;}
#hours {list-style: none; margin: 0 0 20px 0; padding: 0 30px 0 0; float: left; width: 200px;}
#announcements {background: url(images/bkg_announcement.jpg) top right repeat-y; width: 685px; padding: 10px 0; margin: 15px 0 0 15px;}
#announcements h3, #announcements p {display: inline; color: #9d9d9d;}
#bulletin {position: absolute; bottom: 0; left: 0; width: 180px;}
#bulletin h3 {color: #f85d7e; margin: 0 0 0 40px; padding-bottom: 0;}
#bulletin p, #bulletin a {margin: 0 0 10px 0px; padding-top: 0; color: #9d9d9d;}
#bulletin a:hover {color: #65abcd;}
#bulletin img {float: left; padding: 0 10px;}
#footer {font-size: .8em; margin-top: 10px;}
.day {font-size: 1.3em;}
.time {margin-bottom: 10px; font-size: .9em;}
.quote {font-size: 1.1em; line-height: 1.7em; margin: 0;}
.church {background-color: #65abcd;}
.worship {background-color: #f85d7e;}
.education {background-color: #ce62a4;}
.groups {background-color: #87d300;}
.photos {background-color: #fed900;}
#bulletin h3.blue {color: #65ABCD;}
#nav li.contact a {color: black;}
.clear {clear: both;}

/*subpage*/
#subpage h2 {height: 68px; width: 714px; margin: 0 0 10px 0; padding: 0;}
#subpage h2.about {background: url(images/hl_about.jpg) no-repeat;}
#subpage h2.leaders {background: url(images/hl_leaders.jpg) no-repeat;}
#subpage h2.education {background: url(images/hl_education.jpg) no-repeat;}
#subpage h2.groups {background: url(images/hl_groups.jpg) no-repeat;}
#subpage h2.photos {background: url(images/hl_photos.jpg) no-repeat;}
#subpage h2.contact {background: url(images/hl_contact.jpg) no-repeat;}
#subpage #content {padding-top: 0; padding-bottom: 10px; width: 600px; }
#subpage h3 {font-size: 1.4em; padding-left: 30px;}
#subpage h3 a {color: black; text-decoration: none;}
#subpage h3 a:hover {text-decoration: underline;}
#subpage h3, #subpage h4 {font-weight: normal; font-style: oblique;}
#subpage #content p  {padding-left: 40px;}
#subpage #columnleft {width: 120px; float: left; padding-left: 30px; display: inline;}
#subpage .columnleft {width: 120px; float: left; padding-left: 30px; display: inline;}
#subpage #content p.name {margin-top: 0; padding-left: 0;}
#subpage h4 {border-bottom: 1px solid #ededed; font-style: normal; font-weight: bold; margin-left: 30px; }
#subpage h5 {margin-left: 30px; margin-bottom: 5px; font-size: 1em;}
#content.studytext a, .group {font-weight: bold; color: #ce62a4; font-size: 1.2em;}
.group, .group a {color: #87d300;}
#content .photobox {width: 40%; float: left; margin: 5px;}
#content .photobox img {margin: 0 0 0 30px; padding-bottom: 0;}
#content .photobox p {padding-top: 0; margin-top: 0; padding-left: 35px;}
#content .photobox a {font-weight: bold; text-decoration: none; color: black;}
#content .photobox a:hover {text-decoration: underline;}
#content li {margin-left: 20px;}
.prayer {white-space: pre; text-align: center;}
.verse {font-style: oblique;}
#subpage .map img, #subpage .jamesgroup img {margin-left: 30px;}
#subpage .jamesgroup img {float: left; height: 100px; width: 100px; margin-right: 20px;}

/*form styles*/
form {width: 465px; }
form ol {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
form li {
	margin: .5em 0;
	}

label {
	float: left;
	width: 7em;
	margin-right: 1em;
	text-align: right;
	}
	
input[type="submit"] {float: right;}