/* NEW STYLES */

* { margin: 0; padding: 0; outline: 0; }

* html #header img {
    behavior: url(/Websites/nhumc/templates/nhumc1/iepngfix.htc);
}

a, a:link, a:visited, a:active { color: #C7750E; text-decoration: underline; }

a:hover { text-decoration: none; }

body {
    background: #F2F4D3 url(images/content3bg.gif) repeat-y 50% top;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    color: #666666;
    text-align: center;
}

/* END NEW STYLES */
fieldset{ border: 0; margin: 0; padding: 0; }

/* <textEditor> */
h1, .LargeGreyBoldText-h1, .sideLargeGreyBoldText-h1 {
    margin: 10px 0;
    padding: 0;
    font-size: 26px;
    font-weight: bold;
    font-family: arial;
}

h2, .LargeOrangeBoldText-h2, .sideLargeOrangeBoldText-h2 {
    padding: 0;
    margin: 12px 0 8px;
    font-family: arial;
    font-weight: bold;
    color: #C7750E;
    font-size: 22px;
}

h3, .MedOrangeBoldText-h3, .sideMedOrangeBoldText-h3 {
    padding: 0;
    margin: 12px 0 8px;
    font-family: arial;
    font-weight: bold;
    color: #C7750E;
    font-size: 18px;
}

h4, .MedGreyCapsText-h4, .sideMedGreyCapsText-h4 {
    padding: 0;
    margin: 12px 0 8px;
    font-family: arial;
    color: #949391;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

h5, .SmStdText-h5 .sideSmStdText-h5 {
    padding: 0;
    margin: 12px 0 8px;
    font-family: arial;
    font-weight: bold;
    font-size: 14px;
}

h6, .xSmStdText-h6 {
    padding: 0;
    margin: 12px 0 8px;
    font-family: arial;
    font-weight: bold;
    font-size: 12px;
}

h1.title {
    color: #333;
}

img { border: 0; }

.actions { position: relative; }

.breadCrumb { font-size: 11px; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.imenu {
    float: left;
    width: 170px;
    display: inline;
    text-align: left;
    margin: 31px 0 0 0;
}

.imenu .bot {
    background: url(images/mf.png) no-repeat bottom;
    color: #AAAAA9;
    margin: 0;
    padding: 12px 8px 8px 8px;
    display: block;
}

.imenu .eventsList a:hover { text-decoration: underline; }

.imenu .inner {
    background: url(images/mh.png) no-repeat top;
    color: #AAAAA9;
    margin: 0;
    padding: 0;
    display: block;
}

.imenu .menu {
    width: 170px;
    background: url(images/mc.png) repeat-y;
    display: block;
    margin: 0;
    padding: 0;
}

.imenu .menu li a, .imenu .eventsList a {
    background: url(images/oa.gif) no-repeat 3px 4px;
    display: block;
    padding: 2px 0 2px 18px;
    color: #686862;
    text-decoration: none;
}
.imenu .menu li a.a, .imenu .menu li a:hover, .imenu .eventsList a {
    text-decoration: underline;
}

/* </textEditor> */
.imenu h1 { font-size: 18px; }

.imenu h2 { font-family: Arial; font-size: 14px; }

.imenu h2 { font-size: 18px; }

.imenu h2 span {
    display: block;
    color: #AAAAA9;
    padding: 11px 0 0 14px;
    height: 33px;
}

.imenu h3 { font-size: 14px; }

.imenu h4 { font-size: 12px; }

.imenu h5 { font-size: 12px; }

.imenu li { display: block; margin: 0; padding: 0; }

.LargeGreyBoldText-h1 { }

.LargeOrangeBoldText-h2 { }

.MedGreyCapsText-h4 { }

.MedOrangeBoldText-h3 { }

.sideLargeGreyBoldText-h1 { font-size: 18px; }

.sideLargeOrangeBoldText-h2 { font-size: 18px; }

.sideMedGreyCapsText-h4 { font-size: 12px; }

.sideMedOrangeBoldText-h3 { font-size: 14px; }

.sideSmStdText-h5 { font-size: 12px; }

.SmStdText-h5 { }

#content1 {
    margin: 0px auto 0px auto;
    width: 774px;
    text-align: left;
}

#content1 #ibody .blogList ul { background: none; /* added */ padding: 0; }

#content1 #ibody .blogList ul li { background: none; /* added */ padding: 0; }

#content1 #ibody ul {
    padding: 12px 16px 0 16px;
    font-size: 12px;
    font-family: Arial;
    margin: 12px 0 0 0;
    overflow: auto;
    clear: both;
    display: block;
}

#content1 #ibody ul li{
    padding: 0px 16px 4px 16px;
    font-size: 12px;
    font-family: Arial;
    margin: 0;
    background: url(images/ga.gif) no-repeat 0 3px;
}

