﻿/* ---------------------- */
/* Reset
------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend, {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	/*background: transparent;*/ 
}

table, caption, tbody, tfoot, thead, tr, th, td, blockquote
{
    font-size:100%;
}

/*html { 
    height: 100%; 
} 
body { 
    height: 100%; 
} 

* html #container { 
    height: 100%; 
} */

/*blockquote, q {
	quotes: none;
}*/

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/

/*fieldset, img {
	border: 0;
}*/

caption, th { 
	text-align: left; 
} 

q:before, q:after { 
    content: ''; 
}

abbr, acronym {
	border: 0; 
}  

/* ---------------------- */
/* MFT Defaults
------------------------- */
body {
	font-size: 12px;
	background-color: #fef5c8;
	line-height: 1.3em;
	text-align: center; /*IE6 center page fix*/
	color: #002D62;
}

body, input { font-family: Arial, Helvetica, sans-serif; }

div.siteContainer {
	margin: 0 auto;
	/*width: 1000px;*/
	text-align: left;
}

a:link, a:visited { 
	color: #002d62;
	text-decoration: none;
}

a:hover, a:active {
	color: #002d62;
	text-decoration: underline;
}

h1,
h1 a:link  {
	font-size: 18px;
	color: #002d62;
	font-weight: bold;
	/*font-style: italic;*/
	text-decoration: none;
}

h1 a:visited  {
	text-decoration: none;
}

h1 a:hover,
h1 a:active  {
	text-decoration: none;
}

.heading2 {
	font-size: 16px;
	font-weight: bold;
}

.heading3 {
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
}

h1,
.heading2,
.heading3,
p {
	margin: 0 0 .8em 0;
}

ul {
	margin-left: 0;
	padding: 0;
	list-style: none;
}

ul li { 
	background: url(/Images/bullet_square_4x4.gif) left .5em no-repeat;
	padding: 0 0 0 10px;
}

th, td {
	vertical-align: top;
}

hr { 
	border: 0; 
	background: #666; 
	height: 1px; 
	margin: 20px 0; }

input {
	vertical-align: middle;
}
input.text-button { padding-left: .5em; padding-right: .5em; }

input.text-button { width: auto; overflow: visible; } /* fixes IE double-padding bug */
xxxinput.text-button { font-size: 0px; display:block; line-height: 0px; } /* fixes IE text-indent bug */

.clear
{
	clear: both;
	padding: 0;
	margin: 0;
	height: 0;
	line-height: 1;
}

/* ---------------------- */
/* Default Call-Out Box
------------------------- */
div.callout {
	margin: 0 auto 20px auto;
	width: 90%;
	color: #000000;
	font-weight: bold;
	background: #b3c3d4;
	padding: 15px;
	border: 3px double #ffffff;
}

/* ------------------------------------------------------------------------ */
/* START Site Container
--------------------------------------------------------------------------- */

div.siteContainer {
	margin: -7px auto 0 auto;
	*margin: 0 auto 0 auto;
	width: 1000px;
	text-align: left;
	background-color: #FFFFFF;
/*	background: #000000 url('/Images/backgroundContainer.jpg') no-repeat 0 0;*/
}

.contentContainer {
	margin: 0 auto 0 auto;
	overflow: hidden;
	width: 1000px;
	background-color: #FFFFFF;
	background-image: url(../Images/sitebodyBg.jpg);
	background-repeat: repeat-y;
	/*background-color: #002d62;*/
}

/* ---------------------- */
/* END Site Container
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Header
--------------------------------------------------------------------------- */
div.headerContainer {
	background-color: #fdf1c1;
	margin: 1px auto 0 auto;
	padding: 0 0 0 0;
	width: 1000px;

}

.headerLeft {
	float: left;
	width: 230px;
	margin: 0;
	padding: 0;
}

