/*------------------------------------------------------------------------------------
	Global Styles
------------------------------------------------------------------------------------*/
* {
	padding:0;
    margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:0; }
li, dd { margin-left:0; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }
:focus {outline:0;}

body {
	font: 0.75em Arial, sans-serif;
	line-height: 1;
	background: #ac9d79 url(../images/bgfx_header.jpg) top center repeat-x;
}
a.btnmap {
	margin: 3px 0 0 25px;
	float: left;
	width: 144px;
	height: 27px;
	background: url(../images/sprite_buttons.png) no-repeat -239px 0;
	text-indent: -9999px;
}
a.btnmap:hover {
	background: url(../images/sprite_buttons.png) no-repeat -239px -27px;
}
code {
	font: 1em "Courier New", Courier, monospace;
	color: #003;
	letter-spacing: 0.15em;
	line-height: 1.5em;
	background: #FFC;
}
#container {
	position: absolute;
	left: 50%;
	width: 960px;
	margin-left: -480px;
	margin-top: 0;
	padding: 0;
}

#topbar {
	position: relative;
	overflow: hidden;
	height: 35px;
	width: auto;
	float: right;
}

#topbar p {
	font: 13px Arial, Helvetica, sans-serif;
	font-weight: lighter;
	color: #efebb8;
	letter-spacing: 0.03em;
	margin: 10px 0 0 0;
	padding: 0;
	width: auto;
	float: left;
}
a.btnfb {
	margin: 3px 0 0 15px;
	float: left;
	height: 27px;
	width: 27px;
	background: url(../images/sprite_buttons.png) no-repeat 0 0;
	text-indent: -9999px;
}
a.btnfb:hover {
	background: url(../images/sprite_buttons.png) no-repeat 0 -27px;
}
a.btnwp {
	margin: 3px 25px 0 15px;
	float: left;
	height: 27px;
	width: 27px;
	background: url(../images/sprite_buttons.png) no-repeat -382px 0;
	text-indent: -9999px;
}
a.btnwp:hover {
	background: url(../images/sprite_buttons.png) no-repeat -382px -27px;
}
a.logo {
	width: 326px;
	height: 138px;
	position: absolute;
	left: 5px;
	top: 35px;
	background: url(../images/logo_EpworthUMC.png) no-repeat;
	text-indent: -9999px;
}
.address {
	position: absolute;
	top: 80px;
	right: 25px;
	font: Arial, Helvetica, sans-serif;
	color: #a6a9b4;
	text-align: right;
	line-height: 1.75em;
	font-weight: lighter;
}
.organization {
	font-size: 1.167em;
	color: #b4b3a6;
	font-weight: bolder;
}
ul.nav {
	position: absolute;
	left: 8px;
	top: 178px;
	padding: 0;
	margin: 0;
	list-style: none;
	width: auto;
}
ul.nav li {
	float: left;
	width: auto;
	height: 31px;
	margin: 0 4px 0 0;
	padding: 0;
	text-indent: -9999px;
}
ul.nav li a {
	display: block;
	height: 31px;
	padding: 0;
}
ul.nav li.home {background: url(../images/sprite_navigation.gif) no-repeat 0 0; width: 96px;}
ul.nav li.about {background: url(../images/sprite_navigation.gif) no-repeat -96px 0; width: 152px;}
ul.nav li.community {background: url(../images/sprite_navigation.gif) no-repeat -248px 0; width: 154px;}
ul.nav li.serve {background: url(../images/sprite_navigation.gif) no-repeat -402px 0; width: 140px;}
ul.nav li.children {background: url(../images/sprite_navigation.gif) no-repeat -542px 0; width: 165px;}
ul.nav li.home:hover {background: url(../images/sprite_navigation.gif) 0 -31px;}
ul.nav li.about:hover {background: url(../images/sprite_navigation.gif) -96px -31px;}
ul.nav li.community:hover {background: url(../images/sprite_navigation.gif) -248px -31px;}
ul.nav li.serve:hover {background: url(../images/sprite_navigation.gif) -402px -31px;}
ul.nav li.children:hover {background: url(../images/sprite_navigation.gif) -542px -31px;}
ul.nav li ul {
	position: absolute;
	width: inherit;
	left: -9999px;
	list-style: none;
	background: #0a2c33;
	padding: 0 10px 10px 10px;
	z-index: 101;
	-moz-border-radius: 0 0 7px 7px;
    -webkit-border-radius: 0 0 7px 7px;
    -khtml-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
}
ul.nav li ul li {
	width: inherit;
	height: auto;
	border-bottom: 1px dashed #c6e3f8;
	text-indent: 0;
}
ul.nav li ul li.lastnav {
	border-bottom: none;
}
ul.nav li:hover ul {
	left: auto;
}
ul.nav li ul li a {
	height: auto;
	font: 1.083em Tahoma, Arial, sans-serif;
	padding: 10px;
}
ul.nav li ul li a:hover {
	text-indent: 0;
	text-decoration: underline;
	color: #c6e3f8;
}
#featured {
	position: relative;
	margin: 231px 0 0 0;
	height: 306px;
	width: 960px;
	background: url(../images/bg_feature.png) no-repeat;
}
#featured p {
	position: relative;
	float: right;
	margin: 100px 40px 10px 0;
	font: 1.083em Verdana, Geneva, sans-serif;
	color: #482e10;
	line-height: 1.583em;
	width: 312px;
}
#featured a.learnmore {
	position: absolute;
	padding: 0;
	margin: 0;
	height: 27px;
	width: 106px;
	bottom: 25px;
	right: 40px;
	background: url(../images/sprite_buttons.png) no-repeat -27px 0;
	text-indent: -9999px;
}
#featured a.learnmore:hover {
	background: url(../images/sprite_buttons.png) no-repeat -27px -27px;
}
#slideshow {
	margin: 13px 0 0 10px;
	float: left;
}
#slideshow ul, #slideshow li {
	list-style: none;
	width: 568px;
	height: 278px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#main {
	position: relative;
	width: 900px;
	background-color: #e2d8bd;
	padding: 5px 30px;
	overflow: auto;
}
#news {
	position: relative;
	width: 280px;
	height: auto;
	margin: 0;
	padding: 0;
	font: 1.083em Verdana, Geneva, sans-serif;
	color: #274154;
	background: #d7ccb1;
	float: left;
	-moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
