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

body {
    font-size: 14px;
    line-height: 20px;
    font-family: arial, sans-serif;
    color: #464e4f;
    background: #2981b9 url(/global/images/bg.jpg) no-repeat center 0;
}

a { color: #266e94; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; color: #934aa2; }
a img { border: 0; }
img{margin: 0px 10px 0px 10px;}  /* 10 pix on right and left margin MP*/
table {border:solid 0px #ddd;}


input, textarea, select { font-size: 12px; font-family: arial, sans-serif; color: #464E4F; }
textarea { overflow: auto; }

blockquote{margin:1em;}


dt{margin-top:.5em;font-weight:bold;}
hr{background-color:#ccc;height:1px;color:#ccc;border:0px;margin:10px 0px;}



pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

.clear{content:".";display:block;height:0;clear:both;line-height:0px;}
.hidden{position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}


.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.center {display: block; margin-left: auto; margin-right: auto;  }

.shell { width: 982px; margin: 0 auto; }

#header { height: 108px; position: relative; z-index: 10; }
h1#logo { width: 294px; position: absolute; bottom: -35px; left: 25px; z-index: 11; }
h1#logo a { background: url(/global/images/logo.png) no-repeat 0 0; height: 122px; display: block; }

.top-nav { position: absolute; top: 8px; right: 32px; }
.top-nav a { float: left; display: inline; margin-left: 22px; font-size: 14px; line-height: 17px; text-decoration: underline; }
.top-nav a:hover { text-decoration: underline; }
.top-nav a.new { background: url(/global/images/icon-1.png) no-repeat 0 center; padding: 0 0 0 25px; }
.top-nav a.contact { background: url(/global/images/icon-2.png) no-repeat 0 center; padding: 0 0 0 27px; }
.top-nav a.donate { background: url(/global/images/icon-3.png) no-repeat 0 center; padding: 0 0 0 26px; }
.top-nav a.login { background: url(/global/images/icon-4.png) no-repeat 0 center; padding: 0 0 0 22px; }

#navigation { background: url(/global/images/nav-bg.png) no-repeat 0 0; width: 613px; height: 47px; padding: 0 20px 0 2px; position: absolute; right: 10px; bottom: 0; }
#navigation ul { float: left; list-style: none; }
#navigation ul li { line-height: 47px; font-size: 16px; font-weight: bold; float: left; display: inline; }
#navigation ul li a { color: #fff; display: block; text-decoration: none; position: relative; }
#navigation ul li a,
#navigation ul li a span { float: left; display: inline; padding: 0 0 0 15px; }
#navigation ul li a span { padding: 0 15px 0 0; }
#navigation ul li a:hover,
#navigation ul li a.active,
#navigation ul li a:hover span,
#navigation ul li a.active span { background: url(/global/images/navigation-hover.png) no-repeat 0 0; padding: 0 0 0 15px; text-decoration: none; }
#navigation ul li a:hover span,
#navigation ul li a.active span { background-position: right 0; padding: 0 15px 0 0; text-decoration: none; }
#navigation ul li a em { background: url(/global/images/hover-indicator.png) no-repeat 0 0; position: absolute; bottom: -7px; left: 50%; margin-left: -5px; height: 7px; width: 10px; }
#navigation ul li a em { visibility: hidden; }
#navigation ul li a:hover em,
#navigation ul li a.active em { visibility: visible; }

#search { float: right; display: inline; padding: 14px 0 0 0; }
#search input { border: 0; float: left; display: inline; }
#search input.field { background: url(/global/images/search-field-bg.png) no-repeat 0 0; width: 157px; height: 25px; padding: 0 5px; line-height: 25px; }
#search input.search-btn { background: url(/global/images/search-btn.png) no-repeat 0 0; width: 28px; height: 22px; margin: 2px 0 0 6px; cursor: pointer; }

#main { background: url(/global/images/main-bg.png) repeat-y 0 0; position: relative; z-index: 5; height: 100%; }
#main h4 { font-size: 14px; line-height: 20px; }
#main h4 a { color: #266e94;}

#slider { background: url(/global/images/slider-bg.jpg) no-repeat 0 0; height: 316px; padding: 13px 13px 0 28px; }

.vertical-nav { padding: 12px 0 0 0; float: left; display: inline; width: 230px; }
.vertical-nav ul li { list-style: none; padding: 0 0 22px 0; }
.vertical-nav ul li.last { padding: 0; }
.vertical-nav ul li a { font-size: 14px; line-height: 24px; text-decoration: underline; }
.vertical-nav ul li a:hover { text-decoration: underline; }
.vertical-nav ul li a:visited { color: #7b7b7b; text-decoration: underline; }
.vertical-nav ul li h3 { margin: 0 0 5px 0; float: left; display: inline; }
.vertical-nav ul li h3 a { font-size: 18px; color: #fff; line-height: 21px; text-decoration: none; padding: 0 18px 0 7px; }
.vertical-nav ul li h3 a.active, .vertical-nav ul li h3 a:visited { padding: 0 60px 0 7px; color: #fff; text-decoration: none; }
.vertical-nav ul li h3 a:hover { padding: 0 60px 0 7px; color: #EADF54; text-decoration: none; }

.vertical-nav ul li h3.blue-bg { background: #266e94; }
.vertical-nav ul li h3.pink-bg { background: #934aa2; }
.vertical-nav ul li h3.green-bg { background: #619202; }

/*MP2011-10   This is the site Left Hand navigation standard */

#who-we-are {

  background: #266E94;
  font-size: 1.17em;
margin-top:30px;
font-weight: bold;
 padding: 0px;/*MP2011-10   Fix color bleed --Put spacing in the OTHER elements*/
}
#what-you-can-do {

  background: #619202;
  font-size: 1.17em;
margin-top:20px;
font-weight: bold;
 padding: 0px;/*MP2011-10   Fix color bleed */
}
#what-we-do {

  width:215px;
  background: #934AA2;
  font-size: 1.17em;
  margin-top:20px;
  font-weight: bold;
  padding: 0px;/*MP2011-10   Fix color bleed */
}

#sisters-login-page, #sisters-only {
  background: #E75B9A;
  font-size: 1.17em;
margin-top:20px;
font-weight: bold;
padding: 0px;/*MP2011-10   Fix color bleed */
}



#sidebar .vertical-nav { width: auto;padding: 0px; }
#sidebar .vertical-nav ul li h3  { margin: 0 0 17px 0; }

/*MP2011-10  This is one of the coloured 'base' LIs  */

#sidebar .vertical-nav ul li a { padding-left:10px;font-size: 18px;color: white;text-decoration: none;}
#sidebar .vertical-nav ul li a:hover { padding-left:10px;color: #eadf54; }

/*MP2011-10  These are second level links */
#sidebar .vertical-nav ul ul li {background: #fff;font-weight:normal; padding:0px;}
#sidebar .vertical-nav ul ul li a { color: #266e94;font-size: 12px;  padding: 4px 0 4px 10px;background: url(/global/images/strike-big.png) no-repeat 0 11px; line-height:20px; border-bottom: dashed 1px #7f7f7f; display:block;  }
#sidebar .vertical-nav ul ul li a:hover { color: #934aa2;font-size: 12px;  padding: 4px 0 4px 10px;background: url(/global/images/strike-big.png) no-repeat 0 11px; line-height:20px; border-bottom: dashed 1px #7f7f7f; display:block;  }

#sidebar .vertical-nav ul ul li.active a { background: url(/global/images/strike-big-hover.png) no-repeat 0 11px; font-weight: bold; border-bottom: solid 2px #791e80; text-decoration: none; color: #934aa2; }

/*MP2011-10  These are thid level links */
#sidebar .vertical-nav ul ul ul li {background: #fff;font-weight:normal; padding-left:10px;}
#sidebar .vertical-nav ul ul li.active li a{ font-weight:normal;color: #266e94;font-size: 12px;  padding: 4px 0 4px 10px;background: url(/global/images/strike-big.png) no-repeat 0 11px; line-height:20px; border-bottom: dashed 1px #7f7f7f; display:block;  }

#sidebar .vertical-nav ul ul ul li.active a{  background: url(/global/images/strike-big-hover.png) no-repeat 0 11px; font-weight: bold; border-bottom: solid 2px #791e80; text-decoration: none; color: #934aa2; }

/*MP2011-10  These are fourth level links */
#sidebar .vertical-nav ul ul ul ul li {background: #fff;font-weight:normal; padding-left:10px;}
#sidebar .vertical-nav ul ul ul li.active li a{ font-weight:normal;color: #266e94;font-size: 12px;  padding: 4px 0 4px 10px;background: url(/global/images/strike-big.png) no-repeat 0 11px; line-height:20px; border-bottom: dashed 1px #7f7f7f; display:block;  }

#sidebar .vertical-nav ul ul ul ul li.active a{  background: url(/global/images/strike-big-hover.png) no-repeat 0 11px; font-weight: bold; border-bottom: solid 2px #791e80; text-decoration: none; color: #934aa2; }








/*MP2011-10  Legacy CSS from the coders */
#sidebar .vertical-nav h3.green-bg { margin-bottom: 10px; }
.vertical-nav .dd { padding: 0 0 0 15px; }
.vertical-nav .dd ul li { font-size: 12px;  padding: 4px 0 4px 0; }
.vertical-nav .dd ul li a { background: url(/global/images/strike-big.png) no-repeat 0 7px; line-height:20px; border-bottom: dashed 1px #7f7f7f; display:block; padding: 0 0 5px 11px;}
.vertical-nav .dd ul li a { text-decoration: none; color: #464e4f; }
.vertical-nav .dd ul li a:hover { color: #934aa2; text-decoration: underline; }
.vertical-nav .dd ul li a.active,
.vertical-nav .dd ul li a.active:hover { background: url(/global/images/strike-big-hover.png) no-repeat 0 7px; font-weight: bold; border-bottom: solid 2px #791e80; text-decoration: none; color: #934aa2; }
.vertical-nav .dd-next { padding: 0 0 0 9px; }
.vertical-nav .dd-next ul li a { background: url(/global/images/strike-normal.png) no-repeat 0 7px; font-size: 13px; }
.vertical-nav .dd-next ul li a.active,
.vertical-nav .dd-next ul li a.active:hover { background: url(/global/images/strike-normal-hover.png) no-repeat 0 7px; color: #934aa2; }
.vertical-nav .dd-inner { padding: 0 0 0 9px; }
.vertical-nav .dd-inner ul li a.active,
.vertical-nav .dd-inner ul li a.active:hover { background: url(/global/images/strike-normal-active.png) no-repeat 0 5px; border-bottom: dashed 1px #7f7f7f; padding: 0 0 5px 11px; }

#slider-holder { float: right; display: inline; width: 545px; }
#slider-holder .jcarousel-clip,
#slider-holder ul,
#slider-holder ul li { width: 545px; height: 303px; position: relative; overflow: hidden; z-index: 6; }
#slider-holder ul li { float: left; display: inline; list-style-type: none; }
#slider-holder ul li img { z-index: 13; display: block; width: 545px; height: 262px; display: block; }
#slider-holder ul li .cnt { background: #266e94; height: 32px; padding: 9px 7px 0 23px; width: 515px; }
#slider-holder ul li .cnt p { float: left; display: inline; width: 480px; line-height: 23px; font-size: 14px; color: #fff; }
#slider-holder ul li .cnt a.more { float: right; display: inline; background: url(/global/images/slider-btn.png) no-repeat 0 0; width: 24px; height: 32px; }



#header img.jesus { position: absolute; left: 303px; bottom: -330px; height: 336px; z-index: 20; }

#sidebar { float: left; display: inline; width: 215px; padding: 13px 0 0 28px; }

.big-box { border-bottom: dashed 1px #7fa9c0; padding: 29px 0 25px 32px; }
.big-box img { background: url(/global/images/big-image-bg.png) no-repeat 0 bottom; padding: 0 19px 26px 19px; width: 276px; height: 186px; position: relative; margin-left: -19px; }
.big-box h4 { position: relative; margin-top: -7px; }
.big-box p { padding: 5px 0 0 0; }

.events { padding: 24px 0 58px 0; }

.events .event { padding: 0 0 10px 0; }
.events .event img { background: url(/global/images/event-image-bg.png) no-repeat 0 bottom; padding: 0 0 14px 0; width: 125px; height: 61px; float: left; display: inline; }
.events .event .cnt { padding: 0 0 0 20px; width: 205px; float: left; display: inline; }
.events .event .cnt p { font-size: 12px; line-height: 18px; }

.three-icons { padding: 0 0 0 25px; }
.three-icons a { margin-right: 22px; }

#content { float: right; display: inline; width: 670px; padding: 0 27px 0 0; }

.mission { background: url(/global/images/mission-bg.jpg) no-repeat 0 0; padding: 80px 48px 18px 40px; }
.mission p { font-size: 18px; line-height: 28px; color: #474f51; }

.news { padding: 0 0 27px 11px; }
.news .news-head { background: url(/global/images/new-bg.jpg) no-repeat 0 0; width: 528px; height: 46px; padding: 30px 20px 0 0; }
.news .news-head a.all-link { float: right; display: inline; background: url(/global/images/view-all-icon.png) no-repeat right 0; padding: 0 23px 0 0; }
.news .news-head a.all-link { line-height: 20px; font-size: 11px; }

.news .new { padding: 4px 20px 36px 16px; }
.news .new img { float: left; display: inline; }
.news .new .cnt { float: left; display: inline; padding: 0; width: 520px; }

.fb-box { border: solid 1px #d1d1d1; margin: 0 0 0 25px; padding: 19px 41px 17px 14px; width: 451px; }
.fb-box a { background: url(/global/images/fb-icon.jpg) no-repeat 0 0; padding: 0 0 0 53px; display: block; }

/* ============== Crumbtrail ========================= */
.breadcrumb { padding:0 0 12px 0; color: #464e4f; height: 40px; }
.breadcrumb a { color: #464e4f; line-height: 12px; font-size: 11px; text-decoration: underline; }
.breadcrumb a:hover { color: #934aa2; }
.breadcrumb a.active:hover,
.breadcrumb a.active { font-weight: bold; text-decoration: none; color: #934aa2; }
.breadcrumb span { padding: 0 2px; }


/*.crumbtrail {clear:both; padding:0px; margin:10px 0px 20px 0px; }*/
.crumbtrail { clear:both; padding: 12px 0 12px 0; color: #464e4f; height: 40px; }
.crumbtrail ul{padding:0px; margin:0px 0px;}
.crumbtrail li{list-style-type:none; display:inline; color: #464e4f; line-height: 16px; font-size: 11px; }
.crumbtrail li a{text-decoration: underline;}
.crumbtrail li a:hover { color: #934aa2; }
.crumbtrail li a.active { font-weight: bold; text-decoration: none; color: #934aa2; }
.crumbtrail li a:active:hover{ font-weight: bold; text-decoration: none; color: #934aa2; }
.crumbtrail li img{padding:2px 10px;}
.crumbtrail span { padding: 0 4px; }

/* ============== End Crumbtrail ========================= */

.col h1 { background: #934aa2; font-size: 20px; line-height: 31px; height: 31px; padding: 0 70px 0 15px; color: #fff; float: left; display: inline; }
.col h2 { font-size:18px; font-weight:bold; line-height:24px; color:#934aa2; }
.col p { padding: 0 0 20px 0; }
.col a { text-decoration: underline;  }
.col-left { width: 415px; float: left; display: inline;  }
.col-left ol{margin-left:28px;}
.col-left ul{margin-left:20px;}
.col-left ol li {list-style: decimal outside;}
.col-left ul li {list-style: square outside;}
.col-left .post { padding: 15px 0 0 15px; }
.col-left .post h3 { font-size: 15px; line-height: 20px; color: #266e94; }
.col-left .post h4 { font-size: 14px; line-height: 20px; color: #464e4f; padding: 0 0 20px 0; }
.col-leftfull { width: 626px; float: left; display: inline;  }
.col-leftfull ol{margin-left:28px;}
.col-leftfull ul{margin-left:20px;}
.col-leftfull ol li {list-style: decimal outside;}
.col-leftfull ul li {list-style: square outside;}
.col-leftfull .post { padding: 15px 0 0 15px; }
.col-leftfull .post h3 { font-size: 15px; line-height: 20px; color: #266e94; }
.col-leftfull .post h4 { font-size: 14px; line-height: 20px; color: #464e4f; padding: 0 0 20px 0; }



.col-right { width: 211px; padding: 10px 0 0 0; float: right; display: inline; }
.col-right ol{margin-left:28px;}
.col-right ul{margin-left:20px;}
.col-right ol li {list-style: decimal outside;}
.col-right ul li {list-style: square outside;}
.col-right h3 { font-size: 15px; line-height: 20px; color: #266e94; padding: 0 0 12px 0; }
.col-right img { padding: 0 0 18px 0; }

.download { padding: 68px 0 0 13px; }
.download h3 { font-size: 15px; line-height: 20px; color: #266e94; }
.download a { color: #696969; text-decoration: underline; }
.download a:hover { color: #934aa2; }
.download .files { padding: 30px 0 0 0; }
.download .files a { text-decoration: none; }
.download .files a:hover { text-decoration: underline; }
.download .files .file { display: block; height: 28px; line-height: 28px; font-size: 13px; color: #696969; }
.download .file span { float: left; display: inline; }
.download .file span.ico { width: 59px; padding: 6px 0; height: 16px; }
.download .file a.title { width: 336px; display: block; }
.download .file span.size { width: 93px; }
.download .file span.format { width: 40px; }

#footer { background: url(/global/images/footer-bg.png) no-repeat 0 0; padding: 40px 14px 30px 21px; }
#footer .top { height: 96px; padding: 0 0 15px 0; }
#footer .copy { float: left; display: inline; font-size: 11px; line-height: 18px; color: #474f51; }
#footer .copy a { color: #266e94; text-decoration: underline; }
#footer .copy a:hover { color: #934aa2; }
#footer .copy p.first { font-size: 12px; }
#footer .social { float: right; display: inline; padding: 20px 0 0 0; }
#footer .social a { float: left; display: inline; margin-right: 7px; }
#footer .top-nav { position: relative; float: right; display: inline; right: 0; }
#footer .top-nav a { color: #fff; }
#footer .top-nav a:hover { color: #eadf54; }



body.home #sidebar { width: 374px; background: url(/global/images/home-sidebar-bg.png) no-repeat 0 0; padding: 0 11px 0 26px; }
body.home #content { width: 559px; padding: 0 10px 0 0; border-left: dashed 1px #266e94; }

/*============ Photo Gallery ================= */
.photoGalleryImage {float:left; width:110px; height:140px; margin:0px 30px 5px 0px;}
.photoGalleryImage h2, .photoGalleriesIndex h2{font-size:85%; background:#fff; color: #666666; line-height:1.2em; margin:0px 0px 30px 0px;letter-spacing: normal; }


/*============ Fieldset ================= */
fieldset{border:1px solid #ccc; padding:20px; margin-bottom:1.2em;}
legend{font-weight:bold;padding:2px 10px; background:#934AA2 ; color:#fff; border:1px solid #ccc; }


/*============ Striped Tables================= */
.stripedTables .directory h2{border:0px;width:auto;padding:3px 0px;margin:-3px -10px -2px -10px;text-align:center;}
.stripedTables table,.stripedTables td,.stripedTables th{border: none;font-size: 12px;}  
.stripedTables td{padding: 5px 10px;background: #ebd9ef;}
.twoColsNoLeft .mainCol h2{width: auto;}
.stripedTables table{background: #eeeeee;width: 100%;border: solid 1px #eeeeee;margin-bottom: 10px;}
.stripedTables .evenRow td{background: #fff;margin: 0;}
.stripedTables th{background: #934AA2; border-bottom:1px solid #cccccc;font-weight: bold;color: #fff;padding: 5px 10px;text-align: left;}
a.stripedTables th:link{color: #fff;text-decoration:underline;}

/*============ Striped Tables stripeME zebra================= */
.zebra .directory h2{border:0px;width:auto;text-align:center;padding:5px;margin:0px;}  
.zebra table,.zebra td,.zebra th{border:none;font-size: 12px;}  
.zebra table{background: #EBD9EF;width:100%;border: solid 1px #eeeeee;border-color:#EEEEEE;margin-bottom:5px;}  
.zebra td{background: #ffffff;margin:0;padding:5px;text-indent:0;}
.zebra td* {margin:0;padding:5px;}
.twoColsNoLeft .mainCol h2{width: auto;}
.zebra tr.alt td {background: #eeeeee;margin:0;padding:5px;}
/*.zebra tr.over td {background: #EBD9EF;margin:0;}*/
.zebra th{background: #934AA2; border-bottom:1px solid #cccccc;font-weight: bold;color:#fff;text-align:left;padding:5px;margin:0px;}  



/*============ Submit Button ================= */
.button {
    border: 1px solid #FFFF66;
    background: #934aa2;
    color:#fff;
    font-weight:bold;
    font-size:14px;
  padding:4px 10px;
}
.button:hover {
    border: 1px solid #FFFF66;
    background: #803190;
    color: #FFFF66;
}
.resetbutton {
    border: 1px solid #FFFF66;
    background: #eeeeee;
    color:#696969;
    font-weight:bold;
    font-size:14px;
  padding:4px 10px;
}
.resetbutton:hover {
    border: 1px solid #FFFF66;
    background: #DDDDDD;
    color: #4e4e4e;
}

/*============ Pagination / Paging Buttons ================= */
.pagingbutton {
    border: 1px solid #FFFF66;
    background: #934aa2;
    color:#fff;
    font-weight:bold;
    font-size:11px;
    padding:2px 5px;
    text-decoration:none;
}
.pagingbutton:hover {
    border: 1px solid #FFFF66;
    background: #803190;
    color: #FFFF66;
    text-decoration:none;
}

.apage, .thispage {
  
border: 1px solid #CCCCCC;
display: inline-block;
font-size: 12px;
height: 14px;
line-height: 14px;
margin: 0px 0px 0px 5px;
padding: 0px 3px;
text-align: center;
text-decoration:none;
}

.apage:hover {
border: 1px solid #803190;
background:#FFFF66;
text-decoration:none;
}
  
.thispage {
height: 14px;
border:1px solid #803190;
background:#DDDDDD;
color: #803190;
text-align: center;
font-size: 12px;
font-weight: bold;
line-height: 14px;
text-decoration:none;
}
