@charset "utf-8";

/* Overall properties */
html{ background:transparent; margin:0;padding:0 }
body{ 	font:76% "Trebuchet MS",arial,sans-serif; margin: 0; padding: 0; background: url(../images/bg.gif) repeat-x; position: relative; min-width: 960px; }
h1,h2{ padding-left: 15px; margin: 0; }
h1{ font: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #006; }
h2{ font-size: 160%; color: #006; border-bottom: ridge 1px #000; padding-left: 5px; padding-right: 5px; margin-left: 10px; margin-right: 10px; }
h3{ font-size: 14px; color: #006; padding-left: 5px; margin-left: 15px; margin-top: 5px; margin-bottom: 5px; }
h4{ font-size: 12px; color: #006; font-weight: bold; padding-left: 5px; margin-left: 15px; margin-top: 5px; margin-bottom: 5px; text-decoration: underline; }
p{margin: 0;padding: 0 15px 0.2em;line-height: 1.5; margin-bottom: 5px; margin-left: 5px;}
address{font-style: normal}
ul{ padding-top: 0; margin-top: 0px; padding-bottom: 10px;}
a{ color: #006; }
/*ul{margin: 0;padding: 0 5px 0.7em;line-height: 1.5;margin-top: 0px; margin-bottom: 5px; margin-left: 5px;}*/
/*  roundedPage.css #1 */
div#container{ border: none; min-width: 900px; top: 115px; left: 25px; float: left; position:relative; width:900px; margin: auto; background-color: transparent; text-align: left; display: box; }
div#header_address{ background-color: #ffffff; padding: 10px 0 10px 10px }
div#header h1{ color: #FFF;font-size: 300%;font-weight: 900 }
div#content{ clear:left;width:900px;border: none;padding-top:15px;background-color: #fff; position: static; }
div#footer{ clear: both;position: relative; padding-top:5px; text-align: center; font-size: 90%; background: #fff; color: #000}

/*Position for both box and UL within box must not be relative otherwise ssdm div will be covered*/
div#resource_box{ background: #F2F2F2 url(../images/gradient.png) repeat-x top; position:static; float:right; width:250px; margin:0; text-align:left; padding:0; height:100%; }
div#resource_box p{ padding:0 5px }
div#resource_box ul{ margin-top: 0px;padding-top: 5px;text-align:left; padding-right: 5px; position: static; left: -15px; }
div#resource_box h1{ color: #000; }
div#resource_box h2{ color: #000; margin-left: 5px; padding-left: 5px; }
div#resource_item{ text-align: left; }
div#resource_item p {margin-left: 20px;}
div.column{ left: 15px; background:#D3D7FE; width: 295px; margin 15px; padding: 0; padding-right: 5px;}
div.column h3{margin-left: 15px;}
div.column p{margin-left: 20px;}
.resource_window{ overflow: auto; height: 250px; }
.sermon_box{ overflow: auto; max-height: 200px; width: 100%; background: #D3D7FE; } /* border: solid 1px #000000; }*/

div#column_left{ left: 15px; background:#D3D7FE; position: static; float: left; width: 305px; margin 15px; padding: 0; z-index: 0;}
div#column_left h3{margin-left: 15px;}
div#column_left p{margin-left: 20px;}

div#column_right{ left: 15px; background:#D3D7FE; position: static; float: left; width: 305px; margin-left: 15px; padding: 0; z-index: 0; }
div#column_right h3{margin-left: 15px;}
div#column_right p{margin-left: 20px;}

div#main_box { color: #fff; width: 625px; height: 300px; background: #d16417;/*d77429 C60*/ }
div#main_box div h2 { color: #fff; padding: 5px; border: 0;}

div#main_content { width: 375px; height: 275px; padding: 0; margin: 0; }
div#main_dynamic { position: static; visibility: show; }

div#main_navbar { width: 375px; height: 25px; text-align: center; background: #AF4B10; padding: 0; margin: 0; border-top: solid 1px #fff}
span#main_left { float: left; width:26px; height: 25px; border-right: solid 1px #fff; }
span#main_play_pause { float: left; width:26px; height: 25px; border-right: solid 1px #fff;/*e1852f*/ }
span#main_middle { float: left; width: 292px; height: 25px; padding-top: 2px; margin-top: 2px; }
span#main_right { float: left; width:26px; height: 25px; border-left: solid 1px #fff; }

div#image_box { width: 250px; float:right; padding:0; margin:0; background: #fff; }

/*#main2 { position: relative; top: -278px; visibility: hidden; }
#main3 { position: relative; top: -555px; visibility: hidden; }*/

/* niftyCorners.css #2 */
.rtop,.rbottom{ display:block }
.rtop *,.rbottom *{ display:block;height: 1px;overflow: hidden }
.r1{  margin: 0 5px }
.r2{ margin: 0 3px }
.r3{ margin: 0 2px }
.r4{ margin: 0 1px;height: 2px }

.rs1{ margin: 0 2px }
.rs2{ margin: 0 1px }

.tiny { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; }
.small { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }
.medium{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; }
.large { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; }
.navy { color: #006; }
.bold { font-weight: bold; }
/*.home_heading { text-decoration: none; }*/
.home_heading A { text-decoration: none; }

/* default.css  #3 */
#symbol { left: 150px; position: absolute; top: -200px; padding: 0; margin: 0; width: 960px; height: 600px; opacity:0.1; filter:alpha(opacity=10); }
#family { position: absolute; z-index: 100; top: 63px; left: 350px; }
#logo {	position: absolute; top: 15px; left: 15px; z-index: 500; }
#elca { right: 25px; top: 25px; position: absolute; }
.title { margin-left: -10px; }
.center { text-align: center; }
.staff_photo { float: left; padding-right: 5px; padding-left: 15px; }
.footer_sub { float:left; position: relative; padding: 5px; margin: 0; }
.footer_main { position: relative; padding: 5px 0px  0px 5px; margin: 0; clear: both;  width: 320px; text-align: left;float: left; }
#footer_box { clear: both; position:relative; top: 125px; text-align: left; }
.news { position: relative; float:right; right: 25px; padding: 0; margin: 0; margin-left: 15px; top: 115px; width: 220px; text-align: center; }
#header_top { min-width: 1000px; width: 1000px; }
#content_top { float: left; clear: none; width: 650px; }
#content_top_extended { float: left; clear: none; width: 100%; }
/* ssdm.css #4 */
#sddm { z-index:200; margin: 0; padding: 0; border: none; height: 27px; width: 921px; background: url(../images/nav_bg.gif) repeat-x; padding-left: 15px; left: -15px; position: relative; }
#sddm li { margin: 0; padding: 0; list-style: none; float: left; font: 12px "Trebuchet MS",Arial,Helvetica,sans-serif; height: 27px; }
#sddm li a { display: block; margin: 0; padding: 0; background: url(../images/nav_bg.gif); color: #FFF; height: 27px; text-align: center; text-decoration: none; }
#sddm li a:hover { color: #000; position: relative; background: #fac875; }
#sddm li a .nav_left { margin-top: 0px;line-height: 27px; width: 10px; height: 27px; float: left; }
#sddm li a:hover .nav_left,
#sddm li a .nav_left_hover { margin-top: 0px; line-height: 27px; width: 10px; height: 27px; float: left; background: url(../images/nav_lt.gif) top left no-repeat; }
#sddm li a .nav_right { margin-top: 0px; line-height: 27px; width: 10px; height: 27px; float: left; }
#sddm li a:hover .nav_right,
#sddm li a .nav_right_hover { margin-top: 0px; line-height: 27px; width: 10px; height: 27px; float: left; background:  url(../images/nav_rt.gif) top right no-repeat; }
#sddm li a .nav_mid { margin-top: 0px; line-height: 27px; height: 27px; float: left; }
#sddm li a:hover .nav_mid,
#sddm li a .nav_mid_hover { margin-top: 0px; line-height: 27px; height: 27px; float: left; background:  url(../images/nav_bg_tab.gif) repeat-x; }
#sddm div {	z-index: 9999; position: absolute; visibility: hidden; margin: 0; padding: 0; margin-left: 2px; width: 200px; }
#sddm div a { position: relative; display: block;margin: 0; padding-left: 5px; padding-top: 7px; white-space: nowrap; text-align: left;  text-decoration: none; background: #fac875; color: #000; font: 12px "Trebuchet MS",Arial,Helvetica,sans-serif; vertical-align: bottom; }
#sddm div a:hover { background: #e0832c; color: #000; }

#sddm_fix { z-index:200; margin: 0; padding: 0; border: none; height: 27px; width: 921px; background: url(../images/nav_bg.gif) repeat-x; padding-left: 15px; left: -15px; position: relative; }
#sddm_fix li { margin: 0; padding: 0; list-style: none; float: left; font: 12px "Trebuchet MS",Arial,Helvetica,sans-serif; height: 27px; }
#sddm_fix li a { display: block; margin: 0; padding: 0; background: url(../images/nav_bg.gif); color: #FFF; height: 27px; text-align: center; text-decoration: none; }
#sddm_fix li a:hover { color: #000; position: relative; background: #fac875; }
#sddm_fix li a .nav_left { margin-top: 0px;line-height: 27px; width: 10px; height: 27px; float: left; }
#sddm_fix li a:hover .nav_left,
#sddm_fix li a .nav_left_hover { margin-top: 0px; line-height: 27px; width: 10px; height: 27px; float: left; background: url(../images/nav_lt.gif) top left no-repeat; }
#sddm_fix li a .nav_right { margin-top: 0px; line-height: 27px; width: 10px; height: 27px; float: left; }
#sddm_fix li a:hover .nav_right,
#sddm_fix li a .nav_right_hover { margin-top: 0px; line-height: 27px; width: 10px; height: 27px; float: left; background:  url(../images/nav_rt.gif) top right no-repeat; }
#sddm_fix li a .nav_mid { margin-top: 0px; line-height: 27px; height: 27px; float: left; }
#sddm_fix li a:hover .nav_mid,
#sddm_fix li a .nav_mid_hover { margin-top: 0px; line-height: 27px; height: 27px; float: left; background:  url(../images/nav_bg_tab.gif) repeat-x; }
#sddm_fix div {	z-index: 9999; position: absolute; visibility: hidden; margin: 0; padding: 0; margin-left: 2px; width: 200px; }
#sddm_fix div a { position: relative; display: block;margin: 0; padding-left: 5px; padding-top: 7px; white-space: nowrap; text-align: left;  text-decoration: none; background: #fac875; color: #000; font: 12px "Trebuchet MS",Arial,Helvetica,sans-serif; vertical-align: bottom; }
#sddm_fix div a:hover { background: #e0832c; color: #000; }

/* box.css */
#page {	max-width:950px; min-height: 500px; margin:0 auto; position: relative; top: 150px; text-align: left; border: none; min-width: 950px; top: 115px; left: 25px; float: left; width:950px; background-color: transparent; }
* html #page { width:950px }

/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb { margin:1em 0; padding:0 10px; border:1px solid #666; background:#fff; min-height: 500px; }
.cbb h1 { margin:0 -10px; padding:0.3em 10px; font:bold 1.2em/1 Arial, Helvetica, sans-serif; }
/* Normal styling */
.cb { margin:0.5em 0; }
/* Top corners and border */
.bt { height:17px; margin:0 0 0 18px; background:url(../images/box3.png) no-repeat 100% 0; }
.bt div { position:relative; left:-18px; width:18px; height:17px; background:url(../images/box3.png) no-repeat 0 0; font-size:0; line-height:0; }
/* Bottom corners and border */
.bb { height:17px; margin:0 0 0 18px; background:url(../images/box3.png) no-repeat 100% 100%; }
.bb div {position:relative; left:-18px; width:18px; height:17px; background:url(../images/box3.png) no-repeat 0 100%; font-size:0; line-height:0; }
/* Left border */
.i1 { padding:0 0 0 12px; background:url(../images/borders2.png) repeat-y 0 0; }
/* Right border */
.i2 { padding:0 12px 0 0; background:url(../images/borders2.png) repeat-y 100% 0; }
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 { display:block; margin:0; padding:1px 10px; background:#fff; }

/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.i3 { display:inline-block; }
.i3 { display:block; }
/* Default CSS ends here */

/* Custom CSS
================================================*/
/* You can use different borders for different boxes on the same page. Just adjust the CSS. Here are a few examples, one of which uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */

.one { position:absolute; top:0; right:0; }
.two { float:left; width:45%; }
.two .i1,
.two .i2 { background-image:url(../images/borders.gif); }
.two .bt,
.two .bt div,
.two .bb,
.two .bb div { background-image:url(../images/box2.gif); }
#three { float:left; clear:both; width:80%; }
#three .cb { float:left; width:40%; }
.button { float:left; margin-top:0; }
.button .bt { height:8px; margin:0 0 0 9px; background-image:url(../images/button.png); button .bt div { left:-9px; width:9px; height:8px; background-image:url(../images/button.png); } 
.button .bb { height:8px; margin:0 0 0 8px; background-image:url(../images/button.png); }
.button .bb div { left:-8px; width:8px; height:8px; background-image:url(../images/button.png); }
.button .i1 { padding:0 0 0 3px; background-image:url(../images/button-borders.png); }
.button .i2 { padding:0 3px 0 0; background-image:url(../images/button-borders.png); }
.button .i3 { padding:0 0.5em; background:#3a3d40 url(../images/button.png) no-repeat -3px -8px;  font-weight:bold; text-decoration:none; text-align:center; }
.button a:link,
.button a:visited,
.button a:hover { border:none; color:#fff; }