/* ::::: http://www.ServantAtTheSupper.com/css/common.css ::::: */

body { margin: 0pt; padding: 0pt; background: rgb(107, 90, 58) url('images/outer_body_bg2.jpg') repeat-x scroll 0% 0%; font-size: 73.5%; font-family: "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; }
#outer-container { background: transparent url('images/body_bg2.jpg') no-repeat scroll center top; }
#container { margin: 0pt auto; position: relative; width: 785px; padding-top: 65px; }
#index #container { padding-top: 62px; }
#mainContent {
	background: transparent url('images/maincontent_bg2.jpg') repeat-y scroll 0% 0%;
	position: relative;
}
p { font-size: 1.2em; line-height: 1.5em; }
hr { display: none; }
#primaryContent li, #secondaryContent li { font-size: 1.1em; color: rgb(255, 255, 255); }
.clearfix:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
h1 { margin: 0pt; padding: 0pt; }
h1 a#logo { padding: 0pt; background: transparent url('images/logo.png') no-repeat scroll 0% 0%; position: absolute; top: 54px; left: 68px; width: 345px; height: 82px; display: block; text-indent: -9999px; z-index: 2000; }
#index h1 a#logo { top: 57px; }
h1 a#logo:focus { outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }
#header { margin: 0pt; padding: 0pt; background: transparent url('images/subpage-header.jpg') no-repeat scroll 0% 0%; position: relative; height: 249px; z-index: 0; }
#index #header { background: transparent url('images/home-header.jpg') no-repeat scroll 0% 0%; height: 328px; }
#skip { position: absolute; text-indent: -9999px; list-style-type: none; list-style-image: none; list-style-position: outside; }
#navigation { 
	margin: -65px 0pt 0pt 226px; 
	background: transparent url('images/nav_bg.png') no-repeat scroll 1px top; 
	position: relative; 
	padding-left: 27px; 
	z-index: 100; 
	height: 63px; }
	
#nav {
	margin: 0pt;
	padding: 0pt;
	background: rgb(35, 28, 19) none repeat scroll 0% 0%;
	height: 35px;
	width: 520px;
}
#nav * { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
#nav li { cursor: pointer; float: left; }
#nav li a { padding: 0pt 10px; font-size: 1.1em; color: rgb(255, 255, 255); text-decoration: none; line-height: 35px; display: block; }
#nav li a:hover, #nav li:hover a, #nav li.current a { 
	background: rgb(77, 19, 13) url('images/nav_current_bg.gif') repeat-x scroll 0% 0%; 
	}
#nav li li { border-bottom: 1px solid rgb(104, 36, 23); clear: both; }
#nav li:hover li a, #nav li li a, #nav li li a { padding: 8px 10px; background: rgb(77, 19, 13) none repeat scroll 0% 0%; line-height: 1; color: rgb(255, 255, 255); display: block; width: 125px; }
#nav li li a:hover, #article #nav li#nav_resources li a:hover, #sermons #nav li#nav_resources li a:hover { background: rgb(104, 36, 23) none repeat scroll 0% 0%; }
#nav li ul { position: absolute; left: -5000px; width: 200px; }
#nav li.current:hover ul { background: transparent none repeat scroll 0% 0%; }
#nav li:hover ul, #nav li.sfhover ul { margin: 0pt; padding: 0pt; left: auto; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul { left: -5000px; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { left: auto; }
#nav li:hover ul li:hover ul, #nav li.sfhover ul li.sfhover ul { margin: -28px 0pt 0pt 140px; }
#primaryContent {
	border-left: 5px solid rgb(35, 28, 19);
	padding: 10px 15px 50px;
	background: transparent url('images/primarycontent_bg.gif') repeat-x scroll 0% 0%;
	float: right;
	position: relative;
	width: 508px;
	z-index: 1;
	margin-top: -40px;
	margin-right: 15px;
	}
	
#index #primaryContent { border: 0pt none ; background: transparent none repeat scroll 0% 0%; margin-top: -7px; margin-left: -10px; width: 517px; }


#mainVidContent {
	margin: 0pt 0px 0px 0px;
	padding: 0pt;
	background: transparent url('images/mainVidContent_bg2.jpg') repeat-y scroll 0% 0%;
	position: relative;
	padding-left:115px;
	padding-top:65px;
	}
	
