html, body, p, blockquote, ol, ul, li, img, form, fieldset, input, textarea, object, map, h1, h2, h3, h4, h5, h6 {border: 0; margin: 0; padding: 0;}

body, table {
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: small;
}

body {background: white url(/images/fullbg.jpg) no-repeat top left;}

a:link, a:visited {color: #89a6a4;}
a:hover, a:active {color: #efd23c;}

ul, li {list-style-type: square;}

#flashbox {height: 250px; overflow: hidden;}

#topnav {
	height: 60px;
	width: 995px;
}

ul.sf-menu {margin: 2px 0 0 8px;}

.sf-menu li {
	display: block;
	float: left;
}

a.home, a.about, a.connect_groups, a.whats_on, a.resources, a.ministries, a.contact {display: block; height: 50px; text-indent: -12345px;}
#topnav li a.home {width: 149px;}
#topnav li a.about {width: 148px;}
#topnav li a.connect_groups {width: 149px;}
#topnav li a.whats_on {width: 133px;}
#topnav li a.resources {width: 145px;}
#topnav li a.ministries {width: 129px;}
#topnav li a.contact {width: 126px;}

.sf-menu, .sf-menu * {margin: 0; padding: 0; list-style: none;}
.sf-menu {line-height: 1.0;}
.sf-menu ul {position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {background-color: white; border-bottom: 1px solid #eeeeee; font-size: x-small; padding: 5px; width: 100%;}
.sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float: left; position: relative;}
.sf-menu a {display: block; position: relative; text-decoration: none;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left: 0; top: 3.5em; /* match top ul list item height */ z-index: 99;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {top: -999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {left: 10em; /* match ul width */ top: 0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top: -999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {left: 10em; /* match ul width */ top: 0;}

.li-about ul {padding: 1px 7px 0 5px; width: 125px;}
.li-connect_groups ul {padding: 0 0 0 8px; width: 126px;}
.li-whats_on ul {margin-top: -4px; padding: 0 0 0 5px; width: 112px;}
.li-ministries ul {padding: 0 0 0 3px; width: 113px;}
.li-contact ul {width: 110px;}

#left {
	display: inline;
	float: left;
	width: 333px;
}

#social {float: left; height: 44px; margin: 0px 0px 20px 3px; padding: 0;}
#social a {display: block; float: left; padding: 7px 7px 5px 7px;}

#leftcontent {
	height: 377px;
	overflow: auto; 
	padding: 4px 15px 15px 15px;
}

.leftbox {clear: left; margin-bottom: 15px;}

#content {
	margin-left: 333px;
	padding-top: 10px;
	width: 667px;
}

#whats_on #content {
	margin-left: 0;
	padding: 15px;
	width: 960px;
}

#contenttext {
	height: 400px;
	margin-left: 60px;
	overflow: auto;
	width: 580px;	
}

#whats_on #contenttext {
	margin-left: 0px;
	width: 100%;
}

#footer {
	height: 43px;
	margin-left: 333px;
	width: 667px;
}

h1, h2 {
	font-family: Arial, sans-serif;
	margin: 0.5em 30px 0.1em 0;
}

h2 {
	font-size: large;
	font-weight: normal;
	margin-top: 1.3em;
}

#contenttext p, #contenttext ul {
	line-height: 1.3em;
	margin: 0 30px 1em 0;
}

#contenttext li {
	margin-left: 20px;
}

#contenttext img {
	border: 1px solid #000000;
	margin-bottom: 1em;
}

#subsections li {font-size: medium; line-height: 1.5em;}
#subsections li li {font-size: small;}
#subsections li a {font-weight: bold; text-decoration: none;}
#subsections ul {margin-bottom: 0;}

.cgroup {clear: left; margin: 1em 0 0 0;}

#contenttext .cgroup p {margin: 0 0 0.1em 0;}

.cg_text {clear: both; float: left; margin-bottom: 3em; width: 300px;}
.cg_label {font-weight: bold;}
.cg_photos {margin-right: 30px;}
.cg_photo1 {float: right;}
.cg_photo2 {float: right; margin-left: 10px;}

.womens_connect .cg_label, h2.womens_connect, .womens_connect h3 {color: #6533cc;}
.mens_connect .cg_label, h2.mens_connect, .mens_connect h3 {color: #008000;}
.mixed .cg_label, h2.mixed, .mixed h3 {color: #0065ff;}
.other_groups .cg_label, h2.other_groups, .other_groups h3 {color: #ff6500;}
h2.womens_connect, h2.mens_connect, h2.mixed, h2.other_groups {clear: left;}

.wo_box {clear:left; margin-bottom: 22px;}
.wo_pic {float: left; overflow: hidden; width: 365px;}
.wo_pic_index {margin-top: 22px;}
#contenttext .wo_pic img {border: 0;}
.wo_entry {margin-left: 390px;}