@charset "utf-8";

 @media screen{
  body>div#footer{
   position: fixed;
  }
 }
 
 * html body{
  overflow:hidden;
 } 
 
 * html div#content{
	height:100%;
	overflow:auto;
	}

hr {
	border-style:solid;
	border-width:thin;
	border-color:#666666;
	color:#666666;
	}
	
#menu {
	width: 783px;
	background-color:#000;
	height:36px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #8d8d8d; 
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	}	
	

#Left {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	width: 208px;
	} 
	
#Left p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	padding-right: 5px;
	padding-left: 8px;
	margin-top: 5px;
	margin-bottom: 0px;
	} 
	
#Left ul {
	color:#0066CC;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	padding-left:20px;
	padding-right:5px;
	margin-left: 3px;
	margin-right: 0px;
	margin-top: 3px;
	margin-bottom: 2px;
	list-style-type:square;
	}

#Left li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	}

#Left h3 {
	font-size:16px;
	padding-left: 6px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	color:#d17d40;
	}
	
#Left h4 {
	font-size:16px;
	padding-left: 6px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	color:#36a843;
	}
	
#Left h5 {
	font-size:16px;
	padding-left: 6px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom:0px;
	color:#4f84cd;
	}
	
#Left a:link {color: #4589d6;	text-decoration: none;}
#Left a:visited {text-decoration: none;color: #4589d6;}
#Left a:hover {text-decoration: underline;color: #4589d6;}
#Left a:active {text-decoration: none;color: #4589d6;}
	
#Left img {
	padding-right: 0px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 2px;
	border:none;
	}

#middle_container {
	float: left;
	width: 520px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 13px;
	}
	
#moviebox {
	height:275px;
	width:785px;
	margin: 0px;
	padding: 0px;
	}

#middle {
	margin-bottom: 5px;
	margin-left: 15px;
	margin-top: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
		
#worship {
	background-image:url(../images/worshipbg.gif);
	background-repeat:repeat-y;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	

#newsfeed { 
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}	


#newsfeed_inside {
	margin-top: 5px;
	margin-left: 12px;
	margin-right: 5px;
	margin-bottom: 10px;
	font-size:13px;
	}

#newsfeed a:link {color:#003399;	text-decoration: none;}
#newsfeed a:visited {text-decoration: none;color:#003399;}
#newsfeed a:hover {text-decoration: underline;color:#003399;}
#newsfeed a:active {text-decoration: none;color:#003399;}


	
	
#worshipbuttons {
	width: 270px;
	float: right;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

#worship p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-bottom: 7px;
	margin-left: 10px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
#middle p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-bottom: 7px;
	margin-left: 10px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
#middle table {
	font-size: 13px;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	margin-bottom: 5px;
	border-collapse: collapse;
	}
	
#middle a:link {color:#003399;	text-decoration: none;}
#middle a:visited {text-decoration: none;color:#003399;}
#middle a:hover {text-decoration: underline;color:#003399;}
#middle a:active {text-decoration: none;color:#003399;}


#middle h3{
	color:#0066CC;
	margin-top: 0px;
	margin-left: 4px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	}
	
#middle h5{
	color:#CC6600;
	margin-top: 0px;
	margin-left: 4px;
	margin-bottom: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	}	
	
#right {
	float: right;
	padding: 0px;
	width: 265px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	height: auto;
	top: 0px;
	}
	
#right a:link {
	color: #4589d6;	
	color:#003399;
	text-decoration: none;
	}
	
#right a:visited {
	text-decoration: none;
	color:#003399;
	}
	
#right a:hover {
	text-decoration: 
	underline;
	color: #4589d6;
	}
	
#right a:active {
	text-decoration: none;
	color:#003399;
	}
	
#right p {
	color:#333333;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	margin-top: 0px;
	margin-bottom: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}
	
#right h3 {
	color:#000000;
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	margin: 0px;
	padding: 0px;
	}
	
#right_picturebox {
	margin: 0px;
	padding-left: 5px;
	padding-right: 5px;
	}
	
#sidebar1inside {
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 50px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;}

#pages {
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 5px;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	width: 750px;
	}

#pages_right {
	float:right;
	width:540px;
	margin-left: 10px;;
	margin-top: 10px;
	margin-bottom: 10px;
	font:Helvetica;
	}
	
#pages_left {
	padding-left: 8px;
	padding-right: 0px;
	float:left;
	width: 180px;
	font-size: 14px;
	}

#pages_left p {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5px;	
	}
	
#pages_left a:link {color: #a84700;	text-decoration: none;}
#pages_left a:visited {text-decoration: none;color: #a84700;}
#pages_left a:hover {text-decoration: underline;color: #4589d6;}
#pages_left a:active {text-decoration: none;color: #a84700;}
	
