/*

	TITLE:	United Methodist Church (Sicklerville)
	DATE:	4-19-07

*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form, body,
img{margin: 0;	padding: 0;	border: 0;}

/*
 MAIN 
-----------------------------------------------*/
body{
	font: normal 12px/17px 'Trebuchet MS', Arial;
	background: #0f1014 url('images/mainBg.jpg') center top;
}

/* links */
a{font-weight: bold; color: #cd1201;}
a:hover{text-decoration: none;}

/* heading */
h1{font: normal 1.8em Georgia; padding: 5px 0px; color: #947435;}
h2{font: normal 1.6em Georgia; padding: 3px 0px; color: #947435;}
h3{font: normal 1.4em Georgia; padding: 2px 0px; color: #947435;}
h4{font: normal 1.0em Georgia; padding: 1px 0px; color: #947435;}
h5{font: normal 0.9em Georgia; padding: 0px 0px; color: #947435;}
h6{font: normal 0.8em Georgia; padding: 0px 0px; color: #947435;}

/* para-list */
p{margin: 5px 0px; padding: 3px 0px;}


/*
 LAYOUT.
-----------------------------------------------*/
#mastCon{width: 100%; float: left; background: url('images/mastBg.jpg') center top repeat-x;}
#shdw{width: 100%; float: left; background: url('images/shdw.gif') center top no-repeat;}
#shdwTile{width: 100%; float: left; background: url('images/shdwTile.gif') center top repeat-y;}
#shdwStretch{width: 100%; float: left; padding: 0 0 100px 0; _padding: 0 0 100px 0; background: url('images/shdwFooter.jpg') center bottom no-repeat;}

#frame{width: 780px; margin: 0 auto; position: relative; background:  url('images/frame.jpg') left top no-repeat;}

/* Home */
#intro{width: 780px; float: left;}
#intro #logo{width: 191px; float: left; padding: 34px 0 0 4px;}

#intro #mainNav{width: 580px; padding: 100; padding: 72px 0 8px 5px; float: right;}
#intro #mainNav ul{}
#intro #mainNav li{list-style: none; display: inline; padding: 0 10px 0 0; }
#intro #mainNav li a{font: bold 1.1em Georgia; color: #947435; text-decoration: none;}
#intro #mainNav li a:hover{color: #cd1201;}

#intro #welcome{width: 585px; float: right; padding: 10px 0 0 0; color: #fff;}
#intro #welcome #wImg{width: 305px; float: left;}
#intro #welcome #wText{width: 235px; float: right; padding: 10px 25px 10px 15px;}

#actions{width: 780px; float: left; color: #cd1201; padding: 15px 0 0 0; /* background-color: #272727; */}
#actions a{color: #b9b9b9; text-decoration: none;}
#actions #aLeft{width: 390px; float: left;}
#actions #aLeft #a1{width: 195px; float: left; text-align: center;}
#actions #aLeft #a2{width: 195px; float: right; text-align: center;}
#actions #aRight{width: 390px; float: right;}
#actions #aRight #a3{width: 195px; float: left; text-align: center;}
#actions #aRight #a4{width: 195px; float: right; text-align: center;}/*
#actions .regionBoundary{color: #fff;}*/

/* Internal */

#subCol{width: 195px; float: left; }
#subCol #logo{width: 191px; float: left; padding: 34px 0 0 4px;}
#subCol #sideNav{width: 171px; margin: 20px 10px; float: left; display: inline; background: #000 url('images/sideTile.jpg') repeat-x;}
#subCol #sideNav ul{width: 131px; padding: 0px 20px 20px 20px; float: left; background: url('images/sideStretch.jpg') bottom no-repeat ;}
#subCol #sideNav li{padding: 2px 0 7px 10px; list-style: none; background: url('images/sideNavSep.jpg') bottom no-repeat;}
#subCol #sideNav li a{font: normal 13px Georgia; color: #818181; text-decoration: none;}
#subCol #sideNav li a:hover{color: #947435;}
#subCol #sideNav h1{font: normal 16px Georgia; color: #cd1201; padding: 10px 20px; background: url('images/sideNavSep.jpg') bottom no-repeat;}

#mainCol{width: 570px; float: right;}
#mainCol #mainNav{width: 570px; padding: 72px 0 8px 5px; float: right;}
#mainCol #mainNav ul{}
#mainCol #mainNav li{list-style: none; display: inline; padding: 0 10px 0 0; }
#mainCol #mainNav li a{font: bold 1.1em Georgia; color: #947435; text-decoration: none;}
#mainCol #mainNav li a:hover, #mainCol #mainNav li a.selectedPage{color: #cd1201;}

#mainCol #content{width: 537px; float: right; margin: 25px 33px 0 0; display: inline; background: #fff url('images/mainCol.jpg') bottom no-repeat ;}
#mainCol #content h1#pageTitle{font: normal 2em Georgia; color: #a0a0a0; padding: 20px 20px 10px 20px; background: #000 url('images/pageTitle.jpg') top no-repeat; }
#mainCol #content #txt{width: 497px; padding: 10px 20px;}
#mainCol #content ul{padding: 5px 3px;}
#mainCol #content li{list-style: none; padding: 2px 15px; background: url('images/listStyle.gif') 0 8px no-repeat;}
#mainCol #content .blogsElement li{background: url('images/listStyle.gif') 0 15px no-repeat;}

#footLong{width: 100%; float: left; font: normal 1em Georgia; color: #737373;}
#footer{width: 580px; margin: -25px auto 0 auto; padding: 0 100px; z-index: 0;}
#footer a{font: normal 1em Georgia; color: #737373; text-decoration: none;}
#footer a:hover{text-decoration: underline;}
#footer ul{margin: -0x 0 0 0; position: relative; z-index: 9;}
#footer li{list-style: none; display: inline; padding: 0 10px 0 0;}
#footer p#sky a{width: 115px; height: 23px; float: left; margin: 0; text-indent: -9999px; background: url('images/sky.gif') no-repeat ;}

.eventsElement table{border-collapse: collapse;}
.eventsElement td{background: #fff !important;}
.eventsElement td a{}
.eventsElement td td a{color: #c28101;}
.eventsElement td td{color: #c28101; background: # !important;}
.eventsElement td td a{color: #c28101 !important; font-family: Georgia; }
.eventsElement th{background: #cd1201 !important;}
.eventsElement table table td{background: # !important;}

.RadEContentBordered
{
background: #fff;
}

/*
 MISC.
-----------------------------------------------*/
.left{float: left;}
.right{float: right;}
.black{color: #000;}
.white{color: #fff;}
.hide{display: none;}

/* clearing */
#frame:after{
	content: '.';
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;	
}