#content1 .imenu ul {
    overflow: auto;
    _height: 1%;
    display: block;
    padding: 2px 0;
}

#content1 .vbuttons {
    float: left;
    width: 280px;
    display: inline;
    margin-top: -13px;
    position: relative;
}

#content1 .vid { float: left; width: 480px; display: inline; }

#content1 li {
    margin: 0px;
    padding-bottom: 0px;
    overflow: auto;
    _height: 1%;
}

#content1 li a.answers:link,#content1 li a.answers:visited {
    background: url(images/5.gif);
    height: 45px;
    width: 265px;
    text-indent: -9999px;
    display: block;
}

#content1 li a.answers:hover { background: url(images/5h.gif); }

#content1 li a.families:link,#content1 li a.families:visited {
    background: url(images/6.gif);
    height: 45px;
    width: 265px;
    text-indent: -9999px;
    display: block;
}

#content1 li a.families:hover { background: url(images/6h.gif); }

#content1 li a.getdirections:link,#content1 li a.getdirections:visited {
    background: url(images/4.gif);
    height: 45px;
    width: 265px;
    text-indent: -9999px;
    display: block;
}

#content1 li a.getdirections:hover { background: url(images/4h.gif); }

#content1 li a.seeourfaith:link,#content1 li a.seeourfaith:visited {
    background: url(images/2.gif);
    height: 45px;
    width: 265px;
    text-indent: -9999px;
    display: block;
}

#content1 li a.seeourfaith:hover { background: url(images/2h.gif); }

#content1 li a.whatotherssay:link,#content1 li a.whatotherssay:visited {
    background: url(images/3.gif);
    height: 45px;
    width: 265px;
    text-indent: -9999px;
    display: block;
}

#content1 li a.whatotherssay:hover { background: url(images/3h.gif); }

#content1 li a.whattoexpect:link, #content1 li a.whattoexpect:visited{
    background: url(images/1i.gif);
    height: 45px;
    width: 265px;
    text-indent: -9999px;
    display: block;
}

#content1 li a.whattoexpect:hover { background: url(images/1.gif); }

#content1 ul { margin: 0px; list-style-type: none; padding: 0; }

#content1 .vbuttons ul{
 margin-top:10px;
}

#content1wrapper {
    clear: both;
    background: url(images/content1bg.gif) repeat-x left top;
    height: 331px;
    padding-top: 30px;
}

#content2 {
    height: 160px;
    width: 1000px;
    margin: 0px auto 0px auto;
    padding-top: 16px;
    color: #000000;
    line-height: 1.4em;
    text-align: left;
}

#content2 a { color: #000 !important; font-weight: bold; }

#content2a { width: 774px; margin: 0px auto 0px auto; }

#content2a .content2item {
    width: 183px;
    float: left;
    padding-right: 3px;
    margin-top: -30px;
    position: relative;
}

#content2a .content2item p{ margin: 0px; padding: 8px 0px 0px 6px; }

#content2wrapper {
    background: url(images/content2bg-x.gif) repeat-x left top;
    background-color: #718105;
}

