body {
	margin: 0;
	background-color:#004a80;
	text-align: center;
	font-size: 62.5%;
	font-family:Arial, Helvetica, sans-serif; 
	padding: 0;
	}

#middle {
	width: 800px;
	text-align:center; 
	margin: 0px auto 0px auto;
	background-color: #fff;
	background-image:url(../images/headerNew.jpg); 
	background-position:top; 
	background-repeat:no-repeat;
	padding-top:197px;
	}

#content {
	padding-top: 0px; 
	text-align: left;
	margin: 26px 12px;
	}
.round{
	 background-color: #ffe8b6;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px; 
	 padding:12px;
	 width: 300px;
	 
	}
h1 {
	background-position: 50% bottom;
	font-weight: normal;
	font-size: 2em;
	color: #36587b;
	background-image: url(../images/1dot-blu.gif);
	background-repeat: repeat-x;
	}

h2 {
	font-weight: normal;
	font-size: 1.8em;
	margin-bottom: 4px;
	color: #42506F;
	font-style: normal;
}

h3 {
	margin-bottom: 2px;
	color: #847148;
	font-size: 1.6em;
	font-style: normal;
	}

h3  a:link  {
	color: #989521;
	}

h4 {
	margin-top: 2px;
	margin-bottom: 2px;
	color: #989521;
	font-size: 1.4em;
	font-style: normal;
	}
	
a {
	
	font-weight: bold; 
	color: #004a80; 
	text-decoration:none;
}

a:visited {
	color: #7da7d9;
	}

a:active {
	color: #004a80;
	}

a:hover {
	color: #7da7d9; 
	text-decoration: underline;
	}

p {
	font-size: 1.3em; 
	line-height: 1.3em;
	margin: 4px 0px 4px 0px;
	}

#content #left p {
	font-size: 1.3em; 
	line-height: 1.3em;
	margin: 4px 0px 4px 0px;
	}
.bodytext {
	font-size: 1.2em; 
	line-height: 1.3em;
	margin: 5px 0px 8px 0px;
	}
	
ul li {
	line-height: 22px;
	font-size: 1.2em;
	}
	
/* end of general styles */

			#menu {
				font:Arial, Helvetica, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				margin: 0px 0;
				padding: 0 0 0 10px;
				list-style-type: none;
				font-size: 1.1em;
				background: #eee;
				height: 38px;
				border-top: 2px solid #eee;
				border-left: 2px solid #eee;
				border-bottom: 2px solid #ccc;
				border-right: 2px solid #ccc;
			}
			#menu li {
				float: left;
				margin: 0;
				
			}
			#menu li a {
				text-decoration: none;
				display: block;
				padding: 0 20px;
				line-height: 38px;
				color: #666;
			}
			#menu li a:hover, #menu li.active a {
				background-color: #f5f5f5;
				border-bottom: 2px solid #DDD;
				color: #999;
			}
			
			

			
			/* Blue Menu */
			#menu.blue {
				border-top: 2px solid #356AA0;
				border-left: 2px solid #356AA0;
				border-bottom: 2px solid #204061;
				border-right: 2px solid #204061;
				background: #356AA0;}
			#menu.blue a {color: #fff;}
			#menu.blue li a:hover, #menu.blue li.active a {color: #90CDFF; background: #3D7BBB; border-bottom: 2px solid #356AA0;}

#navcontainer {
	margin: 0 10px;
	
	font-size: .9em;
		
}

#navcontainer ul {
	list-style-type: none;
	padding: 0;
	position: relative;
		}

#navcontainer li {
		margin: 12px;
	text-transform:uppercase;
}

#navcontainer li a {
	padding: 2px 8px;
	color: #666;
	background-color: #fff;
	
	text-decoration: none;
	}

#navcontainer li a:hover {
	color: #000;
	
	}

#navcontainer li a#current {
	color: #000;
	
	}


.sermon {
	
	height:62px;
	border-bottom:1px solid #ccc; 
	padding: 0px 0px 20px 0px; 
	margin: 10px 0px;
	}

.sermon h3 {
	font-size:1.1em;
	margin-bottom:3px;
	}