.headerRight {
	width: 770px;
	height: 199px;
	margin: 0;
	padding: 0;
	float: right;
	background-image: url(/images/headtagRight.jpg);
	background-repeat: no-repeat;
}

.topNavContainer {
	/*width: 768px;*/
	height: 24px;
	margin: 175px 0 0 30px;
}

.topNav li {
	float: left;
	height: 24px;
	line-height: 24px;
	display: inline;
	/*background-image: none;*/
	background-image: url(/images/topNavIcon.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: -3px;
	padding-left: 28px;
	padding-right: 35px;
}

.topNav li a {
	color: #ffcf06;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

.topNav li ul {
	display: none;
	background-image: none;
	position: absolute;
	z-index: 2000;
}

.topNav li:hover ul {
	display: block;
	width: 200px;
	display: inline;
	margin-top: 27px;
	*margin-top: 23px;
	margin-left: -88px;
	background-color: #fdf1c1;
	text-align: left;
}

.topNav li ul li {
	width: 200px;
	background-image: none;
	padding-left: 6px;
	display: block;
}

.topNav li ul li a {
	color: #002d62;
	padding-left: 10px;
	background-image: url(/images/circleBlue.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

.modalContainer {
	padding: 8px;
}

.modalContainer a {
	color: #002D62;
	font-weight: bold;
}

.modalContainer img {
	border: 1px solid #002D62;
}
/* ---------------------- */
/* END Header
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Footer
--------------------------------------------------------------------------- */
div.footerContainer {
	height: 33px;
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	/*width: 1000px;*/
	background-image: url(/images/footerRepeat.gif);
	background-repeat: repeat-x; 
}

.footerLeft {
	float: left;
	margin: 8px 0 0 13px;
}

.footerLeft p {
	color: #ffcf06;
}

.footerRight {
	float: right;
	margin: 8px 13px 0 0;
}

.footerRight p {
	color: #ffcf06;
}

.footerRight a {
	padding-left: 10px;
	background-image: url(/images/circle.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	color: #FFCF06;
}

/* ---------------------- */
/* END Footer
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Custom Styles
--------------------------------------------------------------------------- */
.bg {
	background-image: url(/images/bodybg.jpg);
	background-repeat: repeat-x;
}

a.nolink {
	background-image: none;
}

.content {
    /*width: 562px;*/
	width: 540px;
	color: #002D62;
	font-size: 14px;
	min-height: 550px;
	height:auto !important;
   	height: 550px;
	margin: 0 0 0 231px;
	padding: 10px 10px 0 10px;
	background-color: #FFFFFF;	
	line-height: 1.5;
}

.content a {
	color: #771f07;
}

.content p {
	color: #002D62;
	font-size: 14px;
	line-height: 1.5;
}

.leftNavContainer {
	float: left;
	width: 230px;
	min-height: 550px;
	height:auto !important;
   	height: 550px;
	margin: 0;
	padding: 0;
	background-color: #002d62;
	background-image: url(/Images/leftnavRepeat.gif);
	background-repeat: repeat-y;
}

.leftNav {
	margin: 55px 0 0 10px;
}

.leftNav li {
	width: 189px;
	/*height: 25px;*/
	background-image: url(/images/liBg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 3px 0 0 10px;
	margin-bottom: 1px;
}

.leftNav li a {
	height: 25px;
	display: block;
	color: #ffcf06;
	font-size: 14px;
	padding-left: 10px;
	background-image: url(/images/circle.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	text-decoration: none;
}

.leftNav li ul {
	width: 170px;
	/*height: 89px;*/
	background-color: #fdf1c1;
	margin: -3px 0 0 -9px;
	/*padding: 8px;*/
	padding: 8px 8px 4px 8px;
	/**padding: 0 8px 8px 8px;*/
	*padding: 0 8px 4px 8px;
}

.leftNav li ul li {
	list-style-type: none;
	background-image: none;
	margin: 0 0 0 0;
	padding: 0;
}

.leftNav li ul li a {
	color: #002d62;
	font-size: 12px;
	font-weight: bold;
	display: block;
	list-style-type: none;
	background-image: url(/Images/circleBlue.gif);
	background-repeat: no-repeat;
	padding-left: 8px;
	background-position: 0 0.5em;
}

#ctl00_NAVchurchNews ul {
	/**padding-top: 8px;*/
	*padding-top: 6px;
}

#ctl00_pnlSermons ul {
	/**padding-top: 8px;*/
	*padding-top: 6px;
}
	
.rightContainer {
	float: right;
	width: 205px;
	margin: 8px 0 0 0;
	/*margin: -535px 0 0 0;*/
	padding: 0;
	background-color: #FFFFFF;
}

.rightSpacer {
	/*padding-bottom: 535px;*/
	/*padding-bottom: 634px;*/
}

.navLeft {
	width: 207px;
	float: left;
	min-height: 580px;
	height:auto !important;
   	height: 580px;
	margin: 0;
	padding: 0;
	background-image: url(/images/leftNavTopRpt.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

.navSpacer {
	float: right;
	width: 23px;
	min-height: 580px;
	height:auto !important;
   	height: 580px;
	margin: 0;
	padding: 0;
	background-image:url(/images/leftNavSpacer.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #FFFFFF;
}

.uccSlogan {
	text-align: center;
	margin: 5px 0 5px 0;
}

.uccSlogan img {
	border: 0;
}

.zionScroll {
	width: 192px;
	height: 257px;
	border: 1px solid #ffcf06;
	/*margin: 8px 0 0 0;*/
	margin: 0;
}

.worshipTimes {	
	width: 192px;
	height: 284px;
	border: 1px solid #ffcf06;
	margin: 8px 0 0 0;
}

.zionHeader {
	width: 192px;
	height: 34px;
	background-image: url(/images/modHeaderBg.jpg);
	background-repeat: no-repeat;
}

.zionHeader p {
	color: #ffcf06;
	font-size: 14px;
	text-align: center;
	padding-top: 8px;
}

.scrollContent {
	width: 192px;
	height: 198px;
	background-color: #FFFFFF;
}

a.CalCurrentEventDate {
	color: #002D62;
	font-size: 12px;
}

a.CalCurrentEvent {
	color: #771F07;
	font-weight: bold;
	font-size: 12px;
}

a.CalCurrentEvent:hover {
	color: #771F07;
	font-weight: bold;
}

.zionFooter {
	width: 192px;
	height: 25px;
	background-color: #fdf1c1;
}

.zionFooter p {
	color: #002d62;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
}

.zionFooter a {
	color: #002d62;
	font-size: 15px;
	font-weight: bold;
}

.worshipHeader {
	width: 192px;
	height: 34px;
	background-image: url(/images/modHeaderBg.jpg);
	background-repeat: no-repeat;
}

.worshipHeader p {
	color: #ffcf06;
	font-size: 14px;
	text-align: center;
	padding-top: 8px;
}

.worshipContent {
	height: 215px;
	padding: 8px;
	color: #002D62;
	text-align: center;
	overflow: auto;
}

.worshipContent p {
	padding-bottom: 15px;
}

.imageScroller {
	width: 540px;
	/*height: 135px;*/
	margin: -17px 0 10px 0;
	padding: 0;
	z-index: 0;
}

.marquee0 {
	height: 135px;
	padding: 0;
	margin: 0 0 0 0;
	z-index: 0;
}

.text-box2 {
	width: 200px;
	border: 1px solid #CCCCCC;
}

.text-box3 {
	width: 225px;
	border: 1px solid #CCCCCC;
}

/* ---------------------- */
/* END Custom Styles
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Modules
--------------------------------------------------------------------------- */

.announcements { /*width: 532px;*/ /*height: 67px;*/margin-bottom: 8px; padding: 8px; background-color:#fdf1c1; color:#002d62; }
/*.announcements p { padding: 8px; font-size: 14px; color: #002d62; }*/
.announcements strong {  }

.announce-holder {  }
.announce-title {  }
.announce-all {  }

/* ---------------------- */
/* END Modules
------------------------- */


/* ------------------------------------------------------------------------ */
/* START Default Install Styles - Clear On Install
--------------------------------------------------------------------------- */
.homebutton
{
	width:267px;
	padding-top:45px;
	padding-left:20px;
	float:left;
}
.homebutton img
{
	border:0px;
	width:267px;
	height:35px;
}
.contentHolder
{
	padding:20px;
}
/* ---------------------- */
/* END Default Install Styles
------------------------- */



/* ------------------------------------------------------------------------ */
/* START Freestyle Styles
--------------------------------------------------------------------------- */
.regBlueText {
	color: #002D62;
	font-size: 14px;
}

.blueHeader {
	color: #002D62;
	font-size: 18px;
	/*font-style: italic;*/
	font-weight: bold;
}

.regBurgandyText {
	color: #771f07;
	font-size: 14px;
}

.burgandyHeader {
	color: #771f07;
	font-size: 18px;
	/*font-style: italic;*/
	font-weight: bold;
}

.regYellowText {
	color: #FFCF06;
	font-size: 14px;
}

.yellowHeader {
	color: #FFCF06;
	font-size: 18px;
	/*font-style: italic;*/
	font-weight: bold;
}


/* ---------------------- */
/* END Freestyle Styles
------------------------- */
xxxbody {
	scrollbar-face-color: #999; 
	scrollbar-highlight-color: #999; 
	scrollbar-shadow-color: #999; 
	scrollbar-3Dlight-color: #999;
	scrollbar-darkshadow-color: #999;
	 
	scrollbar-arrow-color: #000; 
	scrollbar-track-color: #000;
	
	overflow: auto;
 }
 /*calendar*/

table#ctl00_Body_EventCal1_calMain  { border: 0px solid!important; font-weight: normal!important; margin-top: 15px; } /* main cal */
table#ctl00_Body_EventCal1_calMain td span  { font-size: 10pt!important; font-weight: normal!important; color: #666; } /* date numbers */
table.calTitle { color: White!important; font-weight: bold!important; background: #742414; padding: 10px; } /* top "row" displaying current month */
th.calDayTitle { font-weight: normal; font-size: 10px; background: #fddc55; color: #666; } /* Sunday, Monday, etc */
td.calToday { background: #FDF1C1; } /* today's cell */
td.calDay { background: #fff; } /* plain cells */
td.calOtherMonth { background: #eee; } /* day cells outside of current month */

/* tablehead padding */
table.calTitle td { padding: 5px 10px 3px 10px; }
th.calDayTitle { padding: 5px 5px 3px 5px; border-left: 1px dotted #fff; text-align: center; }
th.calDayTitle:first-child  { border: 0; }

.calDayA { vertical-align: top; font-size: 10px; text-align: left; padding: 4px; background-color: #FFFFFF; border: 1px solid #c3b694; }
.calOtherMonthA { background-color: #ccf3fb; vertical-align: top; font-size: 10px; text-align: left; padding: 4px; border: 1px solid #c3b694; }
.datepicker { background-color: #ffffff; padding: 10px; border: 1px solid #cccccc; }
.datepick a { display: block; height: 20px; }
.datepick td, .datepick th { padding:0px; }

/*photo gallery*/

div.ctl00_Body_ptCategories_Links {  }
td.PG_NextPrevious, td.PG_NextPrevious2, table.PG_NextPrevious td { padding: 7px; background: #742414; border-top: 1px solid #FFCF06; }
table.PG_NextPrevious td { width: 50%; }
table.PG_NextPrevious td:first-child { text-align: right; }
td.PG_NextPrevious span, td.PG_NextPrevious2 span, td.PG_NextPrevious a, td.PG_NextPrevious2 a, table.PG_NextPrevious a { font-size: 12px; font-weight: normal; color: #FFCF06; }
td.PG_NextPrevious a, td.PG_NextPrevious2 a, table.PG_NextPrevious a { color: #FFCF06; text-decoration: none; }
td.PG_NextPrevious a:hover, td.PG_NextPrevious2 a:hover, table.PG_NextPrevious a:hover { text-decoration: underline; }
table.PG_ImageTable {  }
/*table.PG_PhotoTable td { padding: 10px; }*/
table.PG_PhotoTable td img { margin-bottom: 10px; }
td.PG_ImageCell {  }
td.PG_CaptionCell2 { color: #666; }
td.PG_ImageCell, td.PG_CaptionCell2 { padding: 10px; }
.PG_ImageCell a img { border: 1px solid #FFCF06; } /* thumbnail images */
.PG_ImageCell a img:hover { border: 2px solid #FFCF06!important; }

/*sermons*/
table#ctl00_Body_SermonList1_DataGrid1 { border: 20px solid #fff;; background: #fff; color: #002D62; }

/*cms*/
xxxdiv.cms_title { color: #999!important; }
xxxinput.text-button, xxxinput.text-buttond { padding: .25em .5em; background: #35526f; }
input.text-buttond { background: red; }
div.cms_title { color: #666!important; }
.cms_field a {
	color: #000000;
}

/* locator tables */
.LOC_MapHeading { background: #7F0403; }!important
.LOC_SearchHeading { background: #a6907e; }!important
.LOC_LocationsHeading { background: #a6907e; }!important
.LOC_BG { background: #eee; }!important

/*FAQs*/
table.faq-cat-table {  }
table.faq-cat-table td { xxxborder: 1px solid red; padding: 3px; }
table.faq-cat-table td.faq-cat { padding-left: 15px; background: url('/Images/arrow-sm.png') 8px 13px no-repeat; }
table.faq-cat-table td.faq-cat:hover { background: #beebe1; }
table.faq-cat-table td.faq-cat a, table.faq-cat-table td.faq-cat span { color: #333; }
table.faq-cat-table td.faq-cat img { display: none; }
table.faq-cat-table td.faq-q {  }
table.faq-cat-table td.faq-question {  }
table.faq-cat-table td.faq-question span.faq-question-on { color: #006837; }

/*login page*/
table.loginTable { margin: 15px 0; }
table.loginTable td { padding: 3px 0; }

/*contact-us page*/
table.contact-us td { padding: 3px; }

/*news page*/
td.NEWS_Title { padding-left: 5px!important; background:#c3b694!important; }
#ctl00_Body_lblTitle { font-weight: bold!important; }

/*news widget*/
div.NEWS_HomeContainer { margin: 13px 13px 13px 20px; background: #fff; }
div.NEWS_HomeHeading { font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 7px 10px; background: #f68428; }
div.NEWS_HomeHeading a { text-decoration: none; color: #fff; }
div.NEWS_HomeHeading a:hover { text-decoration: underline; }
div.NEWS_HomeScroller { height: 188px; overflow: auto; padding: 7px 10px; }
div.NEWS_Article {  }
div.NEWS_Article a { text-decoration: none; }
div.NEWS_Article a:hover { text-decoration: underline; }
a span.NEWS_Title {  }
a span.NEWS_Date { display: block; }
span.NEWS_Body { display: block; margin: .5em 0; }
div.NEWS_PDF {  }

/*announcement widget*/
table#ctl00_Announcements1_tblAnnouncements {  }
div.announce-holder {  } /* single announcement */
div.announce-title {  }
div.announce-body {  }
div.announce-all {  }

.announce-holder hr { 
	border: 0; 
	background: #666; 
	height: 1px; 
	margin: 5px 0!important; }
	
div.horrule {  }
