body,td,th {
font-family: �Trebuchet MS�, Helvetica, sans-serif;}
body {
	background-image: url(../Images/bg.jpg);
	background-repeat: repeat-x;
	background-color: #EFECED;
	
	margin: 0;
	padding: 0;
	
	height: 100%;
	width: 100%;
}

.divConfirm { color: Green; }

a img { border: none; }
a { color: #94ac03; text-decoration: underline; }
a:hover { text-decoration: none; }

ul {
font-family: �Trebuchet MS�, Helvetica, sans-serif;	font-size: 11px; color: #6E6E6E; line-height: 16px;
	}
p { font-size: 11px; color: #6E6E6E; line-height: 16px; margin: 0 0 20px 0; }
h1 { color: #7d381d; margin: 25px 0 20px 0; padding: 0; font-size: 17px; font-weight: bold; display: block; }
h2 { color: #b87810; margin: 0; padding: 0; font-size: 12.5px; font-weight: bold; display: block; font-family: �Trebuchet MS�, Helvetica, sans-serif; }
ol { font-size: 11px; color: #6E6E6E; line-height: 16px; margin: 0 0 20px 0; }

h2.post-title {
	color: #7D381D;
}


div#CC-1 {
	width: 913px;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: #FFFFFF;
	background-image: url(../Images/containerbg.png);
	background-repeat: repeat-y;
	display: block;
}
div#CC-2 {
	width: 913px;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	background-image: url(../Images/containerbtm.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	display: block;
}

div#Block-1 {
	width: 100%;
	height: 105px;
	
	margin: 0 auto 0 auto;
	padding: 0;
	
	background: url(/Images/NewHeaderBG.png) repeat-x;
	
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
div#Block-2 {
	width: 895px;
	height: 30px;
	
	margin: 0 auto 5px auto;
	padding: 0;
	
	background-color: #a8ba3a;
	
	display: block;
}
div#Block-3 {
	width: 895px;
	background-color: #FFF;
	display: block;
	overflow: hidden;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
	position: relative;
}
div#Block-4 {
	width: 895px;
	
	margin: 10px auto 20px auto;
	padding: 0;
	
	text-align: center;
	font-size: 10px;
	
	display: block;
}

div#CT-1 {
	width: 598px;
	
	margin: 8px 0 0 0;
	padding: 0;
	
	float: left;
}
div#CT-2 {
	width: 292px;

	margin: 8px 0 0 0;
	padding: 0;
	
	float: right;
}
.homeblog {
	margin: 22px;
}
div#MMenu { width: 100%; background: #aab924; }
a#MMultimedia { float: right; color: #FFF; padding: 5px 10px 5px 10px; font-size: 11px; text-decoration: none; background-color: Transparent; border: none; }
a#MMultimedia:hover { background-color: #55d7d3; border-left: #FFF 2px solid; }

.HLogo { float: left; }
ul#HLinks {
	margin: 28px 28px 0 0!important;
	
	float: right;
	list-style: none;
font-family: �Trebuchet MS�, Helvetica, sans-serif;	font-size: 14px!important;
}
ul#HLinks li { display: inline; padding: 0 0 0 10px; }
ul#HLinks li a { text-decoration: none; color: #FFF; 	font-size: 14px!important;
}
ul#HLinks li a:hover { color: #CCFF00; }

div#Home-Banner { 
	width: 100%; 
	height: 401px; 
	
	background-image: url(/Images/NewHeaderBG.jpg); 
	background-repeat: repeat-x; 
	background-position: left top; 
	
	display: block; 
	
	margin: 91px auto 0 auto;
	position: relative;
}
.HomeRotator {
	margin: auto;
	height: 410px;
	width: 937px;
	position: relative;
	padding: 0 0 0 40px;
}
div#Home-Alphaed {
	padding: 10px;
	width: 875px;
	color: #FFF;
	display: block;
	background-image: url(../Images/bg-alpha.png);
	bottom: 0;
	position: absolute;
	text-align: right;
	font-size: 11px;
}
div#Home-Alphaed form { margin: 0 0 0 10px; padding: 0; display: inline; }
#H-iEmailAddy { font-size: 11px; padding: 4px 4px 3px 4px; width: 162px; display: inline; border: none; margin: 0; background-color: #FFF; color: #999999; }
#H-iEmailSub { padding: 2px 10px 1px 10px; margin: 0 0 0 2px; border: none; font-size: 12px; font-weight: bold; background-color: #b6b6b6; color: #FFF; }

