img { behavior: url(http://www.clfc.com/fileadmin/templates/shared/scripts/iepngfix.htc); }
body { color:#485078; text-align: center; font-size: 11pt; font-family: Verdana; background: #fff url(images/F2F10bak.jpg) center top no-repeat; margin: 0; }
#webpage { text-align: left; margin: 0 auto; position: relative; width: 970px; max-width: 970px; }

/* Pageheader style */
#pageheader { font-size: 8pt; background:transparent; margin: 0; padding: 0; width: 100%; min-height: 246px; height: 246px !important; height: 246px; max-height: 246px; }
#pageheader span { visibility: hidden; display: none; }
#headerimg { margin:0; padding:0; }
#aud { position:absolute; top:0; right:0; width:100px; height:40px; background:transparent; }

/* Main Page Structure */
#menusandelements { margin: 0; padding: 0; position: relative; width: 100%; }
#pageelements { background:transparent; position:absolute; margin-top: 0px; top:0; left: 0; width: 100%; min-height: 260px; height: auto !important; height: 260px; }
#pushfooter { width:100%; height:auto; float:left; clear:both; }

#marquee { font-size:13pt; color:#485078; line-height:0em; float:left; clear:both; width:970px; min-height:0; height:auto !important; height: 0; max-height:30px; _max-height:0; background:transparent; }
#marquee a, #marquee a:visited { color:#485078; }
#marquee a:hover { color:#b53449; text-decoration:none; }
#marquee span { display:none; }

/* Main Page Content Styles */
/* Main Content Section Layout */
#contentdiv { font-size: 8pt; margin:0; padding:0; position:relative; top: 0; min-width:730px; width:730px; max-width:730px; height:auto; float: right; background:transparent; }
#contenttop { float:right; clear:both; width:100%; height:24px; color:#485078; background:transparent; margin:0; padding:0; }
#contentmiddle { float:right; clear:both; width:100%; margin:0; padding:0; min-height: 248px; height: auto !important; height: auto; background:transparent; }
#content { position:relative; top:0; left:40px; width:700px; max-width:700px; margin:0; padding:0; }
#contentbottom { float:right; clear:both; width:100%; height:40px; color:#485078; background:transparent; margin:0; padding:0; }
#contenttop h2, #contenttop p { padding-left: 20px; }


/* HomeFULL Page Main Content Section Layout */
#contentdiv.home { font-size: 8pt; margin:0; padding:0; position:relative; top: 0; min-width:970px; width:970px; max-width:970px; height:auto; float:right; background:transparent; }
#contenttop.home { float:right; clear:both; width:100%; height:0; color:#485078; margin:0; padding:0; background:transparent; }
#contentmiddle.home { float:right; clear:both; width:100%; margin:0; padding:0; min-height:445px; height: auto !important; height:445px; background:transparent; }
#contentbottom.home { float:right; clear:both; width:100%; margin:0; padding:0; height:0; position:relative; color:#485078; }
#content.home { float:right; clear:both; color:#fff; position:relative; top: 0px; left: 0px; width: 100%; max-width: 100%; min-height: 346px; height: auto !important; height: 346px; margin:0; padding:0; background:transparent; }

/* Menu Column Style */
#menucolumn { background:transparent url(images/F2F10_menu.jpg) right top no-repeat; font-size: 10pt; margin: 0; padding: 0px; position: relative; top:0; left:0; width:240px; max-width:240px; min-height: 341px; height: auto !important; height: 100%; _height: 341px; float: left;}
#menutop { float:right; clear:both; background:transparent; width:100%; height:28px; margin:0; }
#menumiddle { float:right; clear:both;width: 100%; height: auto !important; padding: 0 0 10px 0; }
#menubottom { float:right; clear:both; background:transparent; width:100%; height:0px; margin:0; }
#menu { text-align:right; color: #485078; text-align: left; position: relative; top:0; min-width:220px; width:220px; max-width:220px; }
#menu div { float:right; text-align:right; clear:both; }
#menu p { margin: 0px; padding-bottom: 10px; }

/* Side Menu Styles */
.menu1-level1-no {
	font-size: 9pt; font-weight: bold;
	position: relative; 
	width:200px; }
.menu1-level1-no a,
.menu1-level1-no a:visited {
	color: #485078;
	margin: 0 0 5px 0;
	padding:0 0 5px 0;
	position: relative; 
	min-height: 1.4em ; height: auto !important; height: 1.4em;
	background:transparent;
	display: block;
	text-decoration: none;}
.menu1-level1-no a:hover {
	background:transparent;
	/*font-style: oblique;*/
	font-weight:bold;
	color:#b53449; }

.menu1-level1-act {
	font-size: 9pt; font-weight: bold;
	position: relative;
	width:200px; }
.menu1-level1-act a,
.menu1-level1-act a:visited {
	color: #b53449;
	margin: 0 0 5px 0;
	padding:0 0 5px 0;
	position: relative; 
	min-height: 1.4em ; height: auto !important; height: 1.4em;
	background:transparent;
	display: block;
	text-decoration: none; }

.menu1-level2-no {
	font-size: 8pt; font-weight: bold;
	margin: 0 0 7px 0;
	position: relative;
	width:190px; }
.menu1-level2-no a,
.menu1-level2-no a:visited {
	color: #485078;
	margin: 0 0 5px 0;
	padding:0 10px 5px 0;
	position: relative;
	min-height: 1.4em; height: auto !important; height: 1.4em;
	background:transparent;
	display: block;
	text-decoration: none; }
.menu1-level2-no a:hover {
	background:transparent;
	/*font-style: oblique;*/
	font-weight:bold;
	color:#b53449; }

.menu1-level2-act {
	font-size: 8pt; font-weight: bold;
	margin: 0 0 7px 0;
	position: relative; 
	width:190px; }
.menu1-level2-act a,
.menu1-level2-act a:visited {
	color: #b53449;
	margin: 0 10px 5px 0;
	padding:0 0 5px 0;
	position:relative;
	min-height: 1.4em ; height: auto !important; height: 1.4em;
	background:transparent;
	display: block;
	text-decoration: none; }

.spacer { width:160px; color: #485078; font-size: 9pt; font-weight: bold; margin-bottom: 7px; margin-top: 1.4em; position: relative; min-height: 1.7em ; height: auto !important; height: 1.7em; border-bottom: 1pt; border-bottom-color: #485078; border-bottom-style: double }

/* Page Footer Style */
#pagefooter { position:relative; color: #485078; font-size: 8pt; background:transparent url(images/F2F10_footer.png) center top no-repeat; _background:transparent url(images/F2F10_footer.gif) center top no-repeat; width: 970px; min-height: 266px; height: 266px !important; height: 266px; max-height: 266px; float: left; clear: both; margin:0; padding: 0;}
#pagefooter.home { position:absolute; color: #485078; font-size: 8pt; background:transparent url(images/F2F10_footer.png) center top no-repeat; _background:transparent url(images/F2F10_footer.gif) center top no-repeat; width: 970px; min-height: 266px; height: 266px !important; height: 266px; max-height: 266px; /*float: left; clear: both;*/ top:290px; left:0; margin:0; padding: 0;}
#pagefooter p { margin:5px; }
#pagefooter h3 { font-size:13pt; margin:5px; }
#pagefooter h4 { font-size:10pt; margin:5px; }
#pagefooter a, #pagefooter a:visited { color:#b53449; text-decoration:none; }
#pagefooter a:hover { color:#485078; text-decoration:underline; }
#pagefooter img.floatpicrt, #pagefooter img.floatpiclt { margin: 5px; }

#pagefooter div.footercol { float:left; width:120px; height:auto; margin: 0; padding: 0; }
#pagefooter div.footercol p a, #pagefooter div.footercol p a:visited { color: #485078; text-decoration: none; }
#pagefooter div.footercol p a:hover { color:#b53449; text-decoration: underline; }
#footerlinx { width:120px; height:auto; position:absolute; left:234px; top:106px; vertical-align: text-top; margin:0; padding: 0;}
#bkstr { width:240px; height:auto; position:absolute; left:350px; top:106px; vertical-align:text-top; text-align:left; margin:0; padding:0; }
#footertext { width:290px; height:auto; position:absolute; left:350px; top:200px; vertical-align:text-bottom; text-align:left; margin:0; padding:0; }

/* Pure-CSS Drop Down Menu code adapted from http://www.grc.com/menu2/invitro.htm */
#menubar { font-size: 12pt; line-height: 3.5em; _line-height: 3.4em; text-align: center; margin: 0; padding: 0; position: absolute; top: 176px; left: 0; width: 970px; min-height: 70px; height: 70px !important; height: 70px; max-height: 70px; }
#menubartop { width:100%; height: 0px; }
#menubarbottom { width:100%; height: 0px; }
#menubarmiddle { width:970px; height:70px; }

ul#menucenter { position:relative; width:680px; _width:680px; height:70px; z-index: 12; margin:0 auto; _margin:0; padding: 0; }
ul#menucenter li.top { float: left; list-style-type: none; margin: 0; padding: 0; position: relative; z-index: 13; min-height:70px; height: 70px !important; height:70px; width:170px; min-height:70px; height: 70px !important; height:70px; }
ul#menucenter li.top table { _margin:-1px 0; margin:0; border-collapse:collapse; }
ul#menucenter li.top a, #menucenter ul li a:visited { color:#8384be; font-size: 12pt; line-height: 4.5em; font-weight: bold; text-decoration: none; display: block; min-height:70px; height: 70px !important; height:70px; }
ul#menucenter li.top b { display:block; width:100%; height:100%; background:transparent url(../shared/images/clear.gif) repeat; }
ul#menucenter div { display:none; overflow:hidden; position:absolute; background:transparent; top: 2.5em; _top: 3.5em; left:-20px; height:auto; float:left; width:224px; }

ul#menucenter li.top ul.listdiv { _display: none; position:relative;/**/ margin:5px 0 0 0; _margin:11px 0 0 0; padding:0; list-style: none; background:transparent; }
ul#menucenter li.top ul.listdiv li { line-height: 2em; float:left; font-size: 9pt; margin: 0; padding: 0; height: auto; border: none; border-style: none; text-align: left; width:224px; min-width:224px; }

ul#menucenter li.top ul.listdiv li a, #menucenter li.top ul.listdiv li a:visited { border:none; border-style: none; color: #b53449; background:#bde2f0; font-size: 9pt; line-height:2.3em;  min-height:30px; height: 30px !important; height:30px; text-decoration: none; padding: 0 0 0 16px; margin: 0; }

ul#menucenter li.top a:hover,
ul#menucenter li.top:hover a  { color: #0057a8; background:transparent url(images/F2F10_dd.gif) center bottom no-repeat; border: none; }

ul#menucenter li.top:hover ul.listdiv { _display: block; position:relative; _position: absolute; top:0; _top: 3.5em; _left:-20px;}
ul#menucenter li.top a:hover ul.listdiv { _display: block; position:relative; _position: absolute; top:0; _top: 3.5em; _left:-20px;}
ul#menucenter li.top ul.listdiv li a:hover { color:#fff; background:#e0ac49; border:none; }

ul#menucenter li.top ul.listdiv li.listtop { margin:0; padding:0; font-size: 0; width:224px; min-width:224px; height:13px; min-height:13px; max-height:13px; background:transparent url(images/F2F10_ddtop.gif) left top no-repeat; line-height:0; }
ul#menucenter li.top ul.listdiv li.listtop span { display: none; }
ul#menucenter li.top ul.listdiv li.listbottom { margin:0; padding:0; font-size: 0; width:224px; min-width:224px; height:13px; min-height:13px; max-height:13px; background:transparent url(images/F2F10_ddbot.gif) left bottom no-repeat; line-height:0; }
ul#menucenter li.top ul.listdiv li.listbottom span { display: none; }


/* Special Content Elements */
img { border-style: none; }
img.floatpicrt { float:right; margin: 10px; }
img.floatpiclt { float:left; margin: 10px; }
img.bioimg { float: right; margin: 0 0 0 10px; }
td { vertical-align: top; font-size: 8pt; }

.required {color:#990000;}
.hideme {display: none; visibility: hidden;}
.underline {text-decoration: underline}

.width16 {width: 16%}
.width17 {width: 17%}
.width25 {width: 25%}
.width33 {width: 33%}
.width50 {width: 50%}
.width90 {width: 90%}
.width100 {width: 100%}
.width470 {width: 470px}

/* H1 Tag Styles */
#content h1 { color:#b53449; font-size: 18pt; margin: 0 0 8px; padding: 0; border:none; clear: both;}

/* Header and text styles */
#content h2 { color:#b53449; margin: 4px 0 6px; padding: 0; clear: both; }
#content h3 { color:#3a4676; font-size: 11pt; margin: 4px 0 6px; padding: 0;}
#content h4 { color:#b53449; margin: 4px 0 6px; padding: 0; clear: both; }
#content h5 { color:#b53449; margin: 4px 0 6px; padding: 0; clear: both; }
#content h6 { color:#b53449; margin: 4px 0 6px; padding: 0; clear: both; }
#content p { color: #485078; text-align: left; margin: 0 0 10px; padding: 0; font-size:12pt;}
#content p.pheader { color: #F0F9FE; background-color: #502000; text-align: left; margin: 0 0 5px; padding: 3px; display: block}
#content a, #content a:visited { color: #b53449; text-decoration: underline; }
#content a:hover {color: #485078; }
#content ul { padding-left: 12pt;}
#content p.scripture {text-align: right; padding-right: 20px; padding-left: 10px; padding-top: 4pt; padding-bottom: 1em; font-style: oblique}
#content p.biotext { text-align: left; margin: 0 0 10px; padding: 0; width:360px; font-size:11pt;}
#content p.biotext2 { text-align: left; margin: 0 0 10px; padding: 0; width:400px; font-size:11pt;}
#content p.indent { text-align: left; margin-left: 30px; margin-bottom:10px; padding: 0;}
#content p.cgindent { text-align: left; margin-left: 126px; margin-bottom:10px; padding: 0;}
#content li { margin: 0 0 6px 10px; font-size:12pt; }
#content table { color: #485078; }
#content p.welcome { text-align: left; margin: 0 0 10px; padding: 0; font-size:11pt;}
#content p.Word { color:#56408f; text-align: left; margin: 0 0 10px 90px; padding: 0; font-size:11pt; font-style: oblique; width:60%;}

#content fieldset  { margin: 0; padding: 0; border-style: none; }
#content li.formerror {color: #D10000; margin-left: 0px; font-size: 10pt;}
#content input, #content textarea {margin-top:0em; }
#content fieldset legend {color: #502000; font-weight: bold; font-size: 12pt; margin-bottom: 5px; }
#content label { display:block; float:left; margin:0; padding-top: 0; padding-right:1em; text-align:right; width:160px; font-weight: bold}
#content input.csc-mailform-submit { margin-left: 170px; }
#content div.fielderror { margin-left: 165px;}
#content fieldset div { clear:left; margin-bottom: 6px; }
#content fieldset p.indent { text-align: left; margin: 0 0 8pt 60pt; padding: 0; width: 82%; }
#content fieldset p.bodytext { text-align: left; margin: 0 0 8pt 68pt; padding: 0; width: 300px; }
#content fieldset h4 { font-size: 9pt; text-align: left; margin: 0 0 8pt 68pt; padding: 0; width: 90%; }
#content fieldset ul { text-align: left; margin: 0 0 10pt 48pt; padding: 0; width: 84%; }
#content fieldset ul.disclaimer { text-align: left; margin: 0 0 10px 0; padding:0; }
#content fieldset li { text-align: left; margin: 0 0 0pt 48pt; padding: 0; width:90%; }
#content fieldset li.disclaimer { text-align: left; margin: 0 0 0pt 20pt; padding:0; }
#content dt.even { background-color: #FBFFFF; }

#content dt label { display:block; float:left; margin:0; padding-top: 0; padding-right:1em; text-align:right; width:120px; font-weight: bold}
div.div50 {float:left; width:45%; margin:0 10px 8px 0;}

.prayer { margin-left: 210px; }
#content input.csc-mailform-submit-prayer { margin-left: 210px; }
#content label.cgroup { display:block; float:left; margin:0; padding-top: 0; padding-right:1em; text-align:right; width:120px; font-weight: bold}
#content label.pam { display:block; float:left; clear: none; margin:0; padding: 0; text-align:right; width:82%; font-weight: bold;}
#content label.prayer {display:block; float:left; margin:0; padding-top: 0; padding-right:1em; text-align:right; width:200px; font-weight: bold; margin-bottom: 1em}
#content div.minapplist {float:left; clear:none; margin-bottom: .5em; width:33%;}
#content div.prayer27 {width:33%; float:left; clear:none;}
#content td div.prayer27 {width:122px; float:left; clear:none;}
#content label.prayer27label {display:block; float:left; margin:0; padding-top: 0; padding-right:1em; text-align:right; width:140px; font-weight: bold; margin-bottom: 0; }
#content td div.prayer27 label.prayer27label {display:block; float:left; margin:0; padding-top: 0; padding-right:1em; text-align:right; width:68px; font-weight: bold; margin-bottom: 0; }
#content div.width45 {width: 43%; float:left; clear:none; display: block; text-align: right; }
#content div.divclear { width:100%; height:0; clear:both; }

#content div.year { float:left; font-weight:bold; width:32%; font-size:14pt; text-align:center; height:60px; margin:0 0 15px; padding:0; line-height:3em; }
#content div.year p { color:#b53449; font-size:14pt; float:none; text-align:center; margin:0; padding:0; display:block; width:100%; height:100%; line-height:3em; background:#c2e6ea; }
#content div.year a, #content div.year a:visited { color:#3a4676; display:block; width:100%; height:100%; line-height:3em; background:#fff; }
#content div.year a:hover { color:#b53449; display:block; width:100%; height:100%; line-height:3em; background:#c2e6ea; text-decoration:none;}
div.cleardiv { float:none; width:100%; height:auto; clear:both;}

/* Extra Divs */
div.floatdiv { visibility: hidden; display: none; }
div.archb { width:100%; clear:both; min-height:10px; margin:0 0 20px 0; height:2px; max-height:2px; border-bottom:solid 1px black;}

/* Typo3 Extension Styles */
#content table h3.groupcat a, table h3.groupcat a:visited {color:#fff; width:470px; height:auto; background:#502000; margin:0; padding:5px; clear:none; display:block; }
#content table h3.groupcat a:hover { text-decoration:none; }
#content .pagebrowser { color:#485078; font-size: 10pt; margin: 4px 0 6px; padding: 0;}


/* scrolling content */
#speakers { list-style:none; overflow:hidden; width:660px; position:relative; height:560px; float:left; clear:both; margin:0 0 10px 0; padding:0; }
#content .bios { list-style:none; width:3300px; height:auto; margin:0; padding:0; }
#content .bios ul { margin:0; padding:0; }
#content .bios .sbio { float:left; list-style:none; margin:0; padding:0; width:660px; height:500px; }
#content .bios .sbio p { font-size:10pt; margin:10px 10px 10px 0; padding:0; }
#content .bios .sbio h1 { display:inline; margin: 4px 0 10px; padding:0; }


/* Worship Login Styles */
.login_menu-no { font-size: 10pt; float: left; margin-right: 3px; }
.login_menu-no a, .login_menu-no a:visited { color: #502000; text-decoration: none; }
.login_menu-no a:hover { color: #718065; text-decoration: underline; }

.login_menu-act { font-size: 10pt; color: #718065; float: left; margin-right: 3px;}
.login_menu-act a, .login_menu-act a:visited { color: #718065; text-decoration: underline; }

.login_menu1st-no { font-size: 10pt; margin-top: 12px; }
.login_menu1st-no a, .login_menu1st-no a:visited { color: #502000; text-decoration: none; }
.login_menu1st-no a:hover { color: #718065; text-decoration: underline; }

.login_menu1st-act { font-size: 10pt; color: #718065;  margin-top: 12px}
.login_menu1st-act a,  .login_menu1st-act a:visited { color: #718065; text-decoration: underline; }