.sermon h4 {	
	color:#004a80;
	text-transform:uppercase;
	}

.sermon p{
	margin-top:2px;
	font-size:.8em;
	}

.sermon ul {
	margin:-28px 0 0 180px;
	}
.sermon ul li {
	background-image:url(../images/rtarro.png);
	background-repeat:no-repeat;
	background-position:left;
	list-style:none;
	padding-left:18px;
	color:#fff;}


	
.sidebox {
	margin: 0 auto; /* center for now */
	width: 21em; /* ems so it will grow */
	background:url(../images/drop-box_07.gif) no-repeat bottom right;
	}

.boxhead {
	background: url(../images/drop-box_04.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	}

.boxhead h2 {

	background: url(../images/drop-box_03.gif) no-repeat top left;
	margin: 0;
	padding: 12px 30px 5px;
	color: white;
	font-weight: normal;
	text-align:left;
	font-size: 1.3em;
	line-height: 1.2em;
	}

.boxbody {

	background: url(../images/drop-box_06.gif) no-repeat bottom left;
	margin: 0;
	padding: 10px 20px;
	font-weight:normal;
	font-size:.8em;
	text-align:left;	
	}

.boxleft {
	width:15%;
	float:left;	
	padding-right:12px;
	}

.boxright {
	width:85%;
	}

.caldate {
	display:block;
	line-height:1.8em;
	text-align:right;
	}

.calevent {
	display:block;
	line-height:1.8em;
	}

.calevent a {
	text-decoration:none;
	}

.calevent a:link {
	color: #677791;
	}/* unvisited link */

.calevent a:visited {
	color: #999;

	}  /* visited link */

.calevent a:hover {
	color: #afafb6;
	text-decoration:none;
	}   /* mouse over link */

.calevent a:active {
	color:#677791;
	}



	
table.bible {
	width:100%;
	padding:10px;
	font-size:1.2em;
	}

table.bible td{
	vertical-align:top;
	padding:5px;
	border-top-color: #ccc;
	border-top-style: solid;
	border-top-width: 1px;}

table.bible tr.zebra{
	background-color:#E4E9F1;
	
	}


	

table.form {
	width:98%;
	font-size:1.2em;
	margin-bottom:10px;
	border-bottom-width:2px;
	border-bottom-color:#ccc;
	border-bottom-style:solid;
	background-color:#E4E9F1;
	}
table.form td.dataLabel {font-weight:bold;}

table.nested {
	border:none;
	background-color:#e4e9f1;
	padding:3px;}

table.nested td {border:none;}

.tableLabel {
	font-weight:bold;
	}

table.form td {
	vertical-align:top;
	padding:6px;
	line-height:inherit;
	border-bottom-color: #ccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;}

table.form tr.zebra {
	background-color:#E4E9F1;
	}

#linklist li { 
	list-style-type: square; 
	line-height: 22px;
	}
 
img.thumb {
	border-width: 1px;
	border-style: solid;
	border-color: #448ccb;
	margin: 3px 8px 3px 0;
	float: left;
	}

img.thumbnobo {
	margin: 0px 5px 0px 5px;
	float: left;
}

 div.hr {
  height: 40px;
  background: #fff url(../images/divline.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}

div.dotted-line {
	background-image:  url(../images/1dot-blu.gif);
	background-repeat: repeat-x;
	width: 98%;
	margin: 6px 15px 6px 15px;
}


#pipecontainer
{
margin-bottom: 1em;
margin-left: 15em;
overflow: hidden;
width: 460px;
font-size: 1.5em;
}

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

#pipelist li
{
border-left: 1px solid #000;
float: left;
line-height: 1.1em;
margin: 0 .5em 0 -.5em;
padding: 0 .5em 0 .5em;
}










#highlightbox {
	border-top: #000053 1px solid; 
	background: #ebebeb;
	font-size: 1.2em;
	color: #cccccc;
	width: 360px;
	float: right;
	margin: 2px 2px 12px 2px;
	
}
#highlightbox a {
	font-weight: bold; 
	color: #000053; 
	text-decoration: none; 
	
}
#highlightbox a:visited {
	color: #666;
}
#highlightbox a:hover {
	color: #003399;
	text-decoration: underline; 
	}
