@charset "utf-8";

img{border:none; margin:0px auto; padding:0px;}

html, body {
	margin: 0px auto;
	background-color:#999999;
	height:100%;
}

.page {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px auto;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	float:none;
	background-color:#CCCCCC;
	position:relative;
}

.headerbackground {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px auto;
	width: 100%;
	text-align: center;
	height:150px;
	float:none;
	background-color:#D4E4F4;
}

.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px auto;
	width: 960px;
	text-align: center;
	height:150px;
	float:none;
	background: url(MainStUMCBanner.jpg) no-repeat;
}

.mainbackground {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px auto;
	width: 100%;
	text-align: center;
	height: auto !important;
	height:100%;
	float:none;
	background-color:transparent;
	padding-bottom:102px;
}

.mainbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px auto;
	width: 960px;
	text-align: center;
	height:auto;
	float:none;
	background: transparent;
}

.servicewrapper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 20px 20px 20px 10px;
	width: 300px;
	text-align: left;
	height: auto !important;
	float:left;
	background: transparent;
}
.servicewrapper2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 20px 20px 0px 10px;
	width: 300px;
	text-align: left;
	height: auto !important;
	float:left;
	background: transparent;
}
.serviceheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 300px;
	text-align: center;
	height:40px;
	float:none;
	background: url(serviceheader.jpg) no-repeat;
}
.serviceheader2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 300px;
	text-align: center;
	height:40px;
	float:none;
	background: url(serviceheader2.jpg) no-repeat;
}

.servicetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 258px;
	height: auto;
	padding:20px;
	text-align: left;
	float:none;
	border: 1px solid #333333;
	background: #FFFFFF;
}
.pastorscornerwrapper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right:8px; 

	

	margin-bottom:20px;
	width: 622px;
	text-align: left;
	height: auto !important;
	float:right;
	background: transparent;
}

.pastorscornerheader {
	width: 622px;
	text-align: center;
	height:40px;
	float:none;
	background: url(pastorscornerheader.jpg) no-repeat;
}

.pastorscornertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 580px;
	height: auto;
	padding:20px;
	text-align: left;
	float:none;
	border: 1px solid #333333;
	background: #FFFFFF;
}

.blogfeedwrapper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right:8px; 
	margin-bottom:20px;
	width: 622px;
	text-align: left;
	height: auto !important;
	float:right;
	background: transparent;
}

.blogfeedheader {
	width: 622px;
	text-align: center;
	height:40px;
	float:none;
	background: url(blogfeedheader.png) no-repeat;
}

.blogfeedtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 580px;
	height: auto;
	padding:20px;
	text-align: left;
	float:none;
	border: 1px solid #333333;
	background: #FFFFFF;
}
.contentwrapper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 20px 20px 20px 10px;
	width: 700px;
	text-align: left;
	height: auto !important;
	float:left;
	background: transparent;
}
.contentheader {
	width: 700px;
	text-align: center;
	height:40px;
	float:none;
}
.contenttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 658px;
	height: auto;
	padding:20px;
	text-align: left;
	float:none;
	border: 1px solid #333333;
	background: #FFFFFF;
}
.contactwrapper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left:10px;

	

	margin-top:20px;

	

	margin-bottom:20px; 
	width: 940px;
	text-align: left;
	height: auto !important;
	float:left;
	background: transparent;
}
.contactheader {
	width: 940px;
	text-align: center;
	height:40px;
	float:none;
}
.contacttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 898px;
	height: auto;
	padding:20px;
	text-align: left;
	float:none;
	border: 1px solid #333333;
	background: #FFFFFF;
}
.archivewrapper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right:10px; 

	

	margin-top:20px;

	

	margin-bottom:20px;
	width: 220px;
	text-align: left;
	height: auto !important;
	float:right;
	background: transparent;
}
.archiveheader {
	width: 220px;
	text-align: center;
	height:40px;
	float:none;

	

	background: url(Archives.jpg) no-repeat;
}
.archivetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 178px;
	height: auto;
	padding:20px;
	text-align: left;
	float:none;
	border: 1px solid #333333;
	background: #FFFFFF;
}
.imagewrapper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 600px;
	height: auto;
	padding-left:29px;

	padding-right:29px;

	padding-top:20px;

	padding-bottom:20px;
	text-align: left;
	float:left;
	border: 1px #CCCCCC dashed;
	background: #FFFFFF;
}
.imgdisplay {

	height: auto;

	width: 130px;

	text-align:left;

	float: left;

	padding-left:10px;

	padding-right:10px;

	padding-bottom:0px;

	}

	