#navVideo {
	margin: 0px 0pt 0pt 226px;
	background: transparent url('images/nav_bg.png') no-repeat scroll 1px top;
	position: absolute;
	padding-left: 27px;
	z-index: 100;
	height: 35px;
	top: 214px;
	}
	
#playVideo {
	margin-left:5px;
	margin-top:20px;
	padding-left:115px;
	padding-top:50px;
}

#footerVideo {
	padding: 10px 0px 0px 35px;
	background: transparent url('images/footer_bg.jpg') no-repeat scroll left top;
	height: 70px;
	width: 750px;
	margin: 0pt auto;
	}
	
#footerVideo p { 
	margin: 0pt; 
	padding: 0pt; 
	font-size: 1em; 
	font-family: arial,verdana,sans-serif; 
	color: rgb(196, 183, 161); 
	}

#perfContent { 
	border-left: 5px solid rgb(35, 28, 19); 
	padding: 10px 15px 50px; 
	background: transparent url('images/primarycontent_bg.gif') repeat-x scroll 0% 0%; float: right; 
	position: relative; 
	width: 508px; 
	margin-right: 15px; 
	margin-left: -10px; 
	margin-top: -40px;
	color: rgb(79, 66, 48);
	}
	
#perfContent h2 {
	padding: 15px 10px 10px 0pt; 
	font-family: Georgia,"Times New Roman",serif; 
	font-variant: normal; 
	font-size: 2em; 
	line-height: normal; 
	font-size-adjust: none; 
	font-stretch: normal; 
	-x-system-font: none; 
	font-style: italic; 
	font-weight: normal; 
	color: rgb(78, 22, 16); 
	margin-top: 
	2px; margin-bottom: 2em; 
	}


#perfDates {
	width:450px;
	color: rgb(79, 66, 48)
}

.performances {
	font-size:14px;
	}
	
.perfHead {
	font-size:18px;
	font-style:italic;
	font-variant:small-caps;
}

.iec2112 {
	margin-left:200px;
}

.iecText {
	font-size:24px;
	font-variant:small-caps;
	margin-left:50px;
	margin-right:50px;
	padding-bottom:10px;
	border-bottom:#663 double; 
}

.servantBell {
	margin-left:120px;
	margin-top:5px;
}