.Content-Banner { 
	width: 895px; 
	height: 148px; 
	
	display: block; 
	
	margin: 91px auto 5px auto;
}

div#H-PeriphArea { width: 292px; display: block; padding: 10px 0 10px 0; }
.H-PeriphPad { padding-left: 10px; }
p.H-PeriphList { margin: 0 0 0 0; }
div#H-PeriphArea hr { border: none; border-bottom: #E5E5E5 solid 1px; margin: 10px 0 10px 0; width: 100%; }

div#H-VideoPrev { display: none; }
div#H-AnncLoop { margin: 0 0 5px 0; }
div#H-Visitors { width: 294px; height: 347px; background: url(/Images/Announce-BG.png) no-repeat bottom left; padding: 10px; margin: 15px 0 15px 0; }
a#H-Surfside, a#H-Surfside img { border: none; float: left; width: 306px; height: 95px; display: block; }
a#H-Pulse, a#H-Pulse img { border: none; float: right; width: 286px; height: 95px; display: block; }

.announcewidth {
	width: 270px;
	
}
a.Foot { color: #7f5003; text-decoration: none; }
a.Foot:hover { text-decoration: underline; }

/***************************
**
**	SITE SEARCH
**
***************************/


.sitesearch {
	height: 30px;
text-align: right;	margin: 10px 20px 0 0;
}


/***************************
**
**	SUB MENU TEMPLATE
**
***************************/
div#SubMenu {
	width: 292px;
	padding: 0 20px 20px 20px;
	margin: 0 0 5px 0;
	display: block;
	background-image: url(../Images/submenu-roundcorner.png);
	background-repeat: no-repeat;
	background-position: left bottom;
font-family: �Trebuchet MS�, Helvetica, sans-serif;}
div#SubMenu p { font-size: 11px; }
h3 {
	font-size: 13px;
	font-weight: bold;
	display: block;
	margin: 0 0 10px 0;
	padding-top: 30px;
	width: 253px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

div#SubMenu ul {
	margin: 0;
	padding: 0;

	list-style: none;
}
div#SubMenu ul li {
	font-size: 11px;
	padding: 4px 0 4px 16px;
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: normal;
	line-height: 12px;
}
div#SubMenu ul li.Sel a { font-weight: bold; font-size: 12px; line-height: 10px; }

div#SubMenu ul li a { text-decoration: none; }

.E-note { margin: 0; padding: 0; }
.iEAddy { font-size: 11px; padding: 4px 4px 3px 4px; width: 162px; display: inline; border: none; margin: 0; }
.iESub { padding: 4px 10px 3px 10px; margin: 0; border: none; font-size: 10px; font-weight: bold; }

