/******* structure and layout *******/


body {
	margin:10px 10px 0px 0;
	padding:0px;
	color:#20334D;
	background-color: #FFFFDF;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}

h2 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: large;
	color: #2F6A44;
	background-color: transparent;
	margin-right: 25px;
	text-align: right;
	white-space: nowrap;
}
h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #52527A;
	background-color: #FFFFF9;
	border: 1px solid #4B602B;
	padding: 5px 10px;
	margin: 15px 150px;
	white-space: nowrap;
}

h4 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #003366;
	white-space: nowrap;
	text-align: center;
}

h5 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #52527A;
	background-color: #FFFFF9;
	border: 1px solid #4B602B;
	padding: 5px 10px;
	margin: 15px 10%;
	white-space: nowrap;
	width: 80%;
}

h6 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #52527A;
	background-color: #FFFFF9;
	border: 1px solid #4B602B;
	padding: 5px 10px;
	margin: 15px 250px;
	white-space: nowrap;
}

.headerbox {
	background-color: #FFEAD5;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #006600;
	border: 1px solid #336600;
	margin-top: 3px;
	margin-bottom: 15px;
	padding: 5px;
	text-align: center;
}

/* Left side menu control */
.menucontent {
	position: absolute;
	left:0px;
	top:126px;
	width:175px;
	background: url("../img/left_bg.gif");
	border:none;
	text-align:left;
	bottom: 50px;
}

#menu, #menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}


#menu ul {
	width: 155px;
	margin: 0 0 0 10px;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	list-style-type: none;
	font-size:12pt;
	font-weight: bold;
}

#menu li {
	margin: 5px 5px 5px 0px;
	background:#E7F0FE;

}

#menu ul a {
	display: block;
	width:155px;
	padding: 2px 2px 2px 10px;
	border: 1px solid #6600CC;
	text-decoration: none;
	background-color: #BFEBFF;
}

#menu ul a:hover {
	background:#A375D0;
	color: #FFFF66;
	border: 1px solid #000000;
}

#menuthere ul{
	width: 155px;
	margin: 0 0 0 10px;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	list-style-type: none;
	font-size:12pt;
	font-weight: bold;
}

#menu li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#menu li:hover ul {
	left: auto;
}

/* Left side content */
#leftcontent {
	position: absolute;
	right:10px;
	top:130px;
	width:200px;
	background:#FFFFDF;
	border:1px solid #6633CC;
}

.left_news {
	position:relative;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	color:#006600;
	margin:5px 10px 10px 5px;
	padding:5px;
	width:170px;
	background:#FFEAD5;
	border: 1px solid #750707;
}

.left_news a {
	font-size: 8pt;
	color: #FF3333;
}

.left_news a:hover {
	font-size: 8pt;
	color: #6600CC;
}

/* Right side content */
#rightcontent {
	position: absolute;
	right:0px;
	top:115px;
	bottom:50px;
	width:200px;
}

.right_news {
	position:relative;
	color:#006600;
	padding:10px 5px 5px 0px;
	width:183px;
	background:#FFEAD5;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	border: 1px solid #663300;
	margin-top: 5px;
	margin-right: 0em;
	margin-bottom: 10px;
	margin-left: 0px;
}

.right_news a {
	font-size:8pt;
	color: #FF3333;
}

.right_news a:hover {
	font-size:8pt;
	color: #6600CC;
}

div.slideshow {
	float: right;
	font: bold 0.7em Arial, Helvetica, Verdana, sans-serif;
	padding: 1px;
	margin: 0px 20px 2px 15px;
	border: medium double #660066;
	height: 140px;
	width: 200px;
	background-color: #FFB9FF;
}

div.aboutuspicrightbot {
	float: right;
	font: bold 0.7em Arial, Helvetica, Verdana, sans-serif;
	padding: 1px;
	margin: 0px 20px 10px 15px;
	border: medium double #660066;
	height: 147px;
	width: 199px;
	background-color: #FFB9FF;
	background-image: url(images/church.jpg);
	background-repeat: no-repeat;
}
div.aboutuspicright {
	float: right;
	font: bold 0.7em Arial, Helvetica, Verdana, sans-serif;
	padding: 1px;
	margin: 0px 20px 2px 15px;
	border: medium double #660066;
	height: 177px;
	width: 150px;
	background-color: #FFB9FF;
	background-image: url(images/circuit_rider.jpg);
}

