/* Havens Hospices [cms v4.2]

RECOMMENDED ORDER
1. html classes [includes body, form ... ]
2. text classes [includes p & h1 & h2]
3. header classes
4. body classes
5. footer classes
6. nav: top
7. nav: left
8. components 
9. functions: site [i.e rel links, slideshow]
10. functions: page [i.e directory]
11. error msgs
12. admin bar

*/


body { padding: 0px; margin-top: 30px; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #A03937; }
form { margin: 0px; }

/* text */
p { font-size: 0.8em; margin: 0px 0px 15px 0px; line-height: 1.4em; }
h1 { font-size: 1.0em; margin: 15px 0px 15px 0px; font-weight: bold; letter-spacing: 0.05em; } 
.h1-level-0 { font-size: 0.9em; } 
h2 { font-size: 0.8em; margin: 15px 0px 3px 0px; } 
.h2-link { text-decoration: none; } 
h3 { font-size: 0.7em; margin: 0px 0px 5px 0px; }
h4 { font-size: 0.7em; margin: 5px; }
a { color: #fff; }

.text-normal { font-weight: normal; }
.text-small-1 { font-size: 0.7em; }
.text-small-2 { font-size: 0.7em; margin-top: 15px; }

/* wrapper & structure */
#wrapper-border { width: 720px; border: 1px solid #F1DEC9; padding: 0px 15px 15px 15px; margin: 0px auto 0px auto; text-align: left; }
#wrapper { width: 720px; float: left; } /* WIDTH DOES NOT ADD UP - PIXELS ADDED FRO IE5 & 5.5 */
#left { width: 190px; margin-top: 0px; float: left; }
#right { width: 525px; margin-top: 15px; float: left;}

/* header */
#header { width: 525px; height: 48px; clear: both; }
#header-1 { width: 360px; height: 48px; float: left; }
#header-2 { width: 165px; height: 48px; float: right; }

/* nav top  */
#nav-top { width: 120px; height: 24px; float: left; font-size: 0.7em; }
.nav-top-text { margin: 5px 5px 5px 15px; }
.nav-top-text-link { color: #F1C255; text-decoration: none; }
.nav-top-text-link-active { color: #A03937; text-decoration: none; }

/* nav left  */
#nav-left { width: 190px; margin-top: 15px; padding: 15px 0 55px 0; }

.nav-left-1 { width: 190px; padding: 4px 0 4px 0; }
.nav-left-1-1 { width: 25px; float: left; }
.nav-left-1-2 { width: 145px; float: left; }
.nav-left-2-1 { width: 45px; float: left; }
.nav-left-2-2 { width: 125px; float: left; }
.nav-left-3-1 { width: 65px; float: left; }
.nav-left-3-2 { width: 105px; float: left; }
.nav-left-4-1 { width: 85px; float: left; }
.nav-left-4-2 { width: 85px; float: left; }

.nav-left-arrow { margin: 5px 8px 0px 0px; float: right; }
.text-nav-left { font-size: 0.8em; text-decoration: none; }

#nav-left-insert-1 { width: 175px; margin-top: 5px; padding: 1px 0 1px 0; background-color: #F1DEC9; }
#nav-left-insert-2 { width: 175px; margin-top: 5px; padding: 1px 0 1px 0; background-color: #DBAB78; }
.text-nav-left-insert-1 { margin: 5px 5px 5px 5px; font-size: 0.7em; }
.text-nav-left-insert-2 { margin: 5px 5px 5px 5px; font-size: 0.7em; }
.text-nav-left-insert-1-link { color: #A03937; text-decoration: none; }
.text-nav-left-insert-2-link { color: #85302E; text-decoration: none; font-weight: bold; }

.tribute-fund-logo { margin-top: 15px; padding: 23px 23px 23px 23px; border: 1px solid #E6E6E6; }
.dad-daughter-logo { margin-top: 15px; margin-bottom: 10px; }
.mother-child-logo { margin-top: 15px; margin-bottom: 10px; }


/* body */
#boddy { width: 525px; }

#body-1 { width: 525px; padding: 1px 0px 1px 0px; }
#body-2 { width: 525px; margin-bottom: 14px; }
#body-3 { width: 525px; padding: 1px 0px 7px 0px; }
.text-body-1 { margin: 5px 0px 5px 260px; font-size: 0.7em; text-align: left; }
.text-body-3 { margin: 5px 5px 5px 27px; font-size: 0.7em; }
.text-body-1-link { text-decoration: none; }
.text-body-3-link { text-decoration: none; }


/* footer */
#footer { width: 525px; padding: 1px 0px 0px 0px;}
.text-footer-1 { font-size: 0.6em; padding: 7px 40px 0px 28px; text-decoration: none; color: #A03937;}
.text-footer-1-link { color: #A03937; } 

/* components */
.comp-1 { width: 208px; clear: both; float: left; margin: 0px 20px 20px 0px; }
.comp-1-1 { width: 208px; padding: 1px 0 1px 0; }
.comp-1-2 { width: 208px; padding: 1px 0 1px 0; }
.text-comp-1-2 { margin: 5px; font-size: 0.7em; color: #444; }
.text-comp-1-2-link { color: #444; text-decoration: none; }

/* generic - shared by all */
.container-1 { clear: both; margin: 1px 0 1px 0; margin: 0px 28px 28px 28px; }
.img-preview { float: left; margin: 10px 10px 10px 0px; border: 1px solid #fff; clear: both; }
.img-body { float: left; margin: 0px 20px 20px 0px; border: 1px solid #fff; clear: both; }
.h-rule-1 { } /* placed inline */
.arrow-2 { float: right; margin: 5px 5px 5px 10px; }
.arrow-3 { float: right; margin: 2px 5px 5px 10px; }

/* global forms */
.form-header-1 { padding: 1px 0 1px 0; }
.text-form-h1  { font-size: 0.8em; padding: 5px 0px 5px 10px; vertical-align: middle; }
.form-header-1 { padding: 1px 0 1px 0; } 
.text-form-h2  { font-size: 0.8em; padding: 5px 0px 5px 10px; }

.form-block-1 { padding: 10px; }
.text-form-1 { font-size: 0.8em; color: #4D4D4D; } a.text-form-1 { color: #4D4D4D; }
.text-form-2 { font-size: 0.8em; color: #4D4D4D; } a.text-form-2 { color: #4D4D4D; }
.text-form-3 { color: #4D4D4D; }

.form-submit-1 { padding: 10px; height: 20px; }
.form-submit-1-1 { float: left; }
.form-submit-1-2 { float: right; }
.text-form-submit-1 { margin-top: 3px; font-size: 0.8em; color: #fff; }
.form-submit-button-1 { }

/* form */
.textfield-1 { border: 1px solid #999; margin: 1px 0 1px 0; }
.pulldown-1 { width: 232px; }
/* .button-1 { float: left; } */

/* functions: site  */

/* membership */
.tbl-login { } 
.textfield-1 { width: 230px; } 
.textfield-login-1 { width: 150px; border: 1px solid #000; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; }

.text-dir-1 { font-size: 0.8em; margin: 0px 0px 15px 0px; line-height: 1.4em; }



/* slideshow */
#slideshow-1 { }
#slideshow-box-1 { width: 467px; height: 467px; background: url('images/slideshow_bkgd.gif') no-repeat 50% 50%;} 
#slideshow-box-2 { width: 467px; } 
#slideshow-box-3 { width: 467px; } 
#slideshow-box-3-1 { display: inline; margin-left: 15px; border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; float: left; } 
#slideshow-box-3-2 { display: inline; margin-right: 15px; border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; float: right; } 
.text-slideshow-1 { margin: 10px 10px 0px 15px; }
.text-slideshow-2 { margin: 10px 10px 10px 15px; }
.text-slideshow-3 { margin: 4px 10px 4px 10px; }
.text-slideshow-1-link { color: #fff; }

/* functions: page  */

/* function (1) : homepage */

/* function (2) : page  */
.container-funct-2-body { clear: both; padding: 1px 0 1px 0; margin: 0px 28px 0px 28px; }
.container-funct-2-preview { clear: both; padding: 1px 10px 1px 10px; margin: 14px 28px 0px 28px; width: 450px; }
.text-funct-2-preview { font-size: 0.7em; margin: 0px 0px 14px 0px; }

/* function (3) : event  */

/* function (4) : contact form  */

/* function (5) : search  */
#search-box { padding: 10px; background-color: #E0B98D; }
.search-textfield { width: 200px; }
.h1-search { color: #4D4D4D; }
.text-search-1 { font-size: 0.8em; color: #A13B39; }
.text-search-2 { font-size: 0.8em; color: #A13B39; }
.text-search-2-link { color: #A13B39; }
.hr-search-1 { height: 1px; color: #A13B39; }

/* function (6) : donations  */

/* function (7) : map  */
.map-1-1 { margin-top: 5px; clear: both; width: 465px; }
.map-2-1 { margin-top: 25px; clear: both; width: 465px; }
.map-1-2 { float: left; margin-right: 20px; }
.map-2-2 { float: left; margin-right: 20px; }
.text-map-1 { font-size: 0.7em; color: #4D4D4D; line-height: 1.3em; }

/* error msg */
#err-1 { margin-bottom: 10px; padding: 10px; border: 1px solid #fff; }
.text-err-1 { color: #fff; margin: 0px; }

/* admin bar */
#ad-bar-1 { background-color: #000; clear: both; }
.ad-bar-text-1 { text-align: left; padding: 5px; margin: 0px; color: #fff; }
.ad-bar-text-1-link { text-decoration: underline; color: #fff; }

/* FAIR Havens ONLY */
.logo-1 { margin: 5px 0px 5px 2px; }
/* LITTLE Havens ONLY */
.logo-2 { margin: 5px 0px 5px 18px; }