﻿/* CSS Document */

/* RESET VALUES */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, input, a { margin:0; padding:0; }

img { border: 0; }

label.error { color: red; float:left; width:auto !important; margin-top:0 !important; line-height:18px !important; margin-left:40px !important; }

/* STRUCTURE */

#container { width:990px; margin:0 auto;}

#header { width:990px; height:125px; position:relative;}
#header img {float:left; border:0;}

#main-header { width:990px; height:150px; position:relative;}
#main-header img {float:left; border:0;}

#icons { position:absolute; right:0; bottom:12px; height:100px; width:491px; }
#icons img { display:none; }
#login { position:absolute; right:0; top:4px; height:24px; width:491px; text-align:right; line-height:24px; color:#18617d; }
#home-donate { position:absolute; left:330px; top:45px; height:36px; width:168px; background: url('../../images/donate.png') no-repeat scroll left top; background-position: left top }
#home-donate #forprint { display:none; }
#home-donate img { height:36px; width:168px; }
#home-donate:hover { background-position: left -42px; }

#home-donate2 { position:absolute; left:299px; top:45px; height:80px; width:229px; text-align:center; color:#005675; }
#home-donate2 a { display:block; height:29px; width:229px; background: url('../../images/donate-double.png') no-repeat scroll left top; background-position: left top }
#home-donate2 a#single { background-position: left bottom }
#home-donate2 #forprint { display:none; }
#home-donate2 img { height:29px; width:229px; }
#home-donate2 a:hover { background-position: -234px top; }
#home-donate2 a#single:hover { background-position: -234px bottom }

#search { position:absolute; left:5px; bottom:2px; height:24px; width:491px; text-align:left; }
#search form, #search form input { margin:0; padding:0 0 0 3px; }
#search input[type=image] { position:relative; top:5px; left:2px; }
#search-box { border:1px solid #cbcbcb; width:176px; height:20px; margin:4px 4px 4px 8px; background: #f8f8f8 url('../../images/search-our-site.png') no-repeat scroll 5px 4px; line-height:20px; padding-left:3px; }
#search-box:focus { border: 1px solid #e2007a; }

#helpline { position:absolute; left:259px; top:3px; height:80px; width:350px; text-align:left; color:#005675; font-size:15px; }
#helpline div { padding-top:8px; }

#donate { position:absolute; left:290px; top:50px; height:36px; width:168px; background: url('../../images/donate.png') no-repeat scroll left top; background-position: left top }
#donate #forprint { display:none; }
#donate img { height:36px; width:168px; }
#donate:hover { background-position: left -42px; }

#donate2 { position:absolute; left:259px; top:70px; height:80px; width:229px; text-align:center; color:#005675; }
#donate2 a { display:block; height:29px; width:229px; background: url('../../images/donate-double.png') no-repeat scroll left top; background-position: left top }
#donate2 a#single { background-position: left bottom }
#donate2 #forprint { display:none; }
#donate2 img { height:29px; width:229px; }
#donate2 a:hover { background-position: -234px top; }
#donate2 a#single:hover { background-position: -234px bottom }




#care-icon { position:absolute; right:393px; bottom:12px; height:102px; width:98px; background: url('../../images/iconsnew.png') no-repeat scroll left top; background-position: left top }
#care-icon:hover { background-position: left -121px; }
#care-icon img { height:102px; width:98px; }
#housing-icon { position:absolute; right:290px; bottom:12px; height:102px; width:98px; background: url('../../images/iconsnew.png') no-repeat scroll left top; background-position: -103px top }
#housing-icon:hover { background-position: -103px -121px; }
#housing-icon img { height:102px; width:98px; }
#education-icon { position:absolute; right:200px; bottom:12px; height:102px; width:98px; background: url('../../images/iconsnew.png') no-repeat scroll left top; background-position: -193px top }
#education-icon:hover { background-position: -193px -121px; }
#education-icon img { height:102px; width:98px; }
#fertility-icon { position:absolute; right:97px; bottom:12px; height:102px; width:98px; background: url('../../images/iconsnew.png') no-repeat scroll left top; background-position: -296px top }
#fertility-icon:hover { background-position: -296px -121px; }
#fertility-icon img { height:102px; width:98px; }
#support-icon { position:absolute; right:0; bottom:12px; height:102px; width:98px; background: url('../../images/iconsnew.png') no-repeat scroll left top; background-position: -393px top }
#support-icon:hover { background-position: -393px -121px; }
#support-icon img { height:102px; width:98px; }

#home-content {width:974px; padding:8px;}

#main-content {width:974px; padding:8px;}

.home-quicklink {width:237px; margin-right:8px; float:left; height:100px; }