div.educationpicright {
	float: right;
	font: bold 0.7em Arial, Helvetica, Verdana, sans-serif;
	padding: 1px 1px 0px;
	margin: 1px 25px 0px 10px;
	height: 105px;
	width: 200px;
	background-image: url(pictures/Sr.gif);
	background-repeat: no-repeat;
}
div.outreachpicright {
	float: right;
	font: bold 0.7em Arial, Helvetica, Verdana, sans-serif;
	padding: 1px;
	margin: 5px 20px 5px 15px;
	height: 129px;
	width: 200px;
	background-image: url(pictures/guardiancare01.jpg);
	background-repeat: no-repeat;
	border: 5px groove #FFCC00;
}
div.outreachpicleft {
	float: left;
	font: bold 0.7em Arial, Helvetica, Verdana, sans-serif;
	margin: 5px 15px 2px 10px;
	border: 5px groove #FFCC00;
	height: 132px;
	width: 200px;
	background-image: url(pictures/readingisfun.jpg);
	background-repeat: no-repeat;
}
div.musicpicright {
	float: right;
	font: bold 0.7em Arial, Helvetica, Verdana, sans-serif;
	padding: 1px;
	margin: 5px 20px 5px 15px;
	height: 124px;
	width: 197px;
	background-image: url(pictures/choir01.jpg);
	background-repeat: no-repeat;
	border: 5px double #669966;
	background-color: #FFFF66;
}
div.musicpicleft {
	float: left;
	font: bold 0.7em Arial, Helvetica, Verdana, sans-serif;
	margin: 5px 15px 2px 10px;
	border: 5px double #669966;
	height: 145px;
	width: 200px;
	background-image: url(pictures/choir02.jpg);
	background-repeat: no-repeat;
	background-color: #FFFF66;
}
div.aboutuspicleft {
	float: left;
	font: bold 0.7em Arial, Helvetica, Verdana, sans-serif;
	margin: 0px 20px 2px 15px;
	border: medium double #660066;
	height: 235px;
	width: 150px;
	background-color: #FFB9FF;
	background-image: url(images/305_church_at.jpg);
	background-repeat: no-repeat;
}

div.educationpicleft {
	float: left;
	font: bold 0.7em Arial, Helvetica, Verdana, sans-serif;
	margin: 3px 12px 2px 3px;
	height: 130px;
	width: 200px;
	background-image: url(pictures/You%27re%20never%20too%20young%20to%20learn%20about%20Jesus.gif);
	background-repeat: no-repeat;
}

.middle-column-img-left{
	float: left;
	margin: .5em 0.7em -0.3em 0em;
}

.middle-column-img-right{
	float: right;
	margin: .5em 0.5em -0.3em;
}

.right-column-img-right{
	float: right;
	margin: .7em 0.9em 0em 0.1em;
}

.top-column-img-right{
	float: right;
	top: -5em;
	position: absolute;
	right: 4em;
	z-index: 5;
}

.left-column-img-left{
	float: left;
	margin: 0.7em 0.9em 0.0em 0.1em;
}

.shadowbox {
	background: #E7F0FE;
	position: relative;
	top: 2px;
	left: 0px;
	padding: 2px;
	border-top: 3px double #6699CC;
	border-right: 5px double #6699CC;
	border-bottom: 3px double #6699CC;
	border-left: 5px double #6699CC;
	color: #663300;
	margin: 2px 2px 10px 6px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
}

.shadowbox div {
	background: #333;
	border: 2px solid #000;
	color: #fff;
	padding: 5px;
	position: relative;
	top: -2px;
	left: -2px;
}

/* new */
.center_shadowbox {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10pt;
	font-weight:bold;
	color:#009966;
}