#news ul {
	margin: 0;
	padding: 15px;
	list-style-position: outside;
}
#news li {
	border-bottom: 1px dashed #f1ecde;
	padding: 7px 0;
	margin-left: 15px;
}
#news li.lastnews {
	border: none;
	padding-bottom: 0;
}
#news a:link, #news a:visited {
	color: #4581ac;
	text-decoration: none;
}
#news a:hover, #news a:active {
	color: #4581ac;
	text-decoration: underline;
}
#news a.readmore {
	position: relative;
	float: right;
	width: 106px;
	height: 27px;
	padding: 0;
	margin: 0 15px 10px 0;
	background: url(../images/sprite_buttons.png) no-repeat -133px 0;
	text-indent: -9999px;
}
#news a.readmore:hover {
	background: url(../images/sprite_buttons.png) no-repeat -133px -27px;
}
#calendar {
	position: relative;
	width: 600px;
	float: right;
	background: #d7ccb1;
	margin: 0;
	padding: 0;
	height: auto;
	-moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
#calendar iframe {
	position: relative;
	width: 550px;
	height: 286px;
	display: block;
	margin: 10px 25px;
	border-width: 0;
}
h3.secthead {
	background: transparent url(../images/bg_sectionhead_span.gif) no-repeat scroll top right;
	position: relative;
	display: block;
	height: 37px;
	margin-right: 6px;
	padding-right: 20px;
	text-decoration: none;
	color: #efebb8;
	font: lighter 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: 0.02em;
}
h3.secthead span {
	background: transparent url(../images/bg_sectionhead_left.gif) no-repeat; 
	display: block;
	line-height: 25px;
	padding: 7px 0 5px 18px;
}
#callouts {
	position: relative;
	width: 930px;
	background-color: #e2d8bd;
	padding: 15px 0 15px 30px;
	overflow: auto;
	clear: both;
}
#callouts img {
	float: left;
	margin-right: 32px;
}
.lastcall {
	margin-right: 0;
}
#footer {
	position: relative;
	width: 900px;
	background: url(../images/bg_footer.jpg) no-repeat;
	height: 42px;
	clear: both;
	padding: 50px 30px 0;
	margin-bottom: 30px;
	font: 0.917em Arial, sans-serif;
	color: #c8cba6;
}
#footer a, a:link, a:visited {
	color: #c8cba6;
	text-decoration: none;
}
#footer a:hover, a:active {
	text-decoration: underline;
}
#footer ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
}
#footer li {
	float: left;
	padding: 0 10px;
	height: auto;
	border-right: 1px solid #c8cba6;
}
#footer li.lastnav {
	border: none;
	padding: 0 0 0 10px;
}
#footer li a {
	display: block;
}

/* SUB */

