img { behavior: url(http://www.clfc.com/fileadmin/templates/shared/scripts/iepngfix.htc) }
body  { text-align: center; font-size: 10pt; font-family: Verdana; background: white; margin-top: 0; /* background-image: url(childrenback.jpg); background-position: center top; background-repeat: no-repeat; */ background-color: white }
#webpage   { text-align: left; margin: 0 auto; position: relative; width: 760px; max-width: 760px }
#menusandelements    { margin: 0; padding: 0; position: relative; width: 100% }
#pageelements   { background-color:white; position: absolute; margin-top: 0px;top: 2.4em; left: 0; width: 100%; min-height: 260px; height: auto !important; height: 260px }

img { border-style: none }
img.floatpicrt {float:right; margin-left: 10px; margin-bottom: 5px}
img.floatpiclt {float:left; margin-right: 10px; margin-bottom: 5px}
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}

/* Pageheader style */
#pageheader   { background-image: url(CovenantKids_01.jpg); background-position: center top; background-repeat: no-repeat;font-size: 8pt; background-color: transparent; margin: 0; padding: 0; width: 100%; min-height: 140px; height: auto !important; height: 140px }
#pageheader span { visibility: hidden; display: none }

/* marqee style */
#marquee { margin:0; padding: 0 20px; font-size:11pt; color:#990000; line-height:.7em; float:left; clear:both; width:720px; min-height:0; height:auto !important; height: 0; max-height:30px; _max-height:0;}
#marquee a, #marquee a:visited { color:#0D34B1; }
#marquee a:hover { color:#811788; text-decoration:none; }


/* Main Page Content Styles */
/* Main Content Section Layout */
#contentdiv { font-size: 8pt; margin: 0; padding:0px; position: relative; top: 0; min-width: 530px; width: 530px; max-width: 530px; _min-width: 520px; _width: 520px; _max-width: 520px; min-height: 100%; height: 100% !important; height: 100%; _min-height: auto; _height: auto; float: right;}
#contenttop { width:100%; height: 0px;}
#contentmiddle { width: 100%; margin:0px; padding:0px; min-height: 248px; height: auto !important; height: 100%;}
#contentbottom { width:100%; height: 0px;}
#content { color: #0D34B1; position: relative; top: 6px; left: 20px; width: 470px; max-width: 470px; margin:0px; padding:0 0 20px 0; }

/* H1 Tag Styles */
#content h1 { color: purple; font-size: 16pt; margin: 4px 0 6px; padding: 0; }
#content h1.psralde { background-image: url(psralde.gif); background-repeat: no-repeat; background-position: left bottom; height: 44px; }
#content h1.psralde span { visibility: hidden; display: none }

/* Header and text styles */
#content h2 { font-size: 13pt; font-weight: bold; margin: 4px 0 6px; padding: 0 }
#content h3 { font-size: 11pt; font-weight: bold; margin: 4px 0 6px; padding: 0 }
#content h4 { font-size: 11pt; font-weight: bold; margin: 4px 0 6px; padding: 0 }
#content h5 { margin: 4px 0 6px; padding: 0 }
#content h6 { margin: 4px 0 6px; padding: 0 }
#content p { text-align: justify; margin: 0 0 10px; padding: 0 }
#content a, #content a:visited { color: #0D34B1; text-decoration: underline }
#content a:hover {color: #811788}
#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 fieldset  { margin: 0; padding: 0; border-style: none }
#content li.formerror {color: #D10000; margin-left: 0px}
#content input, #content textarea {margin-top:0em; margin-bottom: 3px}
#content fieldset legend {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:76px; font-weight: bold}
#content input.csc-mailform-submit { margin-left: 82px;}
#content div.fielderror { margin-left: 76px;}
#content fieldset div { clear:left; margin-bottom: 6px}
#content fieldset p.indent { text-align: justify; margin: 0 0 8pt 60pt; padding: 0; width: 82%;}
#content fieldset p.bodytext { text-align: justify; margin: 0 0 8pt 60pt; padding: 0; width: 85%;}
#content fieldset div.checklist {width:200px; float:left; clear:none;}
#content fieldset div.checklist label {width:140px}
#content dt.even {background-color: #FBFFFF}


/* Menu Column Style */
#menucolumn { font-size: 8pt; margin: 0; padding: 0px; position: relative; top: 6px; left: 0px; width: 230px; max-width: 230px; height: auto !important;  float: right }
#menutop { background-image: url(CovenantKids_04.jpg);  background-repeat: no-repeat; width:100%; height:18px; margin-top: 10px; }
#menumiddle { background-image: url(CovenantKids_09.jpg);  background-repeat: repeat-y; width: 100%; height: auto !important; padding-bottom: 10px}
#menu  { text-align: left; position: relative; top:0px; left:40px;  width: 175px; max-width: 175px;}
#menubottom { background-image: url(CovenantKids_11.jpg);  background-repeat: no-repeat; width:100%; height:24px; }

/* Side Menu Styles */
/*
.menu1-level1-no  { font-size: 9pt; margin-bottom: 7px; position: relative; width: 172px }
.menu1-level1-no a, .menu1-level1-no a:visited { display: block; position: relative; min-height: 1.3em ; height: auto !important; height: 1.3em; width: 172px; color: #0D34B1; text-decoration: none; padding:0 0 9px 0; }
.menu1-level1-no a:hover  { background-image: url(CovenantKids_09.gif); background-repeat: no-repeat; background-position: left bottom; font-style: oblique;}
*/
.menu1-level1-no {
	font-size: 9pt;
	position: relative; }
.menu1-level1-no a,
.menu1-level1-no a:visited {
	color: #0D34B1;
	margin: 0 0 5px 0;
	padding:0 0 5px 0;
	position: relative; 
	min-height: 1.6em ; height: auto !important; height: 1.6em;
	display: block;
	text-decoration: none; }
.menu1-level1-no a:hover {
	background-image: url(CovenantKids_09.gif); background-repeat: no-repeat; background-position: left bottom;
	font-style: oblique; 
	color:#0D34B1; }

.menu1-level1-act {
	font-size: 9pt; font-weight: bold;
	position: relative; }
.menu1-level1-act a,
.menu1-level1-act a:visited {
	color: #0D34B1;
	margin: 0 0 5px 0;
	padding:0 0 5px 0;
	position: relative; 
	min-height: 1.6em ; height: auto !important; height: 1.6em;
	background-image: url(CovenantKids_09.gif); background-repeat: no-repeat; background-position: left bottom;
	display: block;
	text-decoration: none; }


.menu1-level2-no {
	font-size: 8pt;
	margin: 0 0 7px 15px;
	position: relative;}
.menu1-level2-no a,
.menu1-level2-no a:visited {
	color: #0D34B1;
	margin: 0 0 5px 0;
	padding:0 0 5px 0;
	position: relative;
	min-height: 1.6em; height: auto !important; height: 1.6em;
	display: block;
	text-decoration: none; }
.menu1-level2-no a:hover {
		background-image: url(CovenantKids_09.gif); background-repeat: no-repeat; background-position: left bottom;
		font-style: oblique; 
		color: #0D34B1; }

.menu1-level2-act {
	font-size: 8pt; font-weight: bold;
	margin: 0 0 7px 15px;
	position: relative; }
.menu1-level2-act a,
.menu1-level2-act a:visited {
	color: #0D34B1;
	margin: 0 0 5px 0;
	padding:0 0 5px 0;
	position:relative;
	min-height: 1.6em ; height: auto !important; height: 1.6em;
	background-image: url(CovenantKids_09.gif); background-repeat: no-repeat; background-position: left bottom;
	display: block;
	text-decoration: none; }

.spacer   { color: #0D34B1; 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: #0D34B1; border-bottom-style: double }


/* Page Footer Style */
#pagefooter       { font-size: 7pt; background-color: white; background-image: url(CovenantKids_13.jpg);  background-repeat: no-repeat; position: relative; width: 100%; min-height: 69px; height: auto !important; height: 69px; clear: both }
#footertext { position: relative; width:100%; top: 20px; right: 125px; float: right; vertical-align: text-bottom }
.footerright { color: #1F4D8B; text-align: right; margin: 0; position: relative }
.footerright a, .footerright a:visited { color: #1F4D8B; text-decoration: underline }
.footerright a:hover { color: #811788 }

/* Extra Divs */
.volmo {width:31%; height:auto; text-align: center; margin: 0 5px 10px; float: left;}
.volmo2 {width:62%; height:auto; text-align: center; margin: 0 5px 10px; float: left;}
div.floatdiv { visibility: hidden; display: none }


/* Pure-CSS Drop Down Menu code adapted from http://www.grc.com/menu2/invitro.htm */
#menubar { font-size: 10pt; line-height: 2.2em; text-align: center; margin: 0; padding: 0; position: relative; top: 0; left: 0; width: 100%; min-height: 2.2em; height: auto !important; height: 2.2em; }
#menubartop { width:100%; height: 0px; }
#menubarbottom { width:100%; height:4px; }

#menubarmiddle {width:100%; height:2.2em; background-image: url(CovenantKids_02.jpg); background-repeat: repeat-y; background-position: center top; }
ul#menucenter { width:700px; height: 100%; position: relative; z-index: 2000;  margin:0 30px; padding: 0; }
ul#menucenter li.top { /*line-height: 2.2em;*/ float: left; list-style-type: none; margin: 0; padding: 0; position: relative; z-index: 2000; min-height: 2.2em; height: 2.2em; width: 100px; }
ul#menucenter li.top table {_margin:-1px 0; margin:0; border-collapse:collapse; }
ul#menucenter li.top a, #menucenter ul li a:visited { color:#0D34B1; font-size: 10pt; font-weight: bold; text-decoration: none; display: block; }

ul#menucenter li.top ul.listdiv { display: none; margin:0; padding:0; list-style: none; background:purple; }
ul#menucenter li.top ul.listdiv li { line-height: 2em; float:left; font-size: 8pt; margin: 0; padding: 0; height: auto; border: none; border-style: none; text-align: left; width: 170px; min-width: 170px; }

ul#menucenter li.top ul.listdiv li a, #menucenter li.top ul.listdiv li a:visited { border:none; border-style: none; color: #fff; font-size: 8pt; text-decoration: none; padding: 0 0 0 10px; margin: 0; background-color:#0D34B1; background-image: url(Kidsmenu_02.jpg); background-repeat: repeat-y; height:100%; }

ul#menucenter li.top a:hover, ul#menucenter li.top:hover a  { color: #fff; background-color:#0D34B1; border:solid 2px yellow; }

ul#menucenter li.top:hover ul.listdiv { display: block; position: absolute; top: 2.1em; left:0;}
ul#menucenter li.top a:hover ul.listdiv { display: block; position: absolute; top: 2.1em; left:0;}
ul#menucenter li.top ul.listdiv li a:hover { color: #fff; background-color:green; background-image: url(Kidsmenu_04.jpg); background-repeat: repeat-y; border:none; }

ul#menucenter li.top ul.listdiv li.listtop { margin:0; padding:0; font-size: 0; width: 170px; min-width: 170px; height: 4px; min-height: 4px; max-height: 4px; background-color:#0D34B1; background-image: url(Kidsmenu_01.jpg); background-repeat: 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: 170px; min-width: 170px; height: 4px; min-height: 4px; max-height: 4px; background-color:#0D34B1; background-image: url(Kidsmenu_03.jpg); background-repeat: no-repeat; line-height:0; }
ul#menucenter li.top ul.listdiv li.listbottom span { display: none; }