.poem {
	margin-left:100px;
	margin-top:10px;
}
	
	
#primaryContent p { font-size: 1.1em; line-height: 1.5em; color: rgb(79, 66, 48); }
#primaryContent p.date { margin-top: 0pt; }
#primaryContent a { color: rgb(93, 26, 19); }
#primaryContent a:hover { text-decoration: none; }
#primaryContent h2 { padding: 15px 10px 10px 0pt; font-family: Georgia,"Times New Roman",serif; font-variant: normal; font-size: 2em; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; font-style: italic; font-weight: normal; color: rgb(78, 22, 16); margin-top: 2px; margin-bottom: 2em; }
h3, h4, h5, h6 { color: rgb(78, 22, 16); }
#primaryContent h3 { font-size: 1.5em; }
#primaryContent h4 { font-size: 1.3em; }
#primaryContent h4.title { margin-bottom: 0pt; }
#primaryContent h5, #primaryContent h6 { font-size: 1.2em; }
#articles h4 { margin-bottom: 0pt; }
#articles p { margin-top: 0pt; }
#welcome { border-bottom: 4px solid rgb(171, 157, 133); padding: 10px 18px; background: rgb(193, 178, 152) none repeat scroll 0% 0%; margin-top: -43px; width: 502px; margin-left: -6px; }
#welcome h2 { border-left: 6px solid rgb(35, 28, 19); margin: 0pt 0pt 0pt -24px; padding: 30px 0pt 0pt 18px; background: rgb(193, 178, 152) none repeat scroll 0% 0%; font-size: 13pt; width: 80%; }
#welcome p { font-size: 1.2em; color: rgb(79, 66, 48); }
#welcome p a { color: rgb(93, 26, 19); font-weight: bold; }
#welcome p a:hover { color: rgb(93, 26, 19); text-decoration: none; }
#welcome img { border: 5px solid rgb(140, 123, 93); margin: -30px 0pt 10px 10px; float: right; }
img.mcms_stats { display: none; }
#latest-news { border-top: 7px solid rgb(180, 165, 139); margin: 0pt 0pt 0pt -6px; background: transparent url('images/latest_news_bg.gif') repeat-x scroll left top; position: relative; width: 538px; }
#latest-news h3 { margin: -7px 0pt 0pt 18px; background: transparent url('images/latest_news_tab_bg.gif') no-repeat scroll 0% 0%; display: block; width: 180px; height: 30px; text-indent: -999em; padding-top: 10px; }
.article { border-top: 1px solid rgb(206, 191, 167); margin: 0pt 18px; }
.top { border: 0pt none ; }
#primaryContent .article h4 { font-family: Georgia,"Times New Roman",serif; font-variant: normal; font-weight: normal; font-size: 1.1em; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(120, 67, 54); text-transform: uppercase; margin-bottom: 2px; font-style: italic; }
.article p { margin-top: 3px; line-height: 1.5em; }
#articles p { margin: 0pt 0pt 0.5em; }
a#more-news { margin: -36px 0pt 0pt 390px; background: rgb(9, 7, 5) url('images/more_news_tab.gif') no-repeat scroll left top; display: block; width: 126px; height: 10px; font-family: arial,verdana,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(242, 187, 101); text-align: center; padding-top: 5px; padding-bottom: 5px; text-decoration: none; position: relative; z-index: 11; }
#quicklinks { border-top: 13px solid rgb(9, 7, 5); padding: 13px 0pt 0pt; background: rgb(35, 28, 19) none repeat scroll 0% 0%; clear: both; position: absolute; bottom: 0pt; left: 232px; z-index: 1000; width: 538px; height: 121px; }
#quicklinks ul { margin: 10px 0pt 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
#quicklinks li a { border: 3px solid rgb(70, 60, 48); float: left; width: 167px; height: 121px; text-indent: -999em; margin-left: 9px; display: inline; }
#quicklinks li a:hover { border-color: rgb(223, 208, 183); }
#quicklinks li#quick1 a { background: transparent url('images/quicklink1.jpg') no-repeat scroll 0% 0%; margin-left: 0pt; }
#quicklinks li#quick2 a { background: transparent url('images/quicklink2.jpg') no-repeat scroll 0% 0%; }
#quicklinks li#quick3 a { background: transparent url('images/quicklink3.jpg') no-repeat scroll 0% 0%; }
.sermonlist { border-top: 8px solid rgb(73, 56, 29); margin-top: 1em; }
.sermonbox { padding: 10px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: relative; }
#primaryContent .sermonbox h5 { margin: 0pt; }
#primaryContent .sermonbox h5 a, #primaryContent .sermonbox p a { color: rgb(93, 26, 19); }
#primaryContent .sermonbox h5 a:hover { text-decoration: none; }
.sermonbox h5 span { font-size: 0.8em; margin-left: 10px; }
#primaryContent .sermonlist .sermonbox p { margin: 0pt; color: rgb(79, 66, 48); }
.sermonbox ul { margin: 0pt; padding: 0pt; position: absolute; top: 20px; right: 25px; list-style-type: none; list-style-image: none; list-style-position: outside; }
.sermonbox li { margin: 0pt 3px; float: left; }
.sermonbox li a { display: block; float: left; text-indent: -9999px; width: 16px; height: 16px; }
.sermonbox li a:focus { outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }
.sermonbox li.sl_listen a { background: transparent url('images/play_icon.gif') no-repeat scroll 0% 0%; }
.sermonbox li.sl_download a { background: transparent url('images/download_icon.gif') no-repeat scroll 0% 0%; }
.sermonbox li.sl_download-notes { background: transparent url('images/notes_icon.gif') no-repeat scroll 0% 0%; }
.sermonbox li.sl_watch-video { background: transparent url('video_icon.gif') no-repeat scroll 0% 0%; }
#sermon-sidebar ul { margin: 0pt 5px 0pt 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
#sermon-sidebar li#play { background: transparent url('images/play_icon_app.gif') no-repeat scroll 0% 0%; }
#sermon-sidebar li#notes { background: transparent url('images/notes_icon_app.gif') no-repeat scroll 0% 0%; }
#sermon-sidebar li#save { background: transparent url('images/download_icon_app.gif') no-repeat scroll 0% 0%; }
#sermon-sidebar li#video { background: transparent url('images/video_icon_app.gif') no-repeat scroll 0% 0%; }
#sermon-sidebar li { padding: 0pt 0pt 6px 20px; }
#sermon-sidebar li span { font-weight: bold; }
.meta { margin: -1em 0pt 0pt; padding: 0pt; font-size: 0.9em; font-style: italic; line-height: 1em; }
#byline { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
#byline li { color: rgb(79, 67, 32); }
#mediabox { border: 1px solid rgb(0, 0, 0); margin: -4em 0pt 0pt; padding: 10px; background: rgb(63, 18, 13) none repeat scroll 0% 0%; float: right; list-style-type: none; list-style-image: none; list-style-position: outside; }
#mediabox li { padding: 4px 0pt 4px 20px; }
#mediabox li a { line-height: 1.5em; color: rgb(255, 255, 255); }
#mediabox li#mb_links { margin: -10px -10px 10px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; }
#mediabox li#mb_download { background: transparent url('images/download_icon_app.gif') no-repeat scroll 0pt 4px; }
#mediabox li#mb_podcast { background: transparent url('images/feed_icon.gif') no-repeat scroll 0pt 4px; }
#mediabox li#mb_jukebox { background: transparent url('images/play_icon_app.gif') no-repeat scroll 0pt 4px; }
#mediabox li#mb_video { background: transparent url('images/video_icon_app.gif') no-repeat scroll 0pt 4px; }
#primaryContent table.calendar { margin-left: 10px; margin-bottom: 25px; border-collapse: collapse; }
#primaryContent table.calendar caption { padding-bottom: 10px; color: rgb(78, 22, 16); font-size: 1.4em; }
#primaryContent table.calendar th { padding: 6px 0pt; background: rgb(78, 22, 16) none repeat scroll 0% 0%; color: rgb(255, 255, 255); font-size: 1.3em; font-weight: normal; }
#primaryContent table.calendar td { border-style: none solid solid none; border-color: -moz-use-text-color rgb(226, 223, 215) rgb(226, 223, 215) -moz-use-text-color; border-width: 0pt 1px 1px 0pt; padding: 2px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 68px; height: 68px; color: rgb(51, 51, 51); font-size: 1em; vertical-align: top; }
#primaryContent table.calendar td ul { margin: 0.5em 0pt 0pt 0.5em; padding: 0pt; font-size: 100%; list-style-type: none; list-style-image: none; list-style-position: outside; }
#primaryContent table a { color: rgb(78, 22, 16); }
#primaryContent table.calendar td li { margin-bottom: 0.75em; font-size: 1.1em; line-height: 1.2; }
#primaryContent table.calendar td li a { text-decoration: underline; }
#primaryContent table.calendar td li a:hover { color: rgb(18, 8, 8); text-decoration: none; }
#secondaryContent {
	border-top: 5px solid rgb(22, 19, 14);
	padding: 10px;
	width: 201px;
}
#secondaryContent p { margin: 0pt 0pt 0.5em; padding: 0pt; font-size: 1.1em; line-height: 1.5em; color: rgb(179, 163, 137); }
#secondaryContent p a, #secondaryContent li a { color: rgb(249, 250, 251); text-decoration: none; }
#secondaryContent li a:hover { text-decoration: underline; }
#secondaryContent #sorting li a { line-height: 1.5em; margin-bottom: 0.5em; }
#secondaryContent ul { padding: 5px 0pt 0pt 10px; margin-bottom: 1em; list-style-type: none; list-style-image: none; list-style-position: outside; }
#secondaryContent li { font-size: 1.1em; color: rgb(249, 250, 251); }
#secondaryContent h3 { background: transparent url('images/h3_bg.gif') repeat-x scroll left bottom; font-family: Georgia,"Times New Roman",serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 1.7em; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(215, 199, 173); padding-bottom: 8px; }
#service-times {
	background-image:url(images/fullStill.jpg);
	background-repeat:no-repeat;
	height: 260px;
	width: 200px;
	margin-left: 4px;
	float: left;
}
#service-times h3 { margin: 0pt; }
#service-times p {
	font-style: italic;
	font-weight: 500;
	text-align: center;
	margin-top: 240px;
	color: #FFF;
}
#service-times a { margin: 1em auto 0pt; background: transparent url('images/directions_bg.gif') no-repeat scroll 0% 0%; display: block; width: 180px; height: 25px; text-indent: -999em; }
#service-times a:focus { outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }
#service-times-index {
	background-image:url(images/cup.jpg);
	height: 285px;
	width: 200px;
	margin-left: 10px;
	background-repeat: no-repeat;
	float: left;
}
#service-times-index p {
	font-style: italic;
	font-weight: 500;
	text-align: center;
	margin-top: 240px;
	color: #FFF;
}
#sermon-sidebar ul { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
#sermon-sidebar, .freeform { padding: 10px; width: 175px; margin-top: 1em; }
.freeform h3 { margin-bottom: 0.5em; }
#upcoming-events { margin: 0pt -11px 0pt -9px; padding: 10px 20px; width: 175px; }
#upcoming-events table.calendar { border-right: 0pt none; border-bottom: 0pt none; background: rgb(45, 12, 8) none repeat scroll 0% 0%; border-collapse: collapse; width: 175px; }
#upcoming-events table.calendar caption { text-align: center; color: rgb(237, 224, 204); font-size: 1em; text-transform: uppercase; margin-bottom: 3px; }
#upcoming-events table.calendar th { padding: 3px 0pt; background: rgb(72, 58, 42) none repeat scroll 0% 0%; color: rgb(255, 255, 255); font-size: 1.1em; font-weight: normal; text-align: center; }
#upcoming-events table.calendar td { width: 28px; height: 28px; font-family: arial,verdana,sans-serif; font-style: normal; font-variant: normal; font-size: 1em; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; color: rgb(171, 157, 133); font-weight: normal; text-align: center; }
#upcoming-events table.calendar td.linked-day { background: rgb(76, 22, 16) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
#upcoming-events table.calendar a { display: block; color: rgb(255, 255, 255); text-decoration: none; }
#traildiv { position: absolute; top: 0px; left: 0px; z-index: 999; visibility: hidden; width: 100px; height: 100px; color: rgb(255, 255, 255); }
#traildiv ul { border: 3px solid rgb(21, 19, 13); padding: 0.75em 0.75em 0pt; background: rgb(45, 12, 8) none repeat scroll 0% 0%; font-size: 1.1em; }
#traildiv li { color: rgb(255, 255, 255); margin-left: 1em; margin-bottom: 0.75em; }
#traildiv a { color: rgb(255, 255, 255); text-decoration: none; }
#recent-sermon {
	margin: 5pt 0px 0pt 4px;
	padding: 3px 3px 0pt 5px;
	background: transparent url('images/service_times_bg.gif') repeat-x scroll left top;
	width: 190px;
}
#recent-sermon h4 { margin: 0pt; font-size: 1.2em; font-weight: bold; width: 68%; }
#recent-sermon h4 a { color: rgb(249, 250, 251); text-decoration: none; }
#recent-sermon p { font-size: 1em; margin-top: 0.2em; color: rgb(209, 204, 178); text-transform: uppercase; }
#recent-sermon ul { position: absolute; top: 60px; right: 10px; }
#recent-sermon ul li { float: left; margin-right: 5px; }
#recent-sermon ul li a { display: block; float: left; width: 25px; height: 23px; text-indent: -999em; }
#recent-sermon li.play a { background: transparent url('images/recent_play_icon.gif') no-repeat scroll 0% 0%; }
#recent-sermon li.download a { background: transparent url('images/recent_download_icon.gif') no-repeat scroll 0% 0%; }
#recent-sermon li a:focus { outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }
#footer { margin: 0pt; padding: 15px 25px 5px; background: transparent url('images/footer_bg.jpg') no-repeat scroll left top; height: 70px; }
#footer p { margin: 0pt; padding: 0pt; font-size: 1em; font-family: arial,verdana,sans-serif; color: rgb(196, 183, 161); }
#footer p#copyright { float: right; margin-top: -1.5em; }
#footer a { color: rgb(163, 147, 120); }
#footer a:hover { color: rgb(196, 183, 161); }

/* ::::: null ::::: */

#header {  }