#content3 {
    width: 774px;
    margin: 0px auto 0px auto;
    padding-left: 5px;
    padding-top: 23px;
    text-align: left;
    font-size: 13px;
    color: #000000;
    line-height: 19px;
}

#content3 #left { width: 310px; float: left; padding-right: 80px; }

#content3 #right { float: left; width: 356px; }

#content3 #right .rightItem { margin: 0 0 12px; }

#content3 #right h1.featuredEvents {
    background: url(images/featuredEventsh1.gif) no-repeat left top;
    margin: 0px;
    height: 28px;
    width: 356px;
    text-indent: -9999px;
}

#content3 .date, #content3 .postTitle, #content3 .postTitle a {
    font-family: "Times New Roman", Times, serif;
    color: #D2933F;
    font-style: italic;
}

#content3 .leftItemContent {
    border-bottom: 1px solid #E5DDC4;
    padding-bottom: 7px;
    padding-top: 7px;
}

#content3 .postTitle, #content3 .postTitle a { /* added */ font-size: 14px; }

#content3 a.readmore:link, #content3 a.readmore:visited {
    background: url(images/readmore.gif) no-repeat left top;
    text-indent: -9999px;
    display: block;
    height: 18px;
    width: 73px;
    margin-left: 200px;
}

#content3 h1.blog {
    background: url(images/latestblog.gif) no-repeat left top;
    text-indent: -9999px;
    margin: 36px 0px 0px;
    height: 27px;
    width: 307px;
    padding: 0px;
}

#content3 h1.news {
    background: url(images/news.gif) no-repeat left top;
    text-indent: -9999px;
    margin: 0px;
    height: 28px;
    width: 310px;
    padding: 0px;
}

#content3 p {
    font-size: 13px;
    color: #000000;
    line-height: 19px;
    margin: 0px;
    padding: 0px;
}

#content3wrapper { clear: both; }

#copyright {
    background-color: #212121;
    width: 739px;
    margin: 24px auto 0px auto;
    border: 1px solid #323131;
    padding: 10px 10px 10px 25px;
    overflow: hidden;
    color: #909090;
    clear: both;
}

#copyright .copyItems {
    float: left;
    width: 60%;
    padding-top: 20px;
    padding-right: 35px;
    text-align: left;
}

#copyright .copyItems2 {
    float: left;
    border-left: 1px solid #535252;
    padding-left: 15px;
    text-align: left;
}

#copyright a:link, #copyright a:visited { color: #535252; text-decoration: none; }

#copyright a:hover { color: #FFFFFF; text-decoration: none; }

#copyright p { margin: 0px; }

#copyrightwrapper {
    clear: both;
    background-color: #000000;
    padding-top: 10px;
    padding-bottom: 25px;
    _height: 1%;
}

#footer {
    width: 774px;
    padding-left: 5px;
    margin: 0px auto 0px auto;
    padding-top: 30px;
    padding-bottom: 22px;
    clear: both;
    overflow: auto;
    text-align: left;
}

#footer .footerItem { width: 120px; float: left; padding-right: 40px; }

#footer .footerItem2 { width: 222px; float: left; padding-right: 40px; }

#footer .footerItem3 { width: 190px; float: left; padding-right: 35px; }

#footer a:link, #footer a:visited {
    text-decoration: none;
    color: #999999;
    display: block;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #444444;
    padding-bottom: 7px;
    padding-left: 8px;
}

#footer a:hover{ color: #FFFFFF; }

#footer h2 {
    color: #C7750E;
    font-weight: normal;
    font-size: 1.1em;
    padding-left: 8px;
    float: none;
    margin: 0;
}

#footer li { padding-top: 3px; padding-bottom: 3px; _height: 1%; }

#footer ul {
    margin: 0px;
    list-style-type: none;
    padding: 12px 0 0 0px;
    _height: 1%;
    margin: 0;
}

#footerwrapper {
    border-top: solid 1px #3A3939;
    clear: both;
    background: #000000 url(images/footerBG.gif) repeat-x left top;
    overflow: hidden;
    padding-bottom: 22px;
}