#highlightbox UL {
	padding-right: 18px; 
	padding-left: 8px; 
	padding-bottom: 6px; 
	margin: 6px 2px 6px 2px; 
	padding-top: 6px
}
#highlightbox LI {
	list-style-type: none; 
	line-height: 18px;
}

#highlightbox h4 {
	color: #fff; 
	padding-top: 3px; 
	background-color: #5a79a7;
	padding: 4px;
	margin: 0px;
	font-size: 1.6em;
	line-height: 18px;
}

#highlightbox2 {
	
	border-left: #003399 1px solid;
	border-right: #003399 1px solid;
	border-bottom: #5a79a7 1px dotted;
	background: #fdfaf0;
	padding-right: 0px; 
	padding-left: 0px;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 1.1em;
	color: #5a79a7;
	width: 300px;
	float: right;
	margin-top: 6px;
	
	
}
#highlightbox2 h4 {
	color: #5a79a7; 
	padding-top: 3px; 
	border-top: #5a79a7 1px dotted;
	border-bottom: #5a79a7 1px dotted;
	background-color: #dbe2f0;
	margin: 0px 0px 0px 0px;
	padding: 6px 2px 6px 4px;
	font-size: 1.4em;
	letter-spacing: 2px;
	text-transform: uppercase;
}

#highlightbox2 ul{
	padding-left: 15px;}

#highlightbox2 ul li{
	
	font-size: 1.1em;
	color: #fff;
	letter-spacing: 0.1em;
	line-height:18px;
	list-style-type: none; 
	padding-left: 14px;
	background-image: url(../images/sgl_aro_blu.gif);
	background-repeat: no-repeat;
	background-position: -2px 0.3em; 


}
#highlightcontainer{
	margin: 0px 0px 12px 0px;
	padding: 0;
	height: 20px;
	}

.date{
	color: #000053; 
	padding-top: 3px; 
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
	font-size: 1.2em;
	font-weight: bold;
}

.smallText {
	font-size: .8em;
	
}

.helpText {
	font-size: .9em;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight:normal;
	color:#0033CC;
}
#left {
 width:350px;
 background:#ffffff;
 float:left;
 margin: 2px 5px 2px 0px;
 
}
#right {
 width:350px;
 background:#ffffff;
 float:right;
 margin: 2px 0px 2px 5px;
 
}
#footer {
	font-size: 1.2em;
	text-align: left;
	clear: both;
	padding: 8px 2px 8px 20px;
	height: auto;
	}

#footer h2{
	color:#003399;
	text-transform:uppercase;
	font-size:1.3em;
	margin-bottom:2px;
	}	
#footer p {
	font-size: 1em; 
	line-height: 1.3em;
	margin: 4px 0px 4px 0px;
	}
.tableContent {
	line-height: 18px;
	padding-top: 4px;
	}

.info {
	border-top: #003399 1px solid;
	border-right: 0px; 
	border-bottom: #003399 1px solid;
	border-left: 0px;
	background: #ffffcc;
	padding-right: 0px; 
	padding-left: 0px;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 10px;
	color: #5E5E73;
	width: 370px;
	margin-top: 6px;
}
.floatright {
float: right;}

.floatleft {
float: left;}

#message h2 {
	font-family: arial, helvetica, sans-serif;
	text-align: left;
	margin-top: 2px;
	
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 2px;
	color: #5a79a7;
	line-height: 15px;}