#home-window {width:974px; height:332px; position:relative; clear:left; padding-top:8px;}
#breadcrumb { background-color: #558faa; line-height:50px; color:#ffffff; font-family:"Times New Roman", Times, serif; font-size: 23px; padding-left:8px;position:relative; height:50px; z-index:65; }
#breadcrumb a { color:#ffffff; text-decoration:none }
#breadcrumb a:hover { color:#f0961c; text-decoration:underline }
#breadcrumb #adminfunctions { position:absolute; right:10px; top:0; font-size:17px; font-family:Arial, Helvetica, sans-serif; }
#breadcrumb #adminfunctions ul a span { font-weight:normal; }
#breadcrumb #adminfunctions ul ul { background-color:#558FAA; width:216px; padding:0; left:-84px; top:49px; line-height:20px; }
#breadcrumb #adminfunctions ul ul a { width:auto; }
#breadcrumb #adminfunctions ul ul a:hover { background-color:#01637e; text-decoration:none; color:#ffffff; }
#breadcrumb #adminfunctions ul ul a span { font-weight:normal; font-size:14px;  }
#main-window { width:760px; float:right; margin-bottom:8px; position:relative; z-index:10; }
#main-window li { margin-bottom:10px; }
#HtmlContent { width:754px; margin-right:10px; background:transparent; display:block;padding-bottom:10px;}
#HtmlContent li { margin-bottom:10px; }
#clearfloats-border { clear:both; height:1px; font-size:1px; overflow:hidden; background-color: #ffffff; }
#HtmlContent_ifr {background:transparent;}
#home-window-overlay {width:954px; padding:10px; z-index:10; position:absolute; bottom:0;}
#footer {width:990px; text-align:right; clear:left; padding-bottom:20px; position:relative; }

