/** Colors
 * 
 * Main Body Background: #e6e0c8
 * Top Header Secion BG: #0e0d0d
 * Orange BG: #ea6516;
 * Orange Text: #d93f03;
 * Resources Blue: #273058;
 */

*
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
}
html
{
	height: 100%;
}

body
{
	background-color: #e6e0c8;
	margin: 0px;
	padding: 0px;
	
	background-image: url("../images/body_bg.jpg");
	background-repeat:repeat-y;
	background-position: center;
	height: 100%;
}

p
{
	line-height: 1.5em;
}

p.right
{
	width: 300px;
}

h1
{
	color: #d93f03;
	font-style: italic;
	font-size: 1.5em;
	margin-top: 12px;
	margin-bottom: 0px;
}

h2
{
	color: #333333;
	font-size: 1.2em;
	margin-top: 0px;
	margin-bottom: 20px;
}

h3
{
	color: #333333;
	font-style: italic;
	font-size: 1em;
	margin-top: 0px;
	margin-bottom: 0px;
}

h4
{
	display: block;
	height: 25px;
	border: 1px solid #999999;
	background-color: #e5e5e5;
	color: #000000;
	font-size: 16pt;
	padding: 10px 10px 10px 10px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px;
	width: 300px;
	margin: 0px 0px 20px 0px
}
h4 img
{
	padding-right: 10px;
	border-width: 0px;
}

a 
{
	color: #32889e; /*#273058*/;
	text-decoration: none;
}

a:hover
{
	color: #d93f03;
	/*border-bottom: 1px dotted #d93f03;*/
}

img.icon
{
	margin-right: 5px;
	border: 0px;
}

a.button
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	height: 12px;
	border: 1px solid #999999;
	background-color: #e5e5e5;
	color: #666666;
	font-weight: bold;
	background-image: url(/images/icons/bullet_orange.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding: 8px 10px 10px 20px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px;
	margin: 0px 0px 8px 0px;
	width: 100px;
}



label
{
	float: left;
	width: 100px;
}
input 
{
	width: 200px;
}

.clearboth { clear:both; }

div#crumb
{
	color: #d93f03;
	font-size: 1.0em !important;
	margin-bottom: 20px;
	border-bottom: 1px dotted #d93f03;
	letter-spacing: 0.1em;
}

div#crumb a
{
	color: #d93f03;
	text-decoration: none;
	font-size: 0.8em !important;
}

div#header-overall
{
	background-color: #0e0d0d;
	background-image: url("../images/header_bg.jpg");
	background-repeat: no-repeat;
	background-position: center;
	height: 229px;

}

div#header-logo
{
	display: inline;
	position: absolute;
	top: 3px;
	left: 5px;
	z-index: 1001;
}



div#body-overall
{
	margin-left: auto;
	margin-right: auto;
	display: block;	
	width: 815px;
	padding: 16px 12px;
	/*min-height: 100%;*/
	
	margin: 0 auto 143px;
}

div#body-container
{
	overflow: hidden;
}

div#body-left
{
	width: 438px;
	float: left;
	text-align: left;
	clear: both;
}
div#body-right
{
	float: left;
	margin-left: 11px;
	text-align: left;
}

div#billboard
{
	width: 438px;
	height: 269px;
	/*background-image: url("../images/navigation_bg.png");*/
}


div#footer-overall
{
	background-color: #0e0d0d;
	height: 115px; /*229px*/
	color: #aaaaaa;
	font-weight: bold;
	font-size: .9em;
	padding: 12px 12px 0px 12px;
	text-align: center;
	margin: 30px 0px 0px 0px;
	
	clear: both;
	
	/*
	position:absolute;
	bottom:0;
	width:100%;
	*/
}

/* Primary Navigation */
div#nav-overall
{
	background-image: url("../images/navigation_bg.png");
	height: 56px;
	position: absolute;
	top: 173px;
	width: 100%;
}
div#nav-border
{
	background-image: url("../images/nav_orange_border.jpg");
	background-repeat: no-repeat;
	background-position: center;
	height: 1px;
	
}
#navbar
{
	
}

#navbar ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 60em;
}


#navbar li
{
	display: inline;
	margin-left: 0;
	margin-right: 3px;
}

#navbar li a
{
	font-weight: bold;
	
	text-align:left;
	height: 2.2em;
	float: left;
	font-size: 1.2em;
	width: 7.5em;
	height: 43px;
	display: block;
	color: #ffffff;
	line-height: 18px;
	text-decoration: none;
	padding: 8px 5px 3px 5px;

}

#navbar li a:hover
{
	background-color: #2f2c2a;
}

#navbar li a p
{
	line-height: 24px;
	margin-top: 0px;
	font-size: .7em;
	font-weight: normal;
	color: #ffffff;
}
/* End Navigation */




/* Special Boxes */
div#service-times
{
	background-color: #ea6516;
	background-image: url("../images/servicetimes_top_bg.jpg");
}
div#service-times-footer
{
	background-image: url("../images/servicetimes_foot_bg.jpg");
	background-repeat: no-repeat;
	height: 8px;
}

div#events
{
	background-color: #3a2d24;
	background-image: url("../images/events_top_bg.jpg");
}
#panel-text strong{
	margin-bottom: 0px;
}
div#events-footer
{
	background-image: url("../images/events_foot_bg.jpg");
	background-repeat: no-repeat;
	height: 8px;
}
div.date_events
{
	margin: 0px 0px 10px 10px;
}

div#resources
{
	background-color: #273058;
	background-image: url("../images/resources_top_bg.jpg");
}
div#resources-footer
{
	background-image: url("../images/resources_foot_bg.jpg");
	background-repeat: no-repeat;
	height: 8px;
}

div.panel
{
	background-repeat: no-repeat;
	width: 364px;
	padding: 0px;
	margin-bottom: 12px;
	border: 1px solid #c6c1b6;
}

img.title
{
	margin-left: 3px;
	margin-top: 3px;
}

div#panel-text
{
	background-image: url("../images/panel_text_bg.png");
	padding: 12px 12px 12px 12px;
	font-size: 10pt;
	color: #333333;
	min-height: 60px;
}

div#panel-text p
{
	margin-top: 0px;
	line-height: 1.2em;
}
div#panel-text p.float
{
	float: left;
	display: block;
	height: 45px;
	margin-right: 12px;
}



/**** SERMONS ****/
#sermons th
{
	text-align: left;
	background-color: #222222;
	color: #ffffff;
	cursor: pointer;
}
#sermons th.headerSortDown
{
	background: #222222 url("../images/icons/arrow_down.png") no-repeat 85% 50%;
}
#sermons th.headerSortUp
{
	background: #222222 url("../images/icons/arrow_up.png") no-repeat 85% 50%;
}
#sermons tr.even td
{
	background-color: #cbc3a3;
}
#sermons tr.odd td
{
	background-color: transparent;
}
#sermons th,
#sermons td
{
	padding: 5px 10px;
}
#sermons a,
#sermons a:hover
{
	border: 0px;
}