#pages img {
	margin-right: 5px;
	margin-left: 5px;
	}

#pages table {
	font-size: 13px;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	margin-bottom: 5px;
	border-collapse: collapse;}
	
#adminbuttons {
	color:000;
	padding: 3px;
	background-color:#C6DDEA;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	width: auto;
	border-color:#333333;
	border-style:solid;
	border-width:thin;
	}
	
#adminsubbuttons {
	color:00D;
	padding: 3px;
	margin-left:10px;
	background-color:#CCFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	width: auto;
	border-color:#333333;
	border-style:solid;
	border-width:thin;
	}
	
#pages p, li {
	color:#333333;
	line-height:15px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	font:Helvetica;
	font-size: 13px;
	}
	
#pages h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	}
	
#pages h1 {
	font-size:22px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
	padding-bottom: 4px;
	margin-top: 0px;
	margin-bottom:0px;
	color:#d17d40;
	}
	
#pages h2 {
	font-size:20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
	padding-bottom: 4px;
	margin-top: 0px;
	margin-bottom:0px;
	color:#d17d40;
	}
	
#pages h3 {
	font-size:19px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
	padding-bottom: 4px;
	margin-top: 0px;
	margin-bottom:0px;
	color:#d48204;
	}
	
#pages h4 {
	font-size:15px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
	padding-bottom: 3px;
	margin-top: 0px;
	margin-bottom:0px;
	color:#204e95;
	}
	
#pages h5 {
	font-size:14px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
	padding-bottom: 3px;
	margin-top: 0px;
	margin-bottom:0px;
	color:#204e95;
	}
	
#pages h6 {
	font-size:12px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
	padding-bottom: 3px;
	margin-top: 0px;
	margin-bottom:0px;
	color:#204e95;
	}

#top {
	padding: 0px;
	margin: 0px;
	height: auto;
	}

#popup {
	background-image:url(../images/popupbg.gif);
	background-repeat:no-repeat;
	width: 310px;
	padding:0px;
	text-align:left;
	background-color:#FFFFFF;
	}

.twoColFixRtHdr #footer {
	background-image: url(../images/footerbg.gif);
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin: 0px;
	} 

.twoColFixRtHdr #footer p {
	margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	text-align: center;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	}

div#footer{
	position:absolute;
  	bottom:0;
  	left:0;
  	width:100%;
  	height:<length>;
	}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be 		next to on the page. */
	float: right;
	margin-left: 8px;
	}
	
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}

.smalltext {
	font-size:11px;
	color:#FFF;
	margin: 0px;
	padding: 0px;
	}

#footer a:link {color:#FFFFCC;	text-decoration: none;}
#footer a:visited {text-decoration: none;color:#FFFFCC;}
#footer a:hover {text-decoration: underline;color:#FFCC66;}
#footer a:active {text-decoration: none;color:#FFFFCC;}


#hideme {
	display:none;
	}

.pic_class_products {
	margin-right: 5px;
	margin-bottom: 3px;
	border:#666666 1px solid;
	}

label {
	padding-top: 2px;
	padding-bottom: 2px;
	}
	
#pages input, #pages list, #pages select, #pages option {
	font-size: 16px;
	color: #000;
	background: #FFFFFF;
	border: 1px solid #817264;
	margin-bottom: 2px;
	margin-top: 2px;
	}		
	
.formtext {
	color:#6E6E6E;
	font-size: 11px;
	letter-spacing:-.8px;
	font-family:Arial, Helvetica, sans-serif;
	}	
	
.inputs1 {
	font-size: 15px;
	color:#333333;
	/*background-color:#FDFDF2; */
	/* border: 1px solid #525252; */
	margin-bottom: 2px;
	margin-top: 2px;
	}		
	

#calendar {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	margin-top: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	width: auto;
	font-size: 10px;
}

#calendar a:link {
	color: #0066CC;
	text-decoration: none;}
#calendar a:visited {
	text-decoration: none;
	color: #0066CC;
	}
	
#calendar a:hover {
	text-decoration: underline;
	background-color:#FFFFCC;
	color:#C91D1D;
	}
	
#calendar a:active {
	text-decoration: none;color: #0066CC;
	}
	
#calendar td {
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	font-size:10px;
	}
	
#calendar table {
	border-left: 1px #CCCCCC solid; 
	margin-left:0px;
	}
	
#calspacer {
	height: 5px;
	}

.time {
	font-size:9px;
	color:#5b5b5b;
	}

.directions {
	font-size:9px;
	color:#5b5b5b;
	}	
	
.red {
color:#FF0000;
}

.small {
font-size:11px;
color:#666666;

}