.imgdisplayclear {

	height: auto;

	width: 130px;

	text-align:left;

	float: left;

	padding-left:10px;

	padding-right:10px;

	padding-bottom:0px;

	clear:both;

	}

	

.pcimagewrapper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 520px;
	height: auto;
	padding-left:29px;

	padding-right:29px;

	padding-top:20px;

	padding-bottom:20px;
	text-align: left;
	float:left;
	border: 1px #CCCCCC dashed;
	background: #FFFFFF;
}
.pcimgdisplay {

	height: auto;

	width: 153px;

	text-align:left;

	float: left;

	padding-left:10px;

	padding-right:10px;

	padding-bottom:0px;

	}

	

.pcimgdisplayclear {

	height: auto;

	width: 153px;

	text-align:left;

	float: left;

	padding-left:10px;

	padding-right:10px;

	padding-bottom:0px;

	clear:both;

	}

	

.newsletterdisplay {

	height: auto;

	width: 130px;

	text-align:left;

	float: left;

	padding-left:10px;

	padding-right:10px;

	margin-bottom:25px;

	}

	

.newsletterdisplayclear {

	height: auto;

	width: 130px;

	text-align:left;

	float: left;

	padding-left:10px;

	padding-right:10px;

	margin-bottom:25px;

	clear:both;

	}
.textspacing {line-height:20px;}

/* Cu3er */

#cu3er-container {width:620px; outline:0; float:right; margin-right:8px; margin-top:20px; margin-bottom:20px; border: 1px solid #333333;
	background: #000000;}

.floatbreaker {
	clear:both;
	float:none;
	width:960px;
	height:auto !important;
}
.footerbackground {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px auto;
	width: 100%;
	text-align: center;
	height:102px;
	float:none;
	background: url(footer.jpg) no-repeat;
	position:absolute;
    bottom:0;
}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px auto;
	width: 960px;
	text-align: center;
	height:102px;
	float:none;
	background: transparent;
}
		
/* Menu System */

.menubackground {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px auto;
	width: 100%;
	text-align: center;
	height:42px;
	float:none;
	background: url(menubackground.jpg) no-repeat;
}

.fullmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px auto;
	width: 960px;
	text-align: center;
	padding-top:1px;
	padding-bottom:1px;
	height:40px;
	float:none;
}

.container4 {
text-align:left; border:none; height:auto;
margin:0 0 0px 0; z-index:1000; /* for this demo only */
}

.menu4 {
text-align:left; font-family: verdana, sans-serif; position:relative; font-weight: bold;
 font-size:0.75em; background:transparent; width:960px; height:40px; margin:0 auto; float:none; padding:0px;
        margin:0px;
        text-align:left; 
}

.menu4 ul {
padding:0; margin:0; list-style-type: none;
}