#header {
    height: 129px;
    width: 1000px;
    margin: 0px auto 0px auto;
    background: transparent url(images/header-bg.png) !important;
    background: transparent url(images/header-bg.gif);
    position: relative;
}

#header a:link, #header a:visited { color: #bbb; text-decoration: none; }

#header a:hover { color: #FFFFFF; }

#header input.search {
    background: url(images/search.gif) no-repeat left bottom;
    height: 19px;
    width: 55px;
    border: 0px;
    text-indent: -9999px;
}

/*--#header form {display:block;position:relative;}*/
#header p {
    /*padding-left: 420px;*/
    margin: 0px;
    padding-top: 5px;
    color: #bbb;
    position:absolute;
    top:5px;
    left:540px;
}
* html #header p {display: inline;}

#ibody {
    float: right;
    width: 560px;
    border-left: 1px solid #f2f2f1;
    text-align: left;
    /* fixed - {float:right; width:580px; border-left:1px solid #f2f2f1; text-align:left; padding:31px 0 0 0;}*/
    padding: 31px 0 0 20px;
}

#ibody {
    font-size: 12px;
    font-family: Arial;
    margin: 0;
    line-height: 18px;
}

#ibody .postTitle { margin-bottom: 6px; }

#ibody h2 { font-size: 22px; padding-top: 4px; }

/*#ibody h2, #ibody h3, #ibody h4 {padding:32px 16px 0 0; margin:0;} /* fixed - {padding:32px 16px 0 16px; margin:0;}*/
#ibody h2, #ibody h3 { font-family: Arial; color: #C7750E; }

#ibody h3 { font-size: 18px; }

#ibody h4 {
    font-size: 14px;
    font-family: Arial;
    color: #949391;
    text-transform: uppercase;
}

#ibody p { padding: 12px 0 0; }

#inner {
    background: #fff url(images/inerbg.png) repeat-x 0 170px;
}

#inner #content1{ margin: 0px auto 0px auto; }

#inner #content1wrapper{
    background: transparent url(images/innerbgb.png) repeat-x 0 bottom;
    height: auto;
    _height: 1%;
    overflow: auto;
    margin: 0;
    padding: 0 0 24px 0;
}

#logo { width: 400px; height: 98px; position: absolute !important; left: 110px; top: 0; }

#logo img { width: 400px; height: 98px; }

#nav {
    width: 745px;
    margin: 0px auto 0px auto;
    padding-left: 25px;
}

#nav .m1 { width: 61px; }

#nav .m1 a {
    background: url(images/home.jpg) no-repeat;
    display: block;
}

#nav .m1 a:hover {
    background: url(images/home.jpg) no-repeat 0 -44px;
    display: block;
}

#nav .m2 { width: 101px; }

#nav .m2 a {
    background: url(images/who.jpg) no-repeat;
    display: block;
}

#nav .m2 a:hover {
    background: url(images/who.jpg) no-repeat 0 -44px;
    display: block;
}

#nav .m3 { width: 118px; }

#nav .m3 a {
    background: url(images/connect.jpg) no-repeat;
    display: block;
}

#nav .m3 a:hover {
    background: url(images/connect.jpg) no-repeat 0 -44px;
    display: block;
}

#nav .m4 { width: 114px; }

#nav .m4 a {
    background: url(images/serve.jpg) no-repeat;
    display: block;
}

#nav .m4 a:hover {
    background: url(images/serve.jpg) no-repeat 0 -44px;
    display: block;
}

#nav .m5 { width: 110px; }

#nav .m5 a {
    background: url(images/equip.jpg) no-repeat;
    display: block;
}

#nav .m5 a:hover {
    background: url(images/equip.jpg) no-repeat 0 -44px;
    display: block;
}

#nav .m6 { width: 116px; }

#nav .m6 a {
    background: url(images/news.jpg) no-repeat;
    display: block;
}