/***************************
**
**	BREAD CRUMB
**
***************************/
.Breadcrumb { list-style: none; padding: 0; margin: 15px 0 30px 0; }
.Breadcrumb li { display: inline; margin: 0; background-repeat: no-repeat; background-position: right center; font-size: 10px; padding: 6px 15px 7px 13px; }
.Breadcrumb li.One { background-color: #ebebeb; background-image: url(../Images/misc/Breadcrumb-OneTrans.gif); }
.Breadcrumb li.OneEnd { background-color: #ebebeb; background-image: url(../Images/misc/Breadcrumb-OneEnd.gif);  }
.Breadcrumb li.Two { background-color: #dcdcdc; background-image: url(../Images/misc/Breadcrumb-TwoTrans.gif); }
.Breadcrumb li.TwoEnd { background-color: #dcdcdc; background-image: url(../Images/misc/Breadcrumb-TwoEnd.gif); }
.Breadcrumb li.Cur { font-weight: bold; padding-bottom: 6px; }
.Breadcrumb li.Cur a { font-weight: bold; color: #7d381d; text-decoration:none; padding-bottom: 6px; }
.Breadcrumb li.Cur a:hover {text-decoration:underline;}

div#ContentPane { width: 562px; margin: 15px 0 0 15px; }

.imgLeft { float: left; margin: 10px 10px 10px 0; }
.imgRight { float: right; margin: 10px 0 10px 10px; }
.imgHeader { margin: 10px 0 10px 0; }

div#Events-Left, div#Events-Right { display: inline; margin: 0 0 0 2px; padding: 0; }
div#Events-Right { margin-left: 10px; }

/***************************
**
**	HIGHLIGHTED SECTION
**
***************************/
div.HighlightedRow { width: 100%; display: block; margin: 10px 0; overflow: hidden; }
a.HighlightedImgLink { width: 145px; height: 95px; display: block; float: left; background-repeat: no-repeat; background-position: top left; margin: 0 20px 0 0; }
h2.HighlightedHeader { margin-top: 7px; }


/***************************
**
**	Prayer Request
**
***************************/

.CollapsiblePanelHeader {color: #94ac03; text-decoration:underline; font-size: 11px;}
.CollapsiblePanelHeader:hover {cursor:pointer; text-decoration:none;}
.CollapsiblePanel {font-size: 11px; color: #6E6E6E; line-height: 16px; margin: 0 0 20px 0;}

.PrayerRequests th {font-size: 11px; font-weight:bold; color: #6E6E6E; line-height: 16px; margin: 0 0 20px 0;}
.PrayerRequests td {font-size: 11px; color: #6E6E6E; line-height: 16px; margin: 0 0 20px 0;}


/***************************
**
**	Multimedia
**
***************************/

div.MediaEntry { display: block; float: left; height: 145px; width: 260px; margin: 30px 10px; }
div.MediaEntry div.MediaDescription { display: block; height: 78px; }
div.MediaEntry div.MediaDescription h2 { color: #005754; margin: 0; padding: 0; font-size: 12.5px; font-weight: bold; display: block; }
div.MediaEntry div.MediaDescription h2 em { color: #8fc7ec; }
div.MediaEntry div.MediaDescription p { color: #45a598; }

div.BlueBox { display: block; padding: 20px 21px; background-color: #ccf7f1; overflow: hidden; }
div.BlueBox .MediaButtons { background-position:top right; background-repeat: no-repeat; width: 72px; height: 36px; display: block; margin: 0; float: left; }

/***************************
**
**	Pastors
**
***************************/
    
div.PrEntry { display: inline; padding: 5px 8px; width: 122px; float: left; }

img.PrPic { width: 122px; height: 172px; vertical-align: top; text-align: center; display: block; margin: 0; float: left; }
p.PastorBlurb { display: block; text-align:center; height: 20px; width:172px; }


#contentimages 
{
	padding-right: 15px;
}

.contactform {
	line-height: 30px;
	background-color: #bacefb;
	border: 1px solid #84a5ef;
}
#tablestyles 
{
font-family: �Trebuchet MS�, Helvetica, sans-serif; font-size: 11px; color: #6E6E6E;
}

#tablestyles b
{
font-weight: bold;
font-size: 12px; color: #FFFFFF;
}

.archive 
{
font-family: �Trebuchet MS�, Helvetica, sans-serif; font-size: 11px;
}

/***************************
**
**	FORMS TEMPLATE
**
***************************/
#FormLayout {
	width: 292px;
	padding: 0 20px 20px 20px;
	margin: 0 0 5px 0;
	display: block;
font-family: �Trebuchet MS�, Helvetica, sans-serif;}
#FormLayout p, a, td { font-size: 11px; }





.quicklinks {
	margin: 1px 0 0 12px;
}

/***************************
**
**	MAIN MENU
**
***************************/
.menu {width:880px; height:30px; position:relative; z-index:100;border-right:0; font-family: �Trebuchet MS�, Helvetica, sans-serif; margin: auto;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:880px; w\idth:880px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:160px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:120px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:13px;text-decoration:none; color:#fff; width:120px; height:30px; border: none; background:#a9b824; padding-left:10px; line-height:29px; font-weight:bold;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#cbd385; color: #ffffff;}
.menu ul ul :hover > a.drop {background:#cbd385;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#cbd385;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:160px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#ffffff; height:auto; line-height:1em; padding:5px 10px; width:160px;border-width:0 1px 1px 1px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#ece71e;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#ece71e;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/***************************
**
**	SLIDE SHOW
**
***************************/

#slider1 {
    width: 950px; /* important to be same as image width */
    height: 410px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin: -10px 0 0 -20px;
}

#slider1Content {
    width: 950px; /* important to be same as image width or wider */
    height: 401px;
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
    font: 10px/15px �Trebuchet MS�, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 870px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.bottom {
	bottom: 0;
    left: 0;
}