.center_shadowbox {
	background: #C6ECEC;
	position: relative;
	top: 2px;
	left: 0px;
	padding: 10px;
	border-top: 3px double #6699CC;
	border-right: 5px double #6699CC;
	border-bottom: 3px double #6699CC;
	border-left: 5px double #6699CC;
	color: #653397;
	margin: 15px 20px 10px 6px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
	float: left;
	width: 200px;
}

.center_shadowbox div {
	background: #333;
	border: 2px solid #000;
	color: #fff;
	position: relative;
	top: -2px;
	left: -2px;
}

.counter {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:bold;
	color:#B9B9B9;
	text-decoration: none;
	background-color: #FFF5EC;
	border: 0.2px solid #AEFFEB;
	width: 50%;
	margin: 2px;
}

.calendarbox_news_title {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	font-weight:bold;
	color:#003399;
	text-decoration: none;
}

.calendarbox {
	background: #E7F0FE;
	position: relative;
	top: -2px;
	left: 0px;
	padding: 6px;
	border-top: 1px solid #CC3300;
	border-right: 1px solid #CC3300;
	border-bottom: 1px solid #CC3300;
	border-left: 1px solid #CC3300;
	color: #663300;
	margin: 2px 2px 10px 6px;
}

.calendarcontent {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
	color:#663300;
}


.calendarbox div {
	background: #333;
	border: 2px solid #000;
	color: #fff;
	padding: 5px;
	position: relative;
	top: -2px;
	left: -2px;
}


#centercontent {
	background:#FFFFDF;
	margin-top:15px;
	margin-left: 201px;
	margin-right:201px;
	line-height:1.4em;
	voice-family: "\"}\"";
	voice-family: inherit;
	padding-right: 5px;
}

.centercontent {
	background:#FFFFDF;
	margin-top:15px;
	margin-left: 201px;
	margin-right:210px;
	line-height:1.4em;
	padding-right: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

html>body #centercontent {
margin-left: 201px;
margin-right:201px;
}

.calendarHeader {
	font-weight: bolder;
	color: #CC0000;
	background-color: #FFFFCC;
}

.calendarToday {
	background-color: #FFFFCC;
}

.calendar {
	background-color: #FFCC99;
} 

#banner {
background: url("../img/header_bg.gif");
height:116px;
border:none;
voice-family: "\"}\"";
voice-family: inherit;
height:39px;
color:#000000;
}
html>body #banner {
height:116px;
}

.footer {
position:relative;
margin:10px 0;
padding:5px 10px 5px 5px;
background:#FFFFCC;
/* yet another problem with IE, this time with the boder of the footer. The top portion of the border was not showing up in IE, but was fine in the other browsers. Although i know it's bad form to say "screw it", i'm saying it anyway because i really don't want to take the time to work around yet another IE bug. */
border:1px solid #CCCCCC;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color:#B9D9B0;
}

#footer a {
color:#8CDAFF;
text-decoration:underline;
}

#footer a:hover {
color:#6600CC;
text-decoration:none;
}

.login {
	position:absolute;
	margin:10px 50px 10px 5px;
	padding:5px 5px 5px 15px;
	background:#E5ECF7;
	border:1px solid #228237;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#589649;
	text-decoration: none;
	width: 160px;
}
#login a {
color:#3366FF;
text-decoration:none;
}

#login a:hover {
color:#FF6600;
text-decoration:none;
}

/* Subscribe */
.subscribe {
	position:absolute;
	margin:10px 50px 10px 5px;
	padding:5px 5px 5px 10px;
	background:#E5ECF7;
	border:1px solid #228237;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#589649;
	text-decoration: none;
	width: 170px;
}
#subscribe a {
color:#3366FF;
text-decoration:none;
}

#subscribe a:hover {
color:#FF6600;
text-decoration:none;
}



.page_title {
position:absolute;
top:48px;
left:175px;
margin:0 0 0 0;
padding:0 0 0 0;
}

.top_links {
/* i positioned the top links absolutely within the banner area because of a problem i saw in IE when i did a float-right, and i didn't want to take the time to figure it out. Anyway, this isn't a problem until you add more links to the top nav or edit the text links. If/when you do, you'll have to adjust the position of the area by moving it right or left. 600px isthe default */
position:absolute;
top:10px;
left:475px;
margin:0 0 0 0;
padding:0 0 0 0;
}