#message {
	width: 100%;
	height: 94px;
	background-color: #fff; 
	padding: 4px; 
	margin-top:8px;
	margin-bottom:20px;
	text-align: left;
	border: thin solid #5a79a7;
		}
	.event {
	margin: 10px 0px 20px 0px;
	background-color: #fff;
	}
	
	
	
	
	#calendar {
		
		font-size: 1.2em;
		color: #5E5E73;
		position: relative;
  		width: 340px;
		margin: 12px 12px 2px 2px;
		background: #eef4f7;
		}

	#calendar a {
		font-weight: bold; 
		color: #000053; 
		text-decoration: none; 
		}

	#calendar a:visited {
		color: #666;
		}

	#calendar a:hover {
		color: #003399;
		text-decoration: underline; 
		}

	#calendar ul {
		padding-right: 2px; 
		padding-left: 2px; 
		padding-bottom: 6px; 
		margin: 4px 2px 4px 2px; 
		padding-top: 6px
		}

	#calendar li {
		list-style-type: none; 
		line-height: 20px;
	}

	#calendar h4 {
		color: #fff; 
		
		background-color: #5a79a7;
		background-image:url(../images/h2bkgd.jpg);
		background-repeat:repeat-x;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 12px;
		padding-top: 8px;
		margin-top:-10px;
		font-size: 1.8em;
		line-height: 20px;
		text-transform:uppercase;
		font-weight: bold; 
		letter-spacing:0.2em;
		}


	.left-element {
   		position: absolute;
   		left: 0;
   		width: 18%;
   		text-align: right; /* depends on element width */
   		font-weight: bold;
		background: #eef4f7;
   
		
  		}

	.right-element {
   		position: absolute;
   		right: 0;
   		width: 82%;
		background: #eef4f7;
   	}
	.hrDivider {
		clear:both;
    	height: 1px;
    	background: url(../images/1dot-blu.gif) top left repeat-x;
    	margin: 1em 0;
    	width:100%;
		}
		.hrDivider hr
		{
 		display: none;
		}
		
		.promo {
	margin-bottom:2px;
	margin-top:6px;
	}
	
	/*red rounded corner box*/

.redbox{

                display:block

                }

.redbox *{

                display:block;

                height:1px;

                overflow:hidden;

                font-size:.01em;

                background:#591500}

.redbox1{

                margin-left:3px;

                margin-right:3px;

                padding-left:1px;

                padding-right:1px;

                border-left:1px solid #d0d5bf;

                border-right:1px solid #d0d5bf;

                background:#591500}

.redbox2{

                margin-left:1px;

                margin-right:1px;

                padding-right:1px;

                padding-left:1px;

                border-left:1px solid #f4f5f0;

                border-right:1px solid #f4f5f0;

                background:#591500}

.redbox3{

                margin-left:1px;

                margin-right:1px;

                border-left:1px solid #a6b087;

                border-right:1px solid #a6b087;}

.redbox4{

                border-left:1px solid #d0d5bf;

                border-right:1px solid #d0d5bf}

.redbox5{

                border-left:1px solid #adb690;

                border-right:1px solid #adb690}

.redboxfg{

                background:#591500;

                padding:2px 10px 2px 10px;}

/*end of red rounded corners box*/

.colitem { border-bottom:1px solid #ccc; 
padding: 10px 0px 10px 0px; 
margin: 10px 0px;
	height: auto;
}

.colitemsm { border-bottom:1px solid #ccc; 
padding: 0px 0px 20px 0px; 
margin: 10px 0px;
	height: 60px;
}

.colitemlg {
	border-bottom:1px solid #ccc; 
padding: 0px 0px 20px 0px; 
margin: 10px 0px;
	height: 120px;
}

.bluborderbucket {
background-image:url(../images/bible_bkgd.gif);
background-repeat:no-repeat;
background-position:top;
width:340px; 
height:139px; 
padding:8px; 
margin:12px 0px 2px 0px;
text-align:center}


/* CSS Document */

/* Show only to IE PC \*/

#bucket {
	padding:1em;
	background-color:#fff;
	background-image: url(../images/bucket_bkgd.jpg);
	background-repeat: repeat-x;
	border-top:#5479a4 dotted 1px;
	border-bottom:#5479a4 dotted 1px;
}
#lefCol { float:left; width:238px; padding:.4em;}
#midCol { float:left; width:238px; padding:.4em;  }
#rigCol { float:left; width:232px; padding:.4em;   }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* slightly enhanced, universal clearfix hack */
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */

				
	.content {
    background:#fff;
    float:left;
    width:490px;
    }
#sidebar {
    background:#fff;
    float:right;
    width:220px;
	text-align:left;
	border-left:thin gray solid;
	padding: .3em 1.2em;
    }