/* ---------------------------- */
/* MAIN CONTENT LAYOUT ELEMENTS */
/* ---------------------------- */

body, html {
	margin: 0px;
	padding: 0px;
	background: #3649A3 url(/images/background.gif) 17px 0px;
}

a {
	text-decoration: none;
	color: #2B3B81;
}

a:hover {
	color: #3654BC;
	text-decoration: underline;
}

.main {
	font-family: arial, sans-serif;
	font-size: 70%;
	color: #666;
	width: 786px;
}
.callOut {
	border: 1px solid #C9CAD2;
	border-bottom: 2px solid #C9CAD2;
	border-right: 2px solid #C9CAD2;
	padding: 5px;
}

#leftColumn {
	width: 156px;
	background: #FFF;
	vertical-align: top;
	padding: 20px 10px 0px 8px;
}

#navColumn {
	width: 173px;
	background: #FFF;
	vertical-align: top;
	padding: 20px 1px 0px 1px;
}

#sectionName {
	margin-top: 5px;
	background: #2B3B81;
	padding: 5px;
	padding-top: 6px;
	padding-bottom: 3px;
}

#sectionList {
	background: #F2EBE6;
	border: 1px solid #DECCBE;
	margin-top: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 1px;
}

#sectionList div{
	padding: 2px;
	padding-left: 25px;
	background: url(/images/sectionArrow0.gif) 4px 4px no-repeat;
	margin-top: 2px;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #636374;
	text-decoration: none;
	cursor: pointer;
}

.sectionListOver, .sectionListOn {
	background: #EADED5 url(/images/sectionArrow1.gif) 4px 4px no-repeat !important;	
	color: #41414B !important;
}

.sectionListHeading {
	padding: 0px 0px 2px 5px !important;
	color: #AA8D82 !important;
	font-weight: bold;
	background: transparent !important;
	cursor: none !important;
}

#sectionRelated div, #tools div {
	padding: 2px;
	padding-left: 25px;
	background: url(/images/toolsArrow0.gif) 4px 0px no-repeat;
	margin-top: 2px;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #636374;
	text-decoration: none;
	cursor: pointer;
}

.sectionRelatedOver {
	background: #F2F2F4 url(/images/toolsArrow1.gif) 4px 0px no-repeat !important;	
	color: #41414B !important;
}

#sectionRelated a{
	font-weight: bold;
	font-size: 12px;
	color: #636374;
}

.specialHeader {
	background: url(/images/specialHeaderBg.gif) no-repeat;
	width: 225px;
	height: 23px;
	padding: 7px 0px 0px 14px;
	font-size: 14px;
	font-weight: bold;
	color: #5E5E5B;
}

.specialHeader a {
	color: #5E5E5B;
}

.specialHeader a:hover {
	color: #000 !important;
	text-decoration: none !important;
}

.supportRiverside {
	width: 215px;
	height: 32px;
	margin-top: 10px;
	padding-left: 35px;
	padding-top: 4px;
	background: url(/images/supportBg.gif) no-repeat;
	line-height: 14px;
	cursor: pointer;
}

.ruleTan {
	background: url(/images/ruleTan.gif) 0px 7px repeat-x !important;
	cursor: none !important;
}

.singleline, .doubleline {
	height: 1px;
	border-top: 1px solid #C9CAD2;
	margin: 20px 0px 15px 0px;
}

.doubleline{
	border-bottom: 1px solid #C9CAD2;
}

#topBar {
	background: #2B3B81 url(/images/homeBlueGrad.gif) repeat-y 11px;
	height: 13px;
	border-top: 2px solid #2B3B81;
	margin-left: 5px;
}

#topBar2 {
	height: 0px;
	overflow: hidden;
	border-bottom: 2px solid #2B3B81;
	margin-left: 5px;
}

#rightColumn {
	background: #FFF url(/images/mainBg.gif) right repeat-y;
	vertical-align: top;
	padding-top: 20px;
}

#titleLeft {
	padding-top: 30px;
	padding-left: 15px;
	vertical-align: top;
}

#titleRight {
	padding-top: 30px;
	vertical-align: top;
}

#churchToGo {
	display: block;
	width: 227px;
	height: 1px;
	padding-top: 42px;
	overflow: hidden;
	background: url(/images/churchToGo.gif) no-repeat;
}

#churchToGo:hover {
	background-position: 0 -43px;
}


/* ------------- */
/* FONT ELEMENTS */
/* ------------- */

.headline {
	font-weight: bold;
	font-size: 115%;
	color: #444;
	text-decoration: none;
}

.headline:hover {
	text-decoration: underline;
	color: #444 !important;
}

.date {
	font-size: 90%;
	padding: 3px 0px 14px 0px;
}

.textblock {
	line-height: 17px;
	margin-top: 15px;
	padding-left: 15px;
}

.smUl {
	font-size: 90%;
	text-decoration: underline;
	color: #666;
	
}

.linkMedium {
	font-size: 120%;
	font-weight: bold;
}

/* ------------------------ */
/* TOP BANNER AREA ELEMENTS */
/* ------------------------ */

#topBanner {
	background: url(/images/topBanner.jpg) no-repeat;
	height: 83px;
	vertical-align: top;
}

.topFeature, .topFeatureOver {
	position: absolute;
	top: 22px;
	left: 490px;
	width: 240px;
	font-family: verdana, sans-serif;
	font-size: 10px;
	color: #DADDE9;
	cursor: pointer;
}

.topFeature span, .topFeatureOver span {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFE0C1;
	text-decoration: none;
	cursor: pointer;
}

.topFeatureOver, .topFeatureOver span {
	color: #FFF;
}