#nav .m6 a:hover {
    background: url(images/news.jpg) no-repeat 0 -44px;
    display: block;
}

#nav .m7 { width: 96px; }

#nav .m7 a {
    background: url(images/resources.jpg) no-repeat;
    display: block;
}

#nav .m7 a:hover {
    background: url(images/resources.jpg) no-repeat 0 -44px;
    display: block;
}

#nav li {
    float: left;
    margin: 0px;
    display: inline;
    background: url(images/slide.gif) no-repeat right top;
    height: 42px;
    overflow: hidden;
}

#nav li a {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    padding: 15px 13px 14px 13px;
    font-size: 12px;
    font-weight: bold;
    text-indent: -9999px;
    height: 44px;
}

#nav li a.first {
    background: url(images/left-slide.gif) left top no-repeat;
}

#nav li a:hover, #nav li a.first:hover { }

#nav ul {
    margin: 0px;
    list-style-type: none;
    padding: 0px;
    height: 44px;
}

#wrapperheader {
    background: url(images/header-bg.jpg) repeat-x left top;
}

#wrapperNav {
    background: url(images/nav-bg.gif) repeat-x left top;
    height: 45px;
}

/*******/

input, select {vertical-align: middle;}

#header div.search label {
    display: none;
}
#header div.search {
   position: absolute;
   right: 115px; top: 5px;
}
#header div.search input.searchInput {
    width: 135px;
}


/*code based on Stu Nicholls "ultimate dropdown menu"
http://www.cssplay.co.uk*/
/*common styling*/
/*menu container*/
.menucontainer{
    line-height: 42px;
    height: 45px;
    z-index: 1000;
}
/*basic menu styling*/
.top_menu {
    font-family: Arial, Helvetica, sans-serif;
    width:768px;
    position:relative;
    font-size:11px;
    background:url(images/bgOFF.gif) repeat-x;
    margin-right: auto;
    margin-left: auto;
}
.top_menu ul {
    padding:0;
    margin:0;
    list-style-type:none;
    float:left;
    position:relative;
    background-image: url(images/menu_sep.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
.top_menu ul li {float:left;position:relative;display:inline;}
/*style of main items normal state*/
.top_menu ul li a, .top_menu ul li a:visited {
    float:left;
    display:block;
    text-decoration:none;
    color:#CECECE;
    width:auto;
    height:45px;
    padding:0px 16px 0px 16px;
    line-height:42px;
    font-size: 14px;
    font-weight: normal;
    background-image: url(images/menu_sep.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}
* html .top_menu ul li a, .top_menu ul li a:visited {width:auto;w\idth:auto;}
/*hide sub nav items*/
.top_menu ul li ul {display:none;
z-index:9999;}

.top_menu ul li ul ul {display:none;
}
/*style for table of sub nav items*/
table {margin:-1px;border-collapse:collapse;font-size:11px;}
/*specific to non IE browsers*/
/*main nav over state*/
.top_menu ul li:hover a {
    color:#000;
    background-image: url(images/hover.jpg);
    background-repeat: repeat-x;
    background-position: center top;
}
/*show drop-down list*/
.top_menu ul li:hover ul {display:block;position:absolute;top:42px;margin-top:1px;left:0;width:100%;border-top:1px solid #fff;}
/*drop-down on state*/
.top_menu ul li:hover ul li a {
    display:block;
    color:#D6BE7E;
    height:22px;
    width:190px;
    font-size: 14px;
    background-color: #070707;
    background-image: none;
    padding-top: 2px;
    padding-right: 16px;
    padding-bottom: 2px;
    padding-left: 16px;
    line-height: 22px;
    text-align: left;
    font-weight: normal;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #666;
    font-family: Arial, Helvetica, sans-serif;
}
/*sub drop-down over state*/
.top_menu ul li:hover ul li a:hover {
    color:#000;
    background-color: #D9C183;
}

.level3, .top_menu ul li:hover .level3 a, .top_menu ul li:hover .level3 {display:none;

}