.menu4 ul li {
float:left; position:relative;
}
.menu4 ul li.mainmenu1 {background:transparent url(MenuSystem/MS1v2.png) no-repeat;}
.menu4 ul li.mainmenu2 {background:transparent url(MenuSystem/MS2v2.png) no-repeat;}
.menu4 ul li.mainmenu3 {background:transparent url(MenuSystem/MS3v2.png) no-repeat;}
.menu4 ul li.mainmenu4 {background:transparent url(MenuSystem/MS4v2.png) no-repeat;}
.menu4 ul li.mainmenu5 {background:transparent url(MenuSystem/MS5v2.png) no-repeat;}
.menu4 ul li.submenu {background:#910000; filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; line-height:40px; border:solid 1px white;}

.menu4 ul li a, .menu4 ul li a:visited {
display:block; text-decoration:none; width:70px; height:40px; color:#000; padding-left:0px; line-height:40px;
}
* html .menu4 ul li a, .menu4 ul li a:visited {
width:100px; w\idth:70px;
}

.menu4 ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 table {
margin:-1px; border-collapse:collapse; font-size:.75em;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu4 ul li:hover a,
.menu4 ul li a:hover {
color:#0c4782; text-decoration:none; border:0;
}

.menu4 ul li:hover ul,
.menu4 ul li a:hover ul {
visibility:visible; width:auto; height:auto; position:absolute; top:40px; left:0px; overflow:visible;
}

.menu4 ul li:hover ul.farleft,
.menu4 ul li a:hover ul.farleft {
visibility:visible; width:auto; height:auto; position:absolute; top:40px; left:0px;
}

.menu4 ul li:hover ul li a,
.menu4 ul li a:hover ul li a {
display:block; text-decoration:none; color:#FFFFFF; height:auto; line-height:2.5em; text-align:left; padding:2px 0px 2px 10px;
}

.menu4 ul li:hover ul li ul,
.menu4 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 ul li:hover ul li a:hover,
.menu4 ul li a:hover ul li a:hover {
color:#ffffff; text-decoration:none; background:#EE7C0B;
}
.menu4 ul li:hover ul li:hover ul,
.menu4 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; color:#0c4782; left:166px; height:auto;
}
.menu4 ul li:hover ul li:hover ul.left,
.menu4 ul li a:hover ul li a:hover ul.left {
left:-166px; 
}
.menu4 ul li:hover ul li:hover ul li a,
.menu4 ul li a:hover ul li a:hover ul li a {
display:block; color:#0c4782; height:auto; line-height:1.5em; padding:2px 0px 2px 5px;
}
* html .menu4 ul li a:hover ul li a:hover ul li a {padding:2px 0px 2px 5px;}

.menu4 ul li:hover ul li:hover ul li:hover a,
.menu4 ul li a:hover ul li a:hover ul li a:hover {
color:#0c4782; text-decoration:none;
}/* End Menu System */
		
.sidelinks ul {
padding:0px; margin:0px; list-style-type: none;
}

.sidelinks ul li a, .sidelinks ul li a:visited, .sidelinks ul li embed, .sidelinks ul li object {
display:block; text-decoration:none; padding:0px; margin:0px; vertical-align:bottom;
}

.hrstyle {height:1px; color: #A90000; background-color: #A90000; border-collapse:collapse; border:0px;}
.hrstyle2 {height:1px; color: #EE7C0B; background-color: #EE7C0B; border-collapse:collapse; border:0px;}
.recordtext {color:#333333; text-decoration:none; font-size:12px;}

.header {color:#005480; text-decoration:none; font-size:16px;}

.alert {color:#EE7C0B; font-weight:bold; text-decoration:none; font-size:14px;}

.smalllinks {color:#005480;; text-decoration:underline; font-size:10px;}
.smalllinks:hover {color:#F57B20; text-decoration:underline; font-size:10px;}

.upperlink {color:white; text-decoration:none; font-size:16px;}
.upperlink:hover {
color:#005480; text-decoration:none; font-size:16px;}

a {text-decoration:none; font-size:13px; color:#1F66B6;}
a:hover {color:#666666; text-decoration:none; font-size:13px;}

.subpagelink {color:#005480; text-decoration:none; font-size:12px;}
.subpagelink:hover {
color:#F57B20; text-decoration:none; font-size:12px;}

.backtotop {color:#005480; text-decoration:none; font-size:12px;}
.backtotop:hover {
color:#F57B20; text-decoration:none; font-size:12px;}

.largelinks {color:#005480; text-decoration:none; font-size:16px;}
.largelinks:hover {
color:#F57B20; text-decoration:none; font-size:16px;}

/* News Menu */

.sidelinks ul li.topMenu {background: transparent url(MenuSystem/News/TopMenu.png) no-repeat; line-height:25px;}

.sidelinks ul li.news1 {background: transparent url(MenuSystem/News/MS1.png) no-repeat;}
.sidelinks ul li.news1:hover a, .sidelinks ul li.news1 a:hover {background:transparent url(MenuSystem/News/MS1Hover.png) no-repeat;}
.sidelinks ul li.news2 {background: transparent url(MenuSystem/News/MS2.png) no-repeat;}
.sidelinks ul li.news2:hover a, .sidelinks ul li.news2 a:hover {background:transparent url(MenuSystem/News/MS2Hover.png) no-repeat;}
.sidelinks ul li.news3 {background: transparent url(MenuSystem/News/MS3.png) no-repeat;}
.sidelinks ul li.news3:hover a, .sidelinks ul li.news3 a:hover {background:transparent url(MenuSystem/News/MS3Hover.png) no-repeat;}
.sidelinks ul li.news4 {background: transparent url(MenuSystem/News/MS4.png) no-repeat;}
.sidelinks ul li.news4:hover a, .sidelinks ul li.news4 a:hover {background:transparent url(MenuSystem/News/MS4Hover.png) no-repeat;}

/* End News Menu */

/* Youth Menu */

.sidelinks ul li.topMenuYouth {background: transparent url(MenuSystem/youth/TopMenu.png) no-repeat; line-height:25px;}

.sidelinks ul li.youth1 {background: transparent url(MenuSystem/youth/MS1.png) no-repeat;}
.sidelinks ul li.youth1:hover a, .sidelinks ul li.youth1 a:hover {background:transparent url(MenuSystem/youth/MS1Hover.png) no-repeat;}
.sidelinks ul li.youth2 {background: transparent url(MenuSystem/youth/MS2.png) no-repeat;}
.sidelinks ul li.youth2:hover a, .sidelinks ul li.youth2 a:hover {background:transparent url(MenuSystem/youth/MS2Hover.png) no-repeat;}
.sidelinks ul li.youth3 {background: transparent url(MenuSystem/youth/MS3.png) no-repeat;}
.sidelinks ul li.youth3:hover a, .sidelinks ul li.youth3 a:hover {background:transparent url(MenuSystem/youth/MS3Hover.png) no-repeat;}
.sidelinks ul li.youth4 {background: transparent url(MenuSystem/youth/MS4.png) no-repeat;}
.sidelinks ul li.youth4:hover a, .sidelinks ul li.youth4 a:hover {background:transparent url(MenuSystem/youth/MS4Hover.png) no-repeat;}

/* End Youth Menu */

/* About Us Menu */

.sidelinks ul li.topMenuAbout {background: transparent url(MenuSystem/about/TopMenu.png) no-repeat; line-height:25px;}

.sidelinks ul li.about1 {background: transparent url(MenuSystem/about/MS1.png) no-repeat;}
.sidelinks ul li.about1:hover a, .sidelinks ul li.about1 a:hover {background:transparent url(MenuSystem/about/MS1Hover.png) no-repeat;}
.sidelinks ul li.about2 {background: transparent url(MenuSystem/about/MS2.png) no-repeat;}
.sidelinks ul li.about2:hover a, .sidelinks ul li.about2 a:hover {background:transparent url(MenuSystem/about/MS2Hover.png) no-repeat;}
.sidelinks ul li.about3 {background: transparent url(MenuSystem/about/MS3.png) no-repeat;}
.sidelinks ul li.about3:hover a, .sidelinks ul li.about3 a:hover {background:transparent url(MenuSystem/about/MS3Hover.png) no-repeat;}
.sidelinks ul li.about4 {background: transparent url(MenuSystem/about/MS4.png) no-repeat;}
.sidelinks ul li.about4:hover a, .sidelinks ul li.about4 a:hover {background:transparent url(MenuSystem/about/MS4Hover.png) no-repeat;}

/* End About Us Menu */H1 {font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666;}
.news {
	vertical-align:top;
}

.newsinner {
    height: 300px;
	width: 520px;
	text-align:left;
	float: left;
	padding-left:25px;
	padding-right:25px;

	

	padding-bottom:15px;
    margin:0px;

	

	border: 1px #CCCCCC dashed;
}
.newsinner2 {
    height: 300px;
	width: 270px;
	text-align:left;
	float: right;
	padding-left:25px;
	padding-right:25px;

	

	padding-bottom:15px;
    margin:0px;

	

	border: 1px #CCCCCC dashed;
}.news H1 {font-family: Verdana, sans-serif; font-size: 1.50em; color:#1F66B6;}
.news H2 {font-family: Verdana, sans-serif; font-size: 1.00em; color:#A90000;}
.news H3 {font-family: Verdana, sans-serif; font-size: 1.00em; color:#1F66B6;}

/* Calendar CSS */
.calendar table
{

	width: 940px;

	

	table-layout: fixed;
	font-family: Verdana;
	font-size: 16px;
	text-align:left;
	margin-left:10px;

	

	margin-top:20px;

	

	margin-bottom:20px; 
	line-height:normal;
	/*border:1px solid black;*/
}

.calendar th
{
	font-family: Verdana;
	font-size: 16px;

	

	height:40px;
	text-align:left;
	margin:0px; 

	

	padding:0px;
	background: url(calendar/background.jpg) no-repeat;
	color:white;

	

	border-spacing:0px;
	
}

.calendar tr.nav
{

	height: 40px;
	vertical-align:top;

	

	background: #FFFFFF;

	

	border-spacing:0px;
}
.calendar td.days
{
	vertical-align:top;

	

	background: #A90000;

	

	font-family: Verdana;
	font-size: 16px;

	

	color:#FFFFFF;
	padding:5px;

}
.calendar tr
{
	vertical-align:top;
}

.calendar td
{
	vertical-align:top;

	

	font-family: Verdana;
	font-size: 12px;
	background: #FFFFFF;
  	color:black;
}

/* Calendar CSS end */
/* manageNews start */

.manageHeaderNews {
		float:none;
   		width:570px;
    	height:auto;
		padding-bottom:5px;
		margin:0px;
     	text-align:right;
		vertical-align:top;
		color:#A90000; 
		text-decoration:none; 
		font-size:16px;
	 	}
		
.manageHeaderNews a {text-decoration:none; font-size:12px; color:#1F66B6;}
.manageHeaderNews a:hover {color:#A90000; text-decoration:none; font-size:12px;}

.manageNews table
{
	table-layout: fixed;
	width: 85%;
	font-family: Verdana;
	font-size: 16px;
	text-align:left;
	margin-bottom:1em; 
	line-height:normal;
}

.manageNews tr.headersmall {
	color: #FFFFFF; 
	background: #1F66B6; 
	font-size:10pt; 
	font-weight: bold; 
        text-decoration:none; 
	text-align:left; 
        line-height:20px;}

.manageNews tr.footersmall {
	color: #FFFFFF; 
	background: #1F66B6; 
	font-size:10pt; 
	font-weight: bold; 
        text-decoration:none; 
	text-align:left; 
        line-height:10px;}

.manageNews tr.gray {
	color: #FFFFFF; 
	background: #B0B0B0; 
	font-size:10pt; 
	font-weight: bold; 
	text-decoration:none; 
	vertical-align:text-bottom; 
	text-align:left; }
.manageNews tr.white {
	color: #000000; 
	background: #FFFFFF; 
	font-size:10pt; 
	font-weight: bold; 
	text-decoration:none; 
	vertical-align:text-bottom; 
	text-align:left; }

/* manageNews end */