#topFeatureMore {
	position: absolute;
	top: 58px;
	left: 738px;
	cursor: pointer;
}

#topLogo {
	background: url(/images/topLogo.gif) no-repeat;
	width: 176px;
	height: 72px;
}

/* ------------------------ */
/* MAIN NAVIGATION ELEMENTS */
/* ------------------------ */

#topNav {
	width: 600px;
	padding: 5px 0px 0px 10px;
	background: url(/images/topNavBg.gif) no-repeat;
}

.navTopLevel {
	background: url(/images/topNavArrow0.gif) no-repeat;
	padding-left: 18px;
	cursor: pointer;
}
.navTopLevelOn {
	background: url(/images/topNavArrow1.gif) no-repeat;
	padding-left: 18px;
	cursor: pointer;
}
.navMenuOut {
	width: 130px;
	margin-top: -8px;
	margin-left: -4px;
	position: absolute;
	z-index: 3;
	visibility: hidden;
	text-align: left;
}

.navMenuIn {
	width: auto;
	background: #EDE3DC;
	border-left: 1px solid #A98976;
	border-right: 1px solid #A98976;
	font-family: verdana, sans-serif;
	font-size: 10px;
}

.navMenuIn td {
	background: url("/images/menuArrow.gif") 2px 2px no-repeat;
	padding-left: 20px;
	color: #5C473A;
	cursor: pointer;
}

.navMenuIn a:hover {
	text-decoration: none !important;
}

/* ------------------- */
/* SEARCH BAR ELEMENTS */
/* ------------------- */

#searchInput, #searchType {
	width: 215px;
	background: url(/images/searchBg.gif);
}

#searchInput {
	width: 113px;
	padding-left:10px;
}

#srch, #expl {
	width: 124px;
	margin-top: -7px;
	position: absolute;
	z-index: 2;
	visibility: hidden;
	text-align: left;
}

#expl {
	width: 223px;
}

#inputSearch, #menuType, #menuExplore {
	height: 13px;
	background: #EEE;
	border: 1px solid #9496A7;
	border-bottom: 1px solid #FFF;
	border-right: 0px;
	color: #5E5F71;
	font-family: verdana, sans-serif;
	font-size: 10px;
	padding: 0px 3px 0px 3px;
	text-align: left;
}

#inputSearch {
	width: 100px;
}

.dropDown {
	width: auto;
	border: 1px solid #9496A7;
	border-bottom: 0px;
	background: #FFF;
	height: 145px;
	overflow: auto;
	font-family: verdana, sans-serif;
	font-size: 10px;
	padding-left: 3px;
}

.dropDown a:hover{
	text-decoration: none !important;
}

#menuType {
	width: 100px;
	cursor: pointer;
}

#exploreMenu {
	width: 232px;
	background: url(/images/exploreBg.gif);
	text-align: center;
}

#menuExplore {
	width: 198px;
	cursor: pointer;
}

/* ------------------- */
/* FOOTER BAR ELEMENTS */
/* ------------------- */

#footer {
	background: url(/images/bottomFooter.gif) no-repeat;
	font-size: 10px;
	color: #B4BCE7;
	text-align: center;
	padding: 10px 0px 10px 0px;
}

#footerLinks {
	color: #503829;
	margin-bottom: 30px;
}

#footerLinks a {
	color: #503829;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

#footerLinks a:hover{
	color: #8E644A;
}

/* --------------- */
/* 	IMAGE ELEMENTS */
/* --------------- */

.image{
	background: url(/images/imgShadowTop.gif) no-repeat;
	margin-bottom: 18px;
}

.image img{
	padding: 5px;
	padding-bottom: 0px;
}	

.image div{
	background: url(/images/imgShadowBtm.gif) bottom left no-repeat;
	padding-bottom: 5px;
}




/* ----------------- */
/* CALENDAR ELEMENTS */
/* ----------------- */


#calOut {
	padding: 4px 2px 2px 4px;
	border: 1px solid #C9CAD2;
	margin-bottom: 5px;
}
#calHead {
	background: #56629C url(/images/calendarHeadBg.gif);
	height: 19px;
	padding-top: 5px;
	border-right: 2px solid #FFF;
	text-align: center;
	font-weight: bold;
	color: #FFF;
}
#calHead a:hover{
	text-decoration: none !important;
}
.calWeekday {
	text-align: center;
	color: #949494;
	font-size: 10px;
	height: 15px;
}
.calDay0, .calDay1, .calDay2 {
	width: auto;
	height: 17px;
	margin: 0px 2px 2px 0px;
	padding-top: 1px;
	font-weight: bold;
	text-align: center;
}
.calDay0 {
	background: #EDE3DC;
	border: 1px solid #DECCBE;
	cursor: default;
	color: #AFAAA6;
}
.calDay1, .calDay2 {
	background: #F7F1EE url(/images/calendarSelected.gif);
	border: 1px solid #E2D2C6;
	border-bottom: 1px solid #D2BAA6;
	cursor: pointer;
	color: #8E644A;
}

.calDay2 {
	color: #CC0000;
}

.calDetail {
	font-size: 10px;
	color: #999;
}
.popEvent{
	position: absolute;
	visibility: hidden;
}




/* -------------- */
/* OTHER ELEMENTS */
/* -------------- */

.widgetCalendar, .widgetWebcast, .widgetNews {
	background: url(/images/iconCalendar.gif) no-repeat;
	padding-left: 27px;
	height: 19px;
	padding-top: 3px;
	font-size: 14px;
	font-weight: bold;
}

.widgetWebcast {
	background: url(/images/iconWebcast.gif) no-repeat;	
}

.widgetNews {
	background: url(/images/iconNews.gif) no-repeat;	
}