/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/*END reset*/
body { font: .9em/1.33 Arial, Helvetica, sans-serif; color:#000; padding:0 0 20px; background:#1F3142;}
h1 {color:#014e7d; font: 2.2em/1 Georgia, "Times New Roman", Times, serif; margin:0 0 .5em; letter-spacing:-.017em;}
h2 {color:#666; font: 1.35em/1.28 Georgia, "Times New Roman", Times, serif; font-style:italic; margin: .8em 0 0; }
h3 {color:#014e7d; font: 1.1em/1.2 Arial, Helvetica, sans-serif; font-weight:bold; margin:.8em 0 .5em;}

#outer {background:url(../images/outer-bg.gif) #fff; width:990px; margin:0 auto; position:relative;}
#header {width:950px; height:120px; background:url(../images/header-bg.gif) #ecf2c6 bottom center no-repeat; position:relative; margin:0 auto; z-index:920;}
#logo {position:relative; top:28px; left:35px; width:346px;}
#verse {width:300px; position:absolute; top:45px; right:50px; text-align:right; z-index:999;}
#verse a {text-decoration:none; color:#000;}
#verse a:hover {border-bottom: dotted 1px #555;}

#content { width:547px; margin:0 0 0 58px; padding:4em 0 0; float:left; position:relative; display:inline; z-index:1;}
#content p {line-height:1.38; margin:.65em 0 .4em;}
#content ul {list-style:square; margin:.6em 0 .8em 40px;} 
#content li, #rtcol li {margin:0 0 .45em;}
#content ul.check {list-style:none; margin-top:1.2em;}
#content ul.check li { background:url(../images/grn-check.gif) left 5px no-repeat; padding:0 0 1.7em 52px; height:1%; }
#content ol {list-style:decimal; margin:.5em 0 0 36px;}

#content a {color:#014E7D;}
#content a:hover {color:#BE5611;}

.newsbox {width:525px; background: url(../images/content-callout-bg.jpg) top left no-repeat; padding:.2em 15px 12px; margin:2.5em 0 0;}
#content .newsbox p {font-size:88%; line-height:1.5; /*width:240px; float:left;*/ padding:.3em 15px .2em 0; margin:0 0 .65em;}
#content .newsbox ul {font-size:88%;}
#content .newsbox ul li { list-style-type:square;}
#content .newsbox h2 {margin:0 0 .5em; font-size:1.8em;}
#content .newsbox h4 {font:1.4em/1.2 Georgia, "Times New Roman", Times, serif; color:#555; margin:.8em 0 0;}
body#home .newsbox strong {color:#222 }

.larger {padding:0 36px 1.5em; color:#333;}
.larger p {font-weight:bold; font-size:108% !important;}

#content a.external {padding-right:12px; background:url(../images/ext-link.gif) center right no-repeat;}

.clear {clear:both; }

#footer { font-size:.82em; color:#ccc;  width:880px; margin:25px auto 0; padding:2em 35px 35px; background: #474747 url(../images/footer-bg.gif) bottom right no-repeat;}
#footer ul {margin-bottom:3em;}
#footer ul li {display:inline; padding-right:1em;}
#footer a {color:#ccc; text-decoration:none;}
#footer a:hover {color:#fff; text-decoration:underline;}
#footer .credit {margin-top:3.5em; font-size:93%; padding-left:25px; background:url(../images/brand-cultivation-icon.gif) 0 0 no-repeat;}
#footer .credit, #footer .credit a {color:#777; }
#footer .credit a:hover {color:#999;}
#bottom {width:979px; height:15px; line-height:0; background:url(../images/bottom.gif) top center no-repeat; margin:0 auto;}
.note {border: solid 1px #C7D690; background:#ECF2C6; padding:.8em 16px 12px; margin:0 0 2em; position:relative; top:.7em; border-radius:18px;}
.note h3 {margin-top:0;}
.dimmed, .dimmed a {color: #999 !important;}


/* Right column and callout boxes */
#rtcol {font-size:.93em; margin:4em 50px 0 0; float:right; width:255px; position:relative; top:-30px; display:inline; }
#rtcol h2 {margin:.3em 0 .3em;}
#rtcol h3 {padding:1em 0 0;}
#rtcol p {padding: .1em 0 .7em; margin:0;}
#rtcol ul {margin:.4em 0 .4em 24px; }
#rtcol ul li { list-style-type:square;}

.ocallout h1, .ocallout h2, .bcallout h1, .bcallout h2, .gcallout h1, .gcallout h2 {font-style:normal; line-height:1.15;  margin:0 0 .3em;}
.ocallout p, .gcallout p, .bcallout p { margin:.75em 0 0;}
.ocallout a, .bcallout a {color:#fff;}
.gcallout a {color:#014E7D;}
 
.ocallout h1, .ocallout h2, .ocallout h3, .ocallout h4, .ocallout p, .ocallout ul, .ocallout ol, .ocallout li,  
.bcallout h1, .bcallout h2, .bcallout h3, .bcallout h4, .bcallout p, .bcallout ul, .bcallout ol, .bcallout li {color:#fff;}
.gcallout h1, .gcallout h2, .gcallout h3, .gcallout h4, .gcallout p, .gcallout ul, .gcallout ol, .gcallout li {color:#000;}
.bcallout h4 {font-weight:bold; margin:.8em 0 0;}

#rtcol .ocallout h3 {margin:.25em 0 0; padding:0; line-height:1.5;}
.ocallout h3 {font-size:98%;}
.ocallout { background:url(../images/callout-bg-or.gif) #BE5611 top center no-repeat; width:225px; padding:.7em 15px 0;}
.obot {width:255px; background:url(../images/callout-btm-or.gif) bottom center no-repeat; height:15px; margin:0 0 1.4em; line-height:0;}

.bcallout { background:url(../images/callout-bg-bl.gif) #024F7D top center no-repeat; width:225px; padding:.7em 15px 0;}
.bbot {width:255px; background:url(../images/callout-btm-bl.gif) bottom center no-repeat; height:15px; margin:0 0 1.4em; line-height:0;}

.gcallout { background:url(../images/callout-bg-gr.gif) #BFD082 top center no-repeat; width:225px; padding:.7em 15px 0;}
.gbot {width:255px; background:url(../images/callout-btm-gr.gif) bottom center no-repeat; height:15px; margin:0 0 1.4em; line-height:0;}

#needs { font:.95em/1.33 Georgia, "Times New Roman", Times, serif; color:#fff; background:#1e463b url(../images/needs-bg.gif) bottom left no-repeat; width:225px; padding:60px 15px 11px; position:relative; top:20px; margin-bottom:38px;}
#needs h3 {width:282px; height:89px; text-indent:-9999px; position:absolute; top:-38px; left:-16px; background:url(../images/this-weeks-needs.png) 0 0 no-repeat;}
#needs ul li {list-style-image:url(../images/white-checkbox.gif);}
#needs a {color:#fff;}
#nneds p {margin:.7em 0 0;}

.flrt { float:right; margin: 0 0 .5em 15px;}
.flft { float:left; margin: 0 18px .5em 0;}
.sm9 {font-size:90%;}
.sm8 {font-size:80%;}
.sm7 {font-size:70%;}

/*rtcol button*/
.btn-top {margin:0 0 1em;}
a.donate-btn {display:block; width:255px; height:63px; text-indent:-9999px; background:url(../images/donate-btn02.gif) 0 0 no-repeat;}
a.donate-btn:hover {background-position:0 -63px;}
	
/*navigation*/
#nav { font: .9em/1 Arial, Helvetica, sans-serif; font-weight:bold; position:absolute; top:120px; left:20px; z-index:888; width:580px; background: url(../images/nav-bg.gif) right bottom no-repeat; line-height:0;}

#nav ul {padding:0 0 0 37px;margin:0 auto; width:543px; list-style-type:none; z-index:888; }
#nav ul ul {z-index:888;padding:0;}
#nav li {float:left;position:relative;margin:0;}
#nav a {text-shadow:1px 1px 0px #467089; -1px -1px 0px #051a27;}

/*first level*/
#nav a, #nav a:visited, #nav span {color:#fff; display:block; font-weight:bold; text-decoration:none; height:25px; padding: 10px 10px 0; line-height:1.1; float:left; }
#nav li a:hover {background:url(../images/nav-over-bg.gif) bottom; color:#fff; }
#nav :hover > a, #nav ul ul :hover > a {color:#fff;background:url(../images/nav-over-bg.gif) bottom;}
#nav a.current { color: #759cc2;}
#nav a.current:hover {background-color: #759cc2;}

/*second level*/
#nav ul ul a, #nav ul ul a:visited, #nav ul ul span {color: #fff; text-align: left; line-height:1; height:auto; padding:.7em 5px .85em 15px; width:10em!important; background-color: #013762; border-top: solid 1px #0E5784;}
#nav ul ul span { color: #999; }
#nav ul ul li a:hover {color:#fff;background:#014E7D; }
#nav ul li:hover ul, #nav ul a:hover ul{visibility:visible; }
#nav ul li:hover ul li:hover ul, #nav ul li:hover ul li:hover a { visibility:visible; }
#nav ul ul ul a, #nav ul ul ul a:visited {background:blue;}
#nav ul :hover ul ul{visibility:hidden;}
#nav ul ul {visibility:hidden;position:absolute;height:0;top:35px;left:0; width:160px;}
#nav table {position:absolute; top:0; left:0; border-collapse:collapse; border: 0;}
#nav table td {border-color:#91b6d9;}
#nav ul ul ul {left:194px; top:0; width:160px; }
#home #nav ul li a.home, #about #nav ul li a.about, #get #nav ul li a.get, #donate #nav ul li a.donate, #contact #nav ul li a.contact {background:url(../images/nav-cur-bg.gif) bottom;}

/* form */
form input {color:#888;}
form input.button {color:#222; padding:.05em 8px; font-weight:bold;}
form *:focus {color:#333;}
form .btn {color:#333;}
form .left {float:left;}
form .right /*button*/ {float:right;font-size:80%;padding:0;}
#rtcol form .email {float:left; font-size:80%;}
form label {width:180px; float:left;}
form label.error {color: #FBBC00;font-size:80%;font-weight:bold;clear:both;display:block;}
#content form {margin:.8em 0 .6em;}
#content form label.req {font-weight:bold; color:#000;}
#content form label {color:#666;}
#content form p {clear:both; }
#content form label.error {color:#BE5611;font-size:80%;font-weight:bold;clear:both;display:block; margin-bottom:1em;}

/*photo slideshow*/
.picsr { width:274px; height:199px; background:url(../images/photo-bg-288-203.gif) top left no-repeat; padding:16px 0 0 26px; float:right; position:relative;}
.picsr img {position:absolute; top:8px; left:26px;}

/*misc*/
.hmpicsr { width:232px; height:233px; background:url(../images/hm-pic-bg.png) top left no-repeat; float:right; position:relative;}
.hmpicsr img {position:absolute; top:16px; left:26px;}
#gmap { font-size:.7em; clear:both; padding:30px 0 0;}
.shadow {box-shadow:0 3px 6px #777; border:solid 1px #fff;}
.rnd {border-radius:5px;}

/*photo GALLERY page*/
#gallery {clear:both; font-size:.77em; text-align:center; padding:1em 0 0; color:#888;}
#content #gallery img {float:left; margin:0 12px 18px 0; box-shadow:0 3px 6px #777; border:solid 1px #fff; border-radius:5px;}
#content #gallery img:hover {box-shadow:0 1px 9px #222;}

/*share this*/
#share {font-size:.8em; clear:both; padding:5em 0 .5em; }
#share a {color:#666;}
#share a:hover {color:#399737;}

#easyTooltip{line-height:1.3; font-size:.8em; width:32em; padding:.7em 12px; border:1px solid #abc166; color:#fff; z-index:999; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; display:none; box-shadow: 0px 0px 4px #222; 
background: #4F7725; background: -moz-linear-gradient(top, #4F7725 0%, #5C8829 44%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4F7725), color-stop(44%,#5C8829)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4F7725', endColorstr='#5C8829',GradientType=0 ); }