@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;

}

.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 */