@charset "utf-8";
/* CSS Reset Styles */
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0 auto;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
font-weight:normal;
vertical-align: baseline;
}

h1 {color:#1080bb; font-size:24px; margin:0 0 10px 0; line-height:24px;}
h2 {color:#e2313b; font-size:20px;}
h3 {color:#fff; font-size:30px; clear:both;}
h4 {color:#012d63; font-size:14px; padding:5px 0 5px 0;}
strong {font-weight:bold;}
em {font-style:italic;}

html {margin:0 auto; padding:0;}

body {background:rgb(160,37,36); color:#333; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:20px;}

#header {width:100%; height:225px; background:rgb(0,0,0) url(http://nwumc.com/images/common/headerBackground1.gif) repeat-x 0 0; font-size:18px; line-height:30px; overflow:hidden;}
#headercontent {width:638px; height:200px; margin:0 auto; padding:25px 0 0 150px; background:url(http://nwumc.com/images/common/crossLogo.png) no-repeat left; color:#fff; text-shadow: 2px 2px 6px #000; overflow:hidden; position:realtive;}

#headercontent #searchSection {height:26px; width:600px; background:rgb(51,51,51); float:right; border-bottom:none; padding:2px 4px 4px 4px; position:absolute; top:199px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;}

#headercontent #searchSection input.search {margin:3px 0 0 3px; width:275px; background:rgb(230,230,230); border:1px solid #999; height:18px; float:left;}
#headercontent #searchSection a.button {float:left; font-size:12px; font-weight:bold; border-top:1px solid #999; border-left:1px solid #999; border-right:1px solid #333; border-bottom:1px solid #333; color:#333; width:auto; margin:3px 3px 0 3px; text-decoration:none;  text-shadow:none;}	
#headercontent #searchSection a.button:hover {border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #999; border-bottom:1px solid #999; color:#333; text-shadow:none;}	
#headercontent #searchSection a.button span {background:#d4d0c8 url(images/button.gif) repeat-x; float:left; line-height:20px; height:20px; padding:0 10px; border-right:1px solid #777; border-bottom:1px solid #777; color:#333; text-shadow:none;}		
#headercontent #searchSection a.button:hover span {border:none; border-top:1px solid #777; border-left:1px solid #777; background:#d4d0c8 url(images/buttonOver.gif) repeat-x; cursor:pointer; text-shadow:none;}
#headercontent #searchSection span.ministries {color:rgb(255,40,58); font-size:18px; padding:0 0 0 15px; letter-spacing:5px;}

#headercontent h3 a {text-decoration:none; color:#fff;}
#headercontent h3 a:hover {text-decoration:none;  color:#b8d9d5;}
#headercontent h3  {color:#fff; font-size:28px; line-height:24px; font-weight:normal; padding:0 0 25px 5px;}
#headercontent span {color:#b8d9d5;}
#headercontent img {padding:0 10px 5px 0;}


/* ----- old nav style --------------------------------------
#nav {width:100%; height: 49px; background:rgb(51,51,51); font-size:16px;}
#navcontent {width:788px; height:49px; margin:0 auto; color:#b8d9d5; padding:0;}

div#navcontent ul {list-style-type:none; padding:0;}
div#navcontent ul li {list-style-type:none; float:left;  padding:0 0 0 0; margin:0;}
div#navcontent ul li a {text-decoration:none; color:#b8d9d5; padding:14px 12px 14px 12px; display:block;}
div#navcontent ul li a:hover {text-decoration:none; color:#fff;display:block;}
-------- old nav style --------------------------------------
*/

#nav {width:100%; height: 49px; background:rgb(51,51,51); font-size:14px;}
#navcontent {width:773px; height:49px; margin:0 auto; color:#b8d9d5; padding:0;}

div#navcontent ul {list-style-type:none; padding:0 0 0 5px;}
div#navcontent ul li {list-style-type:none; float:left;  padding:0 0 0 0; margin:0;}
div#navcontent ul li a {text-decoration:none; color:#b8d9d5; padding:4px 8px 4px 8px; display:block; border-right:1px solid #666; margin:8px 0 2px 0; height:23px;}
div#navcontent ul li a.lastLink {border:none;}
div#navcontent ul li a.ministriesLink {color:rgb(255,40,58); }
div#navcontent ul li a:hover {text-decoration:none; color:#333; display:block; background:#b8d9d5;}
div#navcontent ul li a.home {text-decoration:none; background:url(http://nwumc.com/images/common/homeIcon.png) no-repeat 8px 3px; width:28px; height:23px;}
div#navcontent ul li a.home:hover {text-decoration:none; background:#b8d9d5 url(http://nwumc.com/images/common/homeIconHover.png) no-repeat 8px 3px;}
div#navcontent ul li a.home span {display:none;}


#main {width:100%; background:#fff; padding:0 0 20px 0;}
#maincontent {width:788px; margin:0 auto; min-height:400px; }
#maincontent p {padding:0 0 10px 0;}
#maincontent ul {list-style-type:none; padding:0 0 0 15px;}
#maincontent ul li {list-style-type:none; padding:0;}
#main a {text-decoration:none; color:#476d9c;}
#main a:hover {text-decoration:underline; color:#19385f;}
#main #banner {height:228px; width:548px; margin:10px 0 10px 0; float:right; overflow:hidden; border:solid #999 1px;
/*-moz-box-shadow:0px 4px 8px 2px rgba(0,0,0,.5);
-webkit-box-shadow:0px 0px 6px rgba(0,0,0,.5);*/
}
#topHome {width:788px; margin:0;}
#welcome {width:208px; margin:10px 15px 10px 10px; float:left;}
#bottomHome {width:788px; margin:10px 15px 0 10px;}

#left { width:500px; margin:10px 0 0 0; float:left;}
#left2{ width:238px; margin:0; float:left;}
#left h2 {color:#1080bb; font-size:20px; padding:0; margin:5px 0 5px 0;}
#left h3 {color:#012d63; font-size:17px; padding:0; margin:5px 0 5px 0;}
#left h4 {color:#012d63; font-size:14px; padding:0; margin:5px 0 5px 0; font-weight:bold;}

#right {height:100%; width:203px; margin:10px 0 0 0; padding:0; float:right;}
#right2{height:100%; width:550px; float:right; margin:0;}
#right h2 {margin:0 0 10px 0;}
#insideLeft {width:264px; min-height:300px; float:left; border-left:solid #999 1px; padding:0 0 0 10px;}
#insideRight {width:264px; min-height:300px; float:right; border-left:solid #999 1px; padding:0 0 0 0px;}
#homeRight{width:264px; min-height:300px; float:right; border-left:solid #666 1px; padding:0 0 0 0px;}
#homeLeft{width:264px; min-height:300px; float:left; border-left:solid #666 1px; padding:0 0 0 10px;}
#services {width:238px; margin:0;}
#news {width:238px; margin:0;}
#podcast {width:275px; margin:0;}
#blogs {width:275px; margin:0;}
#events {width:265px; margin:0 0 0 10px;}

#subnav {height:100%; width:203px; margin:0 0 20px 0;}
div#subnav ul {list-style-type:none; padding:0; margin:0;}
div#subnav ul li {list-style-type:none; padding:0; margin:0;}
div#subnav ul li a {text-decoration:none; color:#9b2323; font-size:12px; display:block; padding:2px 0 2px 0; border-bottom:1px solid rgb(220,220,220);}
div#subnav ul li a:hover {color:#9b2323; text-decoration:underline;}
div#subnav ul li ul{list-style-type:none; padding:0; margin:0;}
div#subnav ul li ul li{list-style-type:none; padding:0; margin:0;}
div#subnav ul li ul li a{text-decoration:none; color:#333; font-size:12px; display:block; padding:0 0 0 15px; margin:0; background:url(http://nwumc.com/images/common/arrow.gif) no-repeat 0 0; }
div#subnav ul li ul li a:hover {color:#000; text-decoration:underline;}

#moreAbout {height:100%; width:203px; margin:0; padding:0;}

div#moreAbout ul {list-style-type:none; padding:0; }
div#moreAbout ul li {list-style-type:none; padding:0; margin:0;}
div#moreAbout ul li a {text-decoration:none; color:#9b2323; font-size:14px; display:block; margin-bottom:8px; padding:2px 0 10px 60px; line-height:18px;
-moz-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
}
div#moreAbout ul li a:hover {color:#9b2323; text-decoration:underline;}
div#moreAbout ul li a span {color:#333; font-size:12px;}
div#moreAbout ul li a span:hover {color:#333; font-size:12px; text-decoration:none;}

div#moreAbout ul li a.calendar {background:url(http://nwumc.com/images/common/calendarIcon.png) no-repeat 0 0;}
div#moreAbout ul li a.calendar:hover {background:url(http://nwumc.com/images/common/calendarIcon.png) no-repeat 0 0; background-color:#ccc;}
div#moreAbout ul li a.donate {background:url(http://nwumc.com/images/common/donationIcon.png) no-repeat 0 0;}
div#moreAbout ul li a.donate:hover {background:url(http://nwumc.com/images/common/donationIcon.png) no-repeat 0 0; background-color:#ccc;}
div#moreAbout ul li a.directions {background:url(http://nwumc.com/images/common/directionsIcon.png) no-repeat 0 0;}
div#moreAbout ul li a.directions:hover {background:url(http://nwumc.com/images/common/directionsIcon.png) no-repeat 0 0; background-color:#ccc;}
div#moreAbout ul li a.podcasts {background:url(http://nwumc.com/images/common/podcastIcon.png) no-repeat 0 0; }
div#moreAbout ul li a.podcasts:hover {background:url(http://nwumc.com/images/common/podcastIcon.png) no-repeat 0 0; background-color:#ccc;}
div#moreAbout ul li a.blogs {background:url(http://nwumc.com/images/common/blogIcon.png) no-repeat 0 0;}
div#moreAbout ul li a.blogs:hover {background:url(http://nwumc.com/images/common/blogIcon.png) no-repeat 0 0; background-color:#ccc;}
div#moreAbout ul li a.news {background:url(http://nwumc.com/images/common/newsIcon.png) no-repeat 0 0;}
div#moreAbout ul li a.news:hover {background:url(http://nwumc.com/images/common/newsIcon.png) no-repeat 0 0; background-color:#ccc;}

#footer {width:100%; height:100px; background:rgb(160,37,36) url(http://nwumc.com/images/common/footerBackground2.png) repeat-x 0 0;  border-top:solid #333 9px;}
#footercontent {width:788px; height:100px; margin:0 auto; padding:0; color:#fff;}
#footercontentLeft {width:302px; margin:10px 0 10px 0; padding:5px 0 5px 0; float:left;}
#footercontentRight {width:445px; margin:10px 0 10px 0; padding:5px 0 5px 30px; float:right; border-left:solid 3px #fff;}
#footercontentRight ul {list-style-type:none; padding:0; }
#footercontentRight ul li {list-style-type:none; padding:0; margin:0; float:left;}
#footercontentRight ul li a {text-decoration:none; color:#fff; display:block; }
#footercontentRight ul li a:hover {text-decoration:underline; color:#fff; display:block;}

#footercontentRight ul li a.facebook {background:url(http://nwumc.com/images/common/facebookIcon2.gif) no-repeat 0 0; padding:20px 40px 20px 20px;}
#footercontentRight ul li a.facebook:hover {background:url(http://nwumc.com/images/common/facebookIcon2.gif) no-repeat 0 0;}
#footercontentRight ul li a.upperRoom {background:url(http://nwumc.com/images/common/rssIcon2.gif) no-repeat 0 0;  padding:20px 40px 20px 20px;}
#footercontentRight ul li a.upperRoom:hover {background:url(http://nwumc.com/images/common/rssIcon2.gif) no-repeat 0 0;}
#footercontentRight ul li a.connect {background:url(http://nwumc.com/images/common/connectIcon2.gif) no-repeat 0 0;  padding:20px 40px 20px 20px;}
#footercontentRight ul li a.connect:hover {background:url(http://nwumc.com/images/common/connectIcon2.gif) no-repeat 0 0;}
#footercontentRight ul li a.directions {background:url(http://nwumc.com/images/common/directionsIcon.gif) no-repeat 0 0;  padding:20px 40px 20px 20px;}
#footercontentRight ul li a.directions:hover {background:url(http://nwumc.com/images/common/directionsIcon.gif) no-repeat 0 0;}
#footercontentRight ul li a.twitter {background:url(http://nwumc.com/images/common/twitterIcon.gif) no-repeat 0 0;  padding:20px 40px 20px 20px;}
#footercontentRight ul li a.twitter:hover {background:url(http://nwumc.com/images/common/twitterIcon.gif) no-repeat 0 0;}

.clear {clear:both; padding:0 0 10px 0;}
.clearAll {clear:both;}
img.rightImg {float:right; margin:0 0 8px 8px;}

/* search results styles */
table.searchTable {background:rgb(255,255,255); margin:10px 0 10px 0;}
table.searchTable td {padding:5px; line-height:17px; border-right:1px solid rgb(255,255,255); border-bottom:1px solid rgb(255,255,255);}
.resultRowOne {font-size:11px; color:#000; padding:6px 6px 6px 8px ;background:rgb(245,245,245);}
.resultRowTwo {font-size:11px; color:#000; padding:6px 6px 6px 8px; background:rgb(245,245,245);}

/* Calendar Styles */
table.calendarBG { width:534px; overflow:hidden;}
table.calendarBG td {border:1px solid rgb(200,200,200); overflow:hidden;}
th.calendarHeader {background:rgb(51,51,51); color:rgb(255,255,255); font-size:18px; font-weight:bold; padding-top:2px; padding-bottom:4px;}
td.calendarBlank {background:rgb(175,175,175);}
td.calendarDayHeading  {background:#b8d9d5; color:rgb(51,51,51); font-weight:bold; font-size:18px;}
td.calendarDayHeading div {padding:10px 0 10px 0;}
td.calendarStuff div {height:40px; overflow:hidden; width:72px; line-height:20px; font-size:14px; margin:2px 2px 5px 2px;}


#slideshow {position:relative; height:240px; width:550px; overflow:hidden;}
#slideshow img {height:240px; width:550px;}
#slideshow IMG {position:absolute; top:0; left:0; z-index:8;}
#slideshow IMG.active {z-index:10;}
#slideshow IMG.last-active {z-index:9;}
.blue {color:#B8D9d5}