/* STYLES */
html { margin:0; padding:0; width:100%; }
body { background:url(../images/global/main-bg.jpg) center top repeat-x #0193aa fixed; color:#333; font-size:80%; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; width:100%;}

h1 { margin:0; padding:15px 0 0 0; font-size:200%; line-height:34px; }
h2 { margin:0; padding:15px 0 0 0; font-size:175%; line-height:30px; }
h3 { margin:0; padding:15px 0 0 0; font-size:150%; line-height:26px; }
h4 { margin:0; padding:15px 0 0 0; font-size:125%; line-height:22px; }
p { margin:0; padding:15px 0 0 0; line-height:18px; }
ul, ol { margin: 15px 0 0 25px; }
li { margin-bottom:3px; }
a { color: #01637e; }
a:hover { color: #f0961c; }


textarea { font-family:Arial, Helvetica, sans-serif; }

#header h1 {text-indent:-5000px; height:76px; width:411px;position:absolute; bottom:10px; right:0; background:url(../../images/strapline.png) no-repeat left top; margin:0; padding:0;}

#main-header h1 {text-indent:-5000px; height:140px; width:720px; background:url(../images/home/top-strap.png) no-repeat 30px 20px; float:left; margin:0; padding:0;}

#main-window h1, .mceContentBody h1 { color: #40afbf; padding-top:9px; font-family:"Times New Roman", Times, serif; font-size:235%; }
#main-window h2, .mceContentBody h2 { color: #40afbf; padding-top:4px; padding-bottom:10px; font-family:"Times New Roman", Times, serif; font-size:185%; font-weight:normal; }
#main-window h3, .mceContentBody h3 { color: #01637E; font-weight:normal; }
#main-window h4, .mceContentBody h4 { color: #01637E; font-weight:bold; font-size:110%; padding-top:20px; line-height:normal; }

#home-content {background:url(../images/global/white-transp.png);}

#main-content {background:url(../images/global/white-transp.png);}

.mceContentBody { background:none; padding-bottom:10px; }

.mceContentBody a { color: #01637e; }
.mceContentBody a:hover { color: #f0961c; }
.mceContentBody ul, ol { margin: 15px 0 0 25px; }
.mceContentBody li { margin-bottom:3px; }
.mceContentBody td { font-size:100%; font-family:Arial, Helvetica, sans-serif; }

.bold { font-weight:bold; }
.clearfloats { clear:both; height:1px; font-size:1px; overflow:hidden; margin:0 !important; padding:0 !important; }
.form-img { float:left; margin:4px 0 0 3px; }
.float-right { float:right; }
.head { cursor:pointer; text-align:right; font-size:13px; padding:15px; }
.head:hover { text-decoration:underline; }
.hide {display:none;}
.italics { font-style:italic; }
.fs80 { font-size:80%; }

.home-quicklink h2 {padding:0; margin:0;}
.home-quicklink h2 a {text-indent:-5000px; display:block; width:240px; height:100px; overflow:hidden; background:repeat-x;}

.mt10 { margin-top: 10px; }
.shadow { background-color:#ffffff; border:1px solid #5092ac; padding:10px; margin:0 10px 10px 10px; position:relative; z-index:3; }
*:first-child + html .shadow { position:static !important; z-index:500 !important; }
.shadow-img { background: url('../../images/shadow.png') no-repeat scroll right bottom; }
.tar { text-align:right; }
.text-box-back { float:left; margin:-2px 3px 0 0; }

#home-quicklink1 h2 a {background:url(../images/home/about-life.png) 0 -20px}
#home-quicklink1 h2 a:hover {background-position:0 -160px;}
#home-quicklink2 h2 a {background:url(../images/home/need-help.png) 0 -20px}
#home-quicklink2 h2 a:hover {background-position:0 -160px;}
#home-quicklink3 h2 a {background:url(../images/home/join-our-charity.png) 0 0}
#home-quicklink3 h2 a:hover {background-position:0 -100px;}
#home-quicklink4 { margin-right:0; width:239px;}
#home-quicklink4 h2 a {background:url(../images/home/life-news.png) 0 -20px}
#home-quicklink4 h2 a:hover {background-position:0 -160px;}

#home-window-overlay {background:url(../images/home/blue-transp.png);}
#home-window-overlay h2 {color:#fff; margin:0; padding:0;}
#home-window-overlay p {color:#fff; line-height:25px; font-size:120%; padding:0; margin:0;}

#footer p, #footer a {color:#fff;font-size:.95em; padding-top:10px;}
#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}

#text-box-login { border:1px solid #cbcbcb; width:113px; height:20px; margin:4px 4px 4px 8px; background: #f8f8f8 url('../../images/username.png') no-repeat scroll 5px 4px; line-height:20px; padding-left:3px; }
#text-box-login:focus { border: 1px solid #e2007a; }
#text-box-password { border:1px solid #cbcbcb; width:113px; height:20px; margin:4px; background: #f8f8f8 url('../../images/password.png') no-repeat scroll 5px 5px; line-height:20px; padding-left:3px; }
#text-box-password:focus { border: 1px solid #e2007a; }
#menu { float:left; width:200px; margin-bottom:8px; }

#vert-menu {background:#ffffff; z-index:100; list-style:none; width:175px; margin:5px 0 0 0; padding:0; border: 3px solid #5793a9; }
#vert-menu li { width:169px; min-height:34px; position:relative; }
#vert-menu li a { display:block; height:34px; line-height:34px; width:192px; color:#01637e; text-decoration:none; font-weight:bold; padding-left:5px; position:absolute; top:0; left:0; z-index:101;}
#vert-menu li a:hover {color:#fff; background:url(../../images/over.png) no-repeat center center; outline: none; }	

#vert-menu li ul { z-index:100; list-style:none; width:155px; margin:0; padding:36px 0 0 0; }
#vert-menu li ul li { width:120px; min-height:24px; position:relative; padding:0 !important; margin:0 !important; }
#vert-menu li ul li a { font-size:85%; display:block; height:22px; line-height:22px; width:172px; color:#01637e; text-decoration:none; font-weight:bold; padding-left:10px; padding-right:25px; position:absolute; top:0; left:0; z-index:102;}
#vert-menu li ul li a:hover {color:#fff; background:url(../../images/over.png) no-repeat -8px center; outline: none; }

#vert-menu li ul li ul { z-index:100; list-style:none; width:155px; margin:0; padding:24px 0 0 0; }
#vert-menu li ul li ul li { width:120px; min-height:22px; position:relative; padding:0 !important; margin:0 !important; }
#vert-menu li ul li ul li a { font-size:80%; display:block; height:20px; line-height:20px; width:172px; color:#01637e; text-decoration:none; font-weight:bold; padding-left:15px; padding-right:25px; position:absolute; top:0; left:0; z-index:102;}
#vert-menu li ul li ul li a:hover {color:#fff; background:url(../../images/over.png) no-repeat -8px center; outline: none; }

#customer-stories { width:169px; margin-top:16px; border: 1px solid #828384; padding:5px; background-color:#ffffff; font-size:85%; }
#customer-stories div { margin:0; font-size:125%; line-height:22px; padding:0; color: #01637e; font-weight:bold; }
#contact { margin-top:8px; }
#contact #title { background-color: #828384; color: #ffffff; padding:6px; font-size: 2em; font-weight:normal; float: left; clear: left; }
#open-quote { position: relative; top: 2px; left:-2px; }
#close-quote { position: relative; top: 2px; right:-2px; }
#contact-form { border:1px #ffffff dashed; float: right; width:681px; height:133px; background-color: #0094aa; color: #ffffff; padding:2px 10px 9px 10px; position:relative; }
#contact-form-left { float:left; width:280px; }
#contact-form-left label.error { white-space:nowrap; }
#contact-form label { float:left; clear:left; display:block; width:40px; line-height:21px; margin-top:8px; }
#contact-form-left input { border:1px solid #cacaca; background-color: #e4e4e4; width:233px; height:21px; line-height:21px; padding-left:3px;float:left; margin-top:8px; }
#contact-form-right { float:right; width:383px; }
#contact-form-right textarea { margin-top:8px; }
#contact-form-right label { width:59px; }
#contact-form-right label.error { margin-left: 60px !important;}
#contact-info { clear:left; width:250px; padding:15px 0 7px 7px; }
#ContactMessage { height:78px; width:315px; border:1px solid #cacaca; background-color: #e4e4e4; overflow: auto; padding:3px; }
#ContactSubmitDiv { position:absolute; right:10px; bottom:10px; border: 1px solid #e2007a; width:70px; }
#ContactSubmitDiv:hover { border: 1px solid #828384; }
#ContactSubmit { background-color: #f19fc1; color: #ffffff; border:none; height:24px; width:70px; font-weight:bold; }
#ContactSubmit:hover { background-color: #f0961c; cursor:pointer;  }
#contact-form-left input:focus, #ContactMessage:focus { background-color: #ffffff; border: 1px solid #e2007a; }

#editform label { float:left; clear:left; display:block; width:130px;margin-bottom:10px; }
#editform input { margin-bottom:10px; }

#area { clear:left; float:left; margin-right:9px; margin-top:9px; border:1px solid #f0961c; background-color: #D5EDFA; height:210px; width:235px; }
#area img { display:block; }
#events { float:left; border:1px solid #e2007a; margin-top:9px; background-color: #FADCE9; height:210px; width:480px; overflow:hidden; }
#events img { display:block; }
#events div { margin:4px 3px 5px 3px; font-size:11px; border-bottom:5px solid #ef9cc0;padding-bottom:5px;line-height:12px;min-height:75px; }
* html #events div { height:75px; }
#events div img { border:4px solid #ffffff;float:left;margin-right:4px }
#events div .newstitle { display:block; font-size:12px;line-height:15px; font-weight:bold; color: #e2007a; }
#events div .newsdate { display:block; line-height:14px; font-size:11px; color: #01637e; }
#events div a { color:#e95193; text-decoration:none; }
#events div a:hover { color:#01637e; text-decoration:underline; }
.thenewspage { margin:4px 4px 10px 4px; border-bottom:5px solid #ef9cc0;padding-bottom:10px; line-height:14px;min-height:78px; }
* html .thenewspage { height:78px; }
.thenewspage img { border:5px solid #ffffff;float:left;margin-right:8px; max-height:70px; max-width:70px; }
.thenewspage .newstitle { display:block; font-weight:bold; font-size:16px; }
.thenewspage .newsdate { display:block; margin:4px 0; color:#e2007a; }
.thenewspage a { text-decoration:none; }
.thenewspage a:hover { text-decoration:underline; color: #ef9cc0; }

#newsletter { float:right; border:1px solid #01637e; margin:9px 0 0 0; background-color: #D5EDFA; height:210px; width:235px; position:relative; }
#newsletter a { color:#646567 }
#newsletter a:hover { color:#01637e; text-decoration:none; }
#newsletterForm { margin: 0; padding:0; }
#newsletterForm label.error { margin-left:5px !important; }
#newsletterFormName { width:168px; margin:5px 0 0 5px; border: 1px solid #01637e; height:30px; line-height:30px; padding:0 5px; }
#newsletterFormName:focus { border: 1px solid #e2007a; }
#newsletterFormEmail { width:168px; margin:5px; border: 1px solid #01637e; height:30px; line-height:30px; padding:0 5px;float:left; }
#newsletterFormEmail:focus { border: 1px solid #e2007a; }
#newsletterFormSubmit { float:right; margin:5px 10px 0 0; }
#newsletterBox { margin:0 5px 0 5px; }
#newsletterBox div { margin:12px 0 0 0; }
#newsletterBox div img { float:left; margin:0 5px 0 0; }
#joinuslogos { position:absolute; bottom:8px;left:5px; }
#joinuslogos img { margin-bottom:-5px; }

/* Z-index of #mask must lower than #boxes .window */
#mask { position:absolute; z-index:9000; background-color:#000; display:none; top:0; left:0; }
  
#boxes .window { position:absolute; width:210px; height:120px; display:none; z-index:9999; padding:0 }

/* Customize your modal window here, you can add background image too */
#boxes #dialog { background-color:#ffffff; border: 3px solid #01637e; }
#dialog-header { background-color: #01637e; color: #ffffff; padding:5px; font-weight:bold; }

.goog-te-combo { width:180px; }