#sub {
	position: relative;
	margin: 231px 0 0 0;
	width: 930px;
	background-color: #e2d8bd;
	padding: 5px 15px;
	overflow: auto;
}
#sidebar {
	position: relative;
	float: left;
	width: 230px;
}
#sidebar img {
	padding: 15px 0 0 15px;
}
h4.menuhead {
	position: relative;
	width: 220px;
	height: 22px;
	padding: 5px 0 0 10px;
	margin-top: 8px;
	background: url(../images/menu_header.gif) no-repeat;
	font: 1.167em "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #efebb8;
	font-weight: normal;
	letter-spacing: 0.03em;
}
#menu {
	position: relative;
	margin: 0;
	width: 218px;
	height: auto;
	padding: 6px;
	background: #d7ccb1;
}
ul.pagemenu {
	font: 1.333em Verdana, Arial, sans-serif;
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.pagemenu li {
	height: 42px;
	width: auto;
	background: url(../images/bg_menuitem.gif) no-repeat;
	margin-bottom: 6px;
}
ul.pagemenu li.lastmenu {
	margin-bottom: 0;
}
ul.pagemenu li:hover, ul.pagemenu li.active {
	background: url(../images/bg_active_menuitem.gif) no-repeat;
}
ul.pagemenu li a {
	display: block;
	height: 42px;
	padding: 11px 0 0 50px;
	color: #274154;
	text-decoration: none;
}
ul.pagemenu li a:hover {
	text-decoration: underline;
}
#content {
	position: relative;
	float: right;
	width: 660px;
	padding: 18px;
	color: #274154;
	font: 1em Verdana, Arial, sans-serif;
}
#content h1 {
	font: 1.833em Verdana, Arial, sans-serif;
	margin: 0;
	padding-bottom: 15px;
	background: url(../images/bg_h1.jpg) bottom left no-repeat;
}
#content p {
	margin: 1.25em 0;
	line-height: 1.5em;
}
#content h2 {
	font: 1.667em Verdana, Arial, sans-serif;
}
#content h3 {
	font: 1.5em Arial, sans-serif;
}
#content h4 {
	font: 1.167em Arial, sans-serif;
}
#content h5 {
	font: 1.167em Calibri, Tahoma, Arial, sans-serif;
}
#content ul {
	margin-left: 25px;
}
#content ul li {
	padding: 5px;
}
#content ol {
	margin-left: 30px;
}
#content ol li {
	padding: 1px;
}
#content small {
	font-size: 0.833em;
	margin: 0 15px 0 15px;
}
#content table {
	margin: 20px 0;
	background: #cfc9b2;
	border-color: #aeb5ba;
	border-collapse: collapse;
}    
#content table th {
	padding: 5px 0;
	font-weight: bold;
}
#content table td {
	padding: 5px 10px;
}
#content a:link {
	color: #4581ac;
	text-decoration: none;
}
#content a:visited {
	color: #4581ac;
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
}
#content li a:link {
	color: #4581ac;
	text-decoration: none;
}
#content li a:visited {
	color: #4581ac;
	text-decoration: none;
}
#content li a:hover {
	text-decoration: underline;
}
#content blockquote {
	padding: 0 25px;
	margin-left: 15px;
	line-height: 1.5em;
	color: #445d70;
	border-left: #445d70 5px solid;
}
#content img.imgright {
	float: right;
	border: 5px solid #d7ccb1;
	margin: 0 0 15px 15px;
}
#content a.map {
	position: relative;
	float: left;
	clear: right;
	width: 144px;
	height: 27px;
	background: url(../images/sprite_buttons.png) no-repeat -239px 0;
	text-indent: -9999px;
}
#content a.map:hover {
	background: url(../images/sprite_buttons.png) no-repeat -239px -27px;
}

.mission-video {
	height: 319px;
	width: 400px;
}

#detail {
	position: relative;
	float: right;
	width: 230px;
	height: auto;
	margin: 0 0 15px 25px;
	padding: 0;
	background-color: #cabea0;
	border: #445d70 1px solid;
	-moz-border-radius: 12px 12px 0 0;
    -webkit-border-radius: 12px 12px 0 0;
    -khtml-border-radius: 12px 12px 0 0;
    border-radius: 12px 12px 0 0;
}
#detail p, #detail ul {
	display: block;
	margin: 20px;
}
#detail h2 {
	display: block;
	width: auto;
	height: auto;
	padding: 12px;
	background-color: #274154;
	color: #cabea0;
	-moz-border-radius: 12px 12px 0 0;
    -webkit-border-radius: 12px 12px 0 0;
    -khtml-border-radius: 12px 12px 0 0;
    border-radius: 12px 12px 0 0;
}
/* FORMS */
form fieldset {border:none;}
form fieldset input, form fieldset textarea {background-color:#f7f7f7;border:1px solid #ddd;color:#666;font:1em Verdana,sans-serif;padding:3px;}
form fieldset input:focus, form fieldset textarea:focus {border:1px solid #aaa;background:#FFF8EA;}
form fieldset label {color:#444;font-size:1em;padding:10px 0 3px 1px;display:block;}

form#search fieldset {margin-bottom:10px;padding:10px 0;border-bottom:1px solid #222;}
form#search fieldset input {width:190px;}
form#search fieldset input#searchSubmit {background:#98012e;width:30px;border:none;color:#222;cursor:pointer;font-weight:bold;}
form#search fieldset input#searchSubmit:hover {color:#555;}

form#contact fieldset textarea {width:425px;overflow:auto;margin-bottom:10px;}
form#contact fieldset .radio {border:none;background:none;margin:3px 0 3px 2px;font-size:.9em;color:#666;}
form#contact fieldset button {padding:3px 7px;border:0;cursor:pointer;color:#fff;background:#333;}
form#contact fieldset button:hover {background:#222;}