.currentpage {
	text-align: right;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}


p,h1,pre {
margin:5px 10px 10px;
}

#rightcontent p {
	font-size:10pt;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.righsidehomeimage {
   margin: 1.5em 2em 1em 4em;
}

.righsidemusicimage {
   margin: 1.5em 2em 1em 2.5em;
}


/******* top navigation *******/

#topnav ul{
padding:0 0 0 0;
margin:0 5px 0 0;
white-space: nowrap;
font-size:10pt;
color:#ffffff;
float:left;
width:100%;
background:transparent;
list-style:none;
}

#topnav ul li{
display:inline;
list-style:none;
}

#topnav ul li a{
margin: 0 5px 0 0;
padding: .2em 1em .2em 1em;
background:#FFCC99;
color: #000000;
font-weight:bold;
text-decoration:none;
float: left;
border:2px solid #ffffff;
}

#topnav ul li a:hover{
background:#FF9900;
color: #ffffff;
text-decoration:none;
border:2px solid #ffffff;
}

/******* fonts and colors *******/
/* the following are the basic links */

a {
	color:#FF3333;
	text-decoration:underline;
}

a:hover {
color:#0000CC;
text-decoration:none;
}



/*
#login a {
	color:#3399CC;
	text-decoration: none;
}


#login a:hover {
color:#6633CC;
text-decoration:none;
}
*/


.news_title {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10pt;
font-weight:bold;
color:#4E73AB;
}

.news_title_grn {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15pt;
	font-weight:bold;
	color:#669933;
	padding: 25px 3px 3px;
	margin-top: 25px;
}

.news_title_brn {
	font-family:"Comic Sans MS", "Book Antiqua", "Courier New";
	font-size:15pt;
	font-weight:bold;
	color:#660000;
	padding: 8px 3px 3px 5px;
	margin-top: 5px;
}

.news_title_contact_grn {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15pt;
	font-weight:bold;
	color:#669933;
	padding: 5px 3px 3px;
	margin-top: 5px;
}
#page_title {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15pt;
	color:#4E73AB;
	text-transform:uppercase;

}
#mission {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12pt;
	color:#339B66;
	text-transform:none;

}

#center_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16pt;
color:#7F9BC5;
text-transform:uppercase;
}

span.cross {
display:block;
float:left;
width:18px;
height:18px;
margin-right:2px;
background-image: url(../img/cross.gif);
background-repeat:no-repeat;
}

span.cross span {display:none;}

h1 {
font-size:12pt;
padding-top:10px;
}

#banner h1 {
font-size:12pt;
padding:10px 10px 0px 10px;
margin:0px;
}

/******* lists *******/

#list ul {
margin:0 0 0 0;
padding:0 0 0 0;
list-style:none;
}

#list li {
margin:.5em 0 0 0;
padding:0 0 0 15px;
list-style:none;
background:   url("../img/square_list.gif") no-repeat;
background-position: 0 .3em;
}

#list li.sub {
margin:.5em 0 0 .5em;
padding:0 0 0 15px;
list-style:none;
background:   url("../img/square_list2.gif") no-repeat;
background-position: 0 .3em;
}


/******* images *******/
img {
border:none;
}

.center {
text-align:center;
}

/******* workarounds and hacks *******/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.box {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	background-color: #D9ECD9;
	color: #330099;
	width: 94.5%;
	margin: 5px;
	border-top: 2px solid #660000;
	border-right: 1px solid #660000;
	border-bottom: 2px solid #660000;
	border-left: 1px solid #660000;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
}

.searchbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #BEF1F1;
	color: #330099;
	width: 80%;
	margin: 5px 5px 5px 7px;
	border-top: 1px solid #660000;
	border-right: 1px solid #660000;
	border-bottom: 1px solid #660000;
	border-left: 1px solid #660000;
	padding: 2px;
}

.button {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	border: 2px outset #009966;
	background-color: #339966;
	color: #FFFF99;
	width: 70px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}