@import "basic.css";
@import "widgits.css";

/* General Styles
----------------------------------------------- */
body {margin:0 auto; text-align:center; background:#EBEBEB; font-size:100%; font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;}
*{ margin: 0; padding: 0; }
img, hr {border: 0; }
p.error{ color:#f00; padding:0; }
.l {float: left;}
.r {float: right;}
hr { border-top: 1px solid #DADAD9;   margin: 10px 0 10px 0; }

#access {display:none;}

/*----------------------------------------------- */
/* Page Structure 
(only styles related to structure i.e. width, height, padding, float, etc. are listed here. All other styles are applied further in this file)
----------------------------------------------- */
#outerwrap {background:#EBEBEB url(../images/bg.gif) repeat-x;}
#footerWrap { margin:0px auto; border-top:1px solid #7FC3BA;}
#bodyWrap { width: 785px; margin:0 auto;}
#wrapper {margin:0 0 0 15px; padding:0 0 0px 0; width:753px; float:left; text-align:center; border:1px solid #7FC3BA; border-width:1px 1px 0 1px; background:#F5F5F5 url(../images/bg_wrapper.gif) repeat-y;}
*html #wrapper {margin:0 0 0 11px;}
#firstCol {width:192px; padding-bottom:0px;  float:left; text-align:left;}
#secondCol {margin:0px 0 0 0px; padding:0; width:560px; float:left; text-align:left;}
#bodyhomeWrap { width: 785px; margin:0 auto; padding:0;}
#searchCol {margin:0; padding:10px; float:left; background:#FAFAFA}
*html #searchCol {width:728px;}
#content {}
/*-----------------------------------------------------------------------------------------------------------------------*/


/* Homepage Styles 
----------------------------------------------- */
#rightWrap {margin:0; padding:0; float:left; background:url(../images/bg_home2.gif);}
#homeColTwo {width:280px; /*height:389px;*/ float:left; color:#632F15; text-align:left;}
#homeColTwo a {text-decoration:underline; color:#632F15;}
#homeColTwo a:hover {text-decoration:none;}
#homeColTwo h1 {margin:30px 26px 15px 26px; font-size:1.3em;}
#homeColTwo h2 {margin:30px 0 0 26px; padding:0;  color:#632F15; font-size:1.0em;}
#homeColTwo p {margin:10px 26px 15px 26px; font-size:0.8em;}
#homeColTwo p.more {margin:50px 26px 15px 26px;}
#homeColTwo p.more a { padding:0 15px 0 0; width:auto; color:#632F15; font-weight:bold; background:url(../images/arrow_double.gif) no-repeat right;}
#homeColTwo ul {margin:10px 26px 0px 26px;}
#homeColTwo li {font-size:0.8em;}
#homeColTwo address {margin:10px 26px 15px 26px; font-size:0.7em; font-style:normal;}
#homeColTwo .picRight img {margin:0px 5px 0px 5px; padding:4px; float:right; background:#F5F5F5; border:1px solid #7FC3BA;}

#homeColThree {margin:0; padding:0; width:280px; border-left:1px solid #7FC3BA; float:left; text-align:left;}
#homeColThree a {color:#003C3B; text-decoration:underline;}
#homeColThree a:hover {text-decoration:none;}
#homeColThree .clear {height:0px; font-size:0px; line-height:0px; }
#homeColThree  h2.donate {margin:26px 0 0px 22px; padding:0; width:200px; color:#fff; /*background:url(../images/bg_strip.gif) no-repeat 0 2px;*/}
*html #homeColThree  h2.donate {padding:0 0px 0px 2px; background:none;}
#homeColThree h2 {margin:10px 0 0 20px; width:130px; color:#632F15; font-size:1.0em; }
#homeColThree h2 input {margin:0px 0 0 -20px; width:130px; color:#632F15; font-size:1.0em; font-weight: bold;}
#homeColThree p {margin:5px 0 5px 20px; color:#222; font-size:0.7em;}
#homeColThree .panel.donate p {width:40%;}
#homeColThree p.note {margin:5px 0 5px 20px; width:90%; float:left; font-size:0.7em;}
*html #homeColThree p.note {margin:5px 0 5px 10px;}

.panel {margin:0; padding:0; width:280px; min-height:129px; height:auto !important; height:129px; border-bottom:1px solid #7FC3BA; border-collapse:collapse; background:#F5F5F5; float:left; display:inline; clear:both;}
.panel img {margin:12px 10px 0px 0; padding:4px; float:right; background:#fff; border:1px solid #7FC3BA;}
.panel img.appeal {padding:0; border:0; }
.panel.last .picRight img {margin:0px 10px 0px 5px; }

.panel.donate {margin:0; padding:0; width:280px; background:url(../images/bg_donate.jpg) no-repeat;}
.panel.last {border-bottom:none;}

#rightWrap .line {margin:10px 0px 10px 0; padding:0px 10px; line-height:0; border-top:1px solid #e2e2e2; color:#fff; font-size:0em; clear:both;}

/*-----------------------------------------------------------------------------------------------------------------------*/


/* Header 
----------------------------------------------- */
#header {margin: 0 auto; padding:0px; width: 785px; height:239px; background:url(../images/header.jpg) no-repeat left top;}
#header.homebanner {background:url(../images/homebanner.jpg) no-repeat left;}

/* rotating image box */
/*#rotatingimage {margin:0px 0 0 207px; width:281px; height:105px;}*/
#rotatingimage {margin:0px 0 0 14px; /*height:105px;*/ text-align:left;}
#rotatingimage img {margin:0; padding:0 0 0 0;}
#rotatingimage ul {margin:0; padding:0 0 0 0; clear:both; list-style:none;}
#rotatingimage li {margin:0px 0 0 0; padding:0 0 0 0; float:left; height:105px;}
#rotatingimage li img {margin:0; padding:21px 0 0 0;}
#rotatingimage li.first {margin:0px 1px 0 0;}
#rotatingimage li.last {padding:0px 0 0 1px;}


/* logo */
#logo {margin:12px 0 0 8px; padding:0px; width:400px; float:left; text-align:left;}
#logo img {margin:2px 0 0 25px; padding:10px 0 10px 10px;}
*html #logo {margin:0px 0 0 4px;}
*html #logo img {margin:0px 0 0 25px; padding:0px 0 10px 10px;;}

#logo.homelogo {margin:117px 0 0 8px;}
*html #logo.homelogo {margin:117px 0 0 4px;}

/* top links TNS */
#tns {margin:80px 20px 0px 0; padding:0px; width:270px; float:right;}
*html #tns {margin:50px 5px 0px 0;}
#tns p {margin:0; padding:0; color:#0C9782; font-weight:bold; font-size:0.95em;}
#tns ul li {margin:0; padding:0 8px 0 0; float:left;}

#tns.hometns {margin:185px 20px 0px 0;}
*html #tns.hometns {margin:185px 5px 0px 0;}

/* ---------- Left search ---------- */
#search {margin:10px 0 10px 2px; width:180px; float:right;}
#search  input {margin:0; padding:4px; width:134px;  border:1px solid #7F9DB9; color:#6F7072; font-size:0.7em;  float:left;}
#search input.go {margin:0px 2px 2px 2px; padding:4px 2px; height:24px; width:auto; background:#0C9782; color:#fff; font-weight: bold; font-size:0.6em; border:none;}
#search a {margin:0 0 0 4px; padding:0; float:left; font-size:0.7em;}
/**html #search.home  input {height:24px;}*/

#resultsSearch {margin:15px 0 25px 5px; clear:both; height:20px; width:100%;}
#resultsSearch label {margin:0px 10px 0 0; color:#632F15; font-weight: bold; font-size: 1.1em; float:left;} 
#resultsSearch input {margin:0; padding:4px; width:134px;  border:1px solid #7F9DB9; color:#6F7072; font-size:0.7em;  float:left;}
#resultsSearch input.go {margin:0px 2px 2px 2px; padding:4px 2px; height:24px; width:auto; background:#0C9782; color:#fff; font-weight: bold; font-size:0.6em; border:none;}
#resultsSearch a {margin:0 0 0 4px; padding:0; float:left;}


/*-----------------------------------------------------------------------------------------------------------------------*/
/* Status Bar and Breadcrumbs 
----------------------------------------------- */
#statusBar {margin:0 0 0 15px; padding:0 1px; width:751px; height:24px; font-size:0.7em; color:#646464; background:#FAFAFA; border:1px solid #7FC3BA; border-width:1px 1px 0 1px; display: block; text-align:left; clear:both;}
*:first-child+html #statusBar {margin:0}
#statusBar a {color:#646464; text-decoration: none;}
#statusBar ul {padding:0; list-style-type:none; }

ul#bcrumbs {margin:0 0 0px 7px;  float:left; list-style-type: none;}
ul#bcrumbs a:hover {color:#0C9782; text-decoration:underline;}
ul#bcrumbs li {margin:0 10px 0 0; padding:5px 0 0 7px; float:left; background: url(../images/arrow_bcrumb.gif) no-repeat left top; }
ul#bcrumbs li.on a{color:#571E04}


/* First Col 
----------------------------------------------- */
#firstCol {background:#EBEBEB; width:192px; font-family: "Trebuchet MS", Tahoma, Arial, Verdana, Helvetica, sans-serif;}
#firstCol a {text-decoration:none;}
#firstCol a:hover {text-decoration:none;}
#firstCol p#title { display:none }

#firstCol p#title {}
#firstCol ul {margin:0px; background:#F5F5F5 url(../images/bg_firstcol.gif) no-repeat;}
#firstCol ul li {padding:0px 0; list-style:none; border-bottom: 1px solid #7FC3BA; font-weight:bold; font-size:0.8em;}
#firstCol ul li a {margin:0 0px 0 0px; padding: 11px 6px 11px 25px; line-height:1.4em; color:#571E04; display:block; background:url(../images/lns_arrow.gif) no-repeat top left;}
*html #firstCol ul li a {padding: 10px 5px 10px 25px;}
#firstCol ul li.on a {color:#fff; font-weight:bold;  background:#0C9782 url(../images/bg_hover.gif) no-repeat top left; cursor:hand;}
#firstCol ul li a:hover {color:#fff; background:#0C9782 url(../images/bg_hover.gif) no-repeat top left; cursor:hand;}
/*--- SECOND LEVEL NAV ---*/
#firstCol ul li.open {margin-bottom:1px; padding-bottom:0;}
#firstCol ul li.open ul {margin:10px 0; background:#F5F5F5;  border-bottom:1px solid #F5F5F5;}
#firstCol ul li.open ul li {padding:0 0 0 12px; border:none; font-size:0.85em;}
#firstCol ul li.open ul li a {margin:3px 10px 3px 0px; padding:1px 0 1px 10px; width:auto; background:#F5F5F5 url(../images/lns_sub.gif) no-repeat 0 6px; color:#571E04; font-weight:normal;}
#firstCol ul li.open ul li.on a {color:#fff; font-weight:bold; background:#0C9782 url(../images/lns_sub_on.gif) no-repeat 0 6px;}
#firstCol ul li.open ul li a:hover {color:#fff; background:#0C9782 url(../images/lns_sub_on.gif) no-repeat 0 6px;}
/*---- THIRD LEVEL NAV ------*/
#firstCol ul li.open ul li.open ul li {font-size:1.0em;}
#firstCol ul li.open ul li.open ul li a {background:none; color:#632F15; font-weight:normal;}
#firstCol ul li.open ul li.open ul li a:hover {text-decoration:underline; background:none; color:#632F15;}
#firstCol ul li.open ul li.open ul li.on a {font-weight: bold;}


.quote {color:#003C3B; padding:20px 15px 10px 15px; background:#EBEBEB;}
.quote p {margin:13px 0 0 0; padding:0; font-size:0.7em;}
#firstCol .quote a {padding:1px 16px 1px 6px; background:#0C9782 url(../images/arrows_wh.gif) no-repeat right; color:#fff;}
blockquote {padding:0 0px 0 0; font-size:0.7em; line-height:1.6em; background:url(../images/quotes_close.gif) no-repeat bottom right; font-family: Georgia, Tahoma, Arial, Verdana, Helvetica, sans-serif;}

/*-----------------------------------------------------------------------------------------------------------------------*/


/* Footer
----------------------------------------------- */
#footer { margin:0 auto;  width:770px; height:50px; clear:both; font-weight:bold;}
#footer a {color:#571E04; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer a.welcome {padding:0 2px; background:#0C9782; color:#fff;}
#footer .leftft {padding:15px 0 0 15px; float:left;}
#footer .top {padding:15px 0 0 100px; text-align:left; float:left; color:#0C9782;}
#footer .bottom {margin:15px 15px 0 0; float:right;}
#footer p {text-align:left; color:#666; font-size:0.7em;}
#footer ul {list-style:none;}
#footer ul li {padding:0 2px; float:left; font-size:0.7em;}
/*-----------------------------------------------------------------------------------------------------------------------*/

/* Sitemap
----------------------------------------------- */
/*#sitemap li {font-s}*/
#content ul.sitemap a {text-decoration:none;}
#content ul.sitemap a:hover {text-decoration:underline;}
#content ul.sitemap {margin:15px 15px 10px 30px;}
#content ul.sitemap li.line {padding:0; background:none;}
ul.sitemap li.line hr {height:1px; color:#ddd;}
ul.sitemap li.top {font-weight:bold;}
ul.inner li {font-weight:normal}
/*-----------------------------------------------------------------------------------------------------------------------*/


/* These are standard sIFR styles... do not modify 
-------------------------------------------------------------- */

.sIFR-flash {visibility: visible !important;	margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position:absolute; left: 0; top: 0;	width: 0; height: 0;	display: block; overflow: hidden;}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {/*visibility: hidden;*/ font-size: 10px;	line-height: 20px;}

#links{ display:none }

/* Attachment Background images */
span.pdf {margin-top: 6px; padding-left: 26px; height:17px; display:table-cell; background: url(../images/i_pdf.gif) no-repeat top left; }
span.doc {margin-top: 6px; padding-left: 26px; height:17px; display:table-cell; background: url(../images/i_word.gif) no-repeat top left; }
span.ppt {margin-top: 6px; padding-left: 26px; height:17px; display:table-cell; background: url(../images/i_powerpoint.gif) no-repeat top left; }
span.xls {margin-top: 6px; padding-left: 26px; height:17px; display:table-cell; background: url(../images/i_excel.gif) no-repeat top left; }
span.img {margin-top: 6px; padding-left: 26px; height:17px; display:table-cell; background: url(../images/i_image.gif) no-repeat top left; }
span.misc {margin-top: 6px; padding-left: 26px; height:17px; display:table-cell; background: url(../images/i_misc.gif) no-repeat top left; }

span.attName{ display:none }


dl#resultsList {margin:15px 0;font-size:0.7em; text-align:left;}
dl#resultsList dt {padding:0 10px; font-weight:bold;}
dl#resultsList dd {padding:0 10px; line-height:1.4em; }
dl#resultsList dd hr {margin:10px 0; padding:0; height:1px; }

/* pagination styles */
#content ul.nextbackPage {margin:0; padding:0;}
#content ul.nextbackPage li {margin:0; padding:3px 0; color: #282828; font-size:0.7em;}
#content ul.nextbackPage li a {color: #632F15; }
#content ul.nextbackPage li a:HOVER {color: #0C9782; text-decoration:underline;}
#content ul.nextbackPage li span { color:#5B5B5B;}
#content ul.nextbackPage li a {text-decoration:none;}
#content ul.nextbackPage li.first { margin-right:230px;}
#content ul.nextbackPage li ul li {font-size:1.0em;}
#content ul.nextback li {background: none;}

/*--------- Form Styles ---------------------*/
.s200 {width:200px;}
.formStyle {margin:30px 0 20px 0;}
.formStyle label {padding:0 0 0 0px; font-size:0.8em;}
.formStyle input {padding:0 3px;  font-size:0.8em;}
.formStyle textarea {padding:0 3px; font-size:0.8em; }
.formStyle select {padding:0 0px 0 3px; font-size:0.8em; }
.formStyle option {padding:0 3px; font-size:0.8em;}
#content .formStyle table {margin:20px 10px 0 25px; width:90%; border:0;}
#content .formStyle td {padding: 12px 0px 12px 18px;; border:1px solid #d5d5d5; border-width:1px 0; vertical-align:top;}
#content .formStyle tr.buttons td {text-align:center;}
#content .formStyle tr:hover {background:#EBEBEB;}
.formStyle input.submit {background:#0C9782; color:#fff; font-weight: bold; border:none;}