/* CSS FOR IN TOUCH */
body { background-color: #c8ced7; text-align: center; }

#container { margin: 0 auto; width: 815px; background: url('../images/content_bg.jpg') repeat-y; margin-bottom: 20px }

#logo { width: 815px; height: 103px; background: url('../images/logo2.jpg') no-repeat 0% 0%; }

#mininav { width: 815px; height: 20px; float: right; position: relative; top: 110px; right: 5px; text-align: right}
#mininav li { list-style: none; display: inline; color: #fff; font-weight: bold; font-family: Verdana; font-size: 10px; }
#mininav li a { color: #fff; font-weight: bold; top: 0; font-family: Verdana; font-size: 11px; text-decoration: none; margin-right: 15px}
#mininav li a:hover { text-decoration: underline; }

#header-img { clear: both; width: 815px; height: 244px; background: url('../images/header_img2.jpg') no-repeat 0% 0%; text-align: left; padding-left: 3px}

/* #logo { width: 815px; height: 110px; background: url('../images/logo.jpg') no-repeat 0% 0%; } 

#mininav { width: 815px; height: 20px; position: relative; background: url('../images/header_mininav.jpg') no-repeat 0% 0%; }
#mininav li { list-style: none; float: left;}
#mininav li a { height: 20px; display: block; position: relative; text-indent: -9999px; outline: none; top: 0 }
#navGuestbook a, #navSitemap a { background: url('../images/header_mininav.jpg') no-repeat 0% 0%; }
#navGuestbook a { background-position: -630px 0; width: 85px; left: 630px; }
#navSitemap a { background-position: -725px 0; width: 70px; left: 640px; }

#header-img { clear: both; width: 815px; height: 217px; background: url('../images/header_img.jpg') no-repeat 0% 0%; }
*/

#nav { background: url('../images/nav.jpg') no-repeat 0% 0%; width: 815px; height: 28px; position: relative;}
#nav li { float: left; list-style: none; }
#nav li a { height: 28px; display: block; position: relative; top: 0; text-indent: -9999px; outline: none; }
#navHome a, #navAbout a, #navResources a, #navServices a, #navCrisis a, #navOpportunities a, #navWhatsNew a, #navContact a { background: url('../images/nav.jpg') no-repeat 0% 0% }

#navHome a { background-position: 0 0; width: 77px; left: 0 }
#navHome a:hover, #pageHome #navHome a { background-position: 0 -28px }

#navAbout a { background-position: -77px 0; width: 81px; left: 0px }
#navAbout a:hover, #pageAbout #navAbout a { background-position: -77px -28px }

#navResources a { background-position: -158px 0; width: 113px; left: 0px; }
#navResources a:hover, #pageResources #navResources a { background-position: -158px -28px }

#navServices a { background-position: -271px 0; width: 100px; left: 0px; }
#navServices a:hover, #pageServices #navServices a { background-position: -271px -28px }

#navCrisis a { background-position: -371px 0; width: 86px; left: 0px; }
#navCrisis a:hover, #pageCrisis #navCrisis a { background-position: -371px -28px; }

#navOpportunities a { background-position: -456px 0; width: 157px; left: -1px; }
#navOpportunities a:hover, #pageOpportunities #navOpportunities a { background-position: -456px -28px; }

#navWhatsNew a { background-position: -614px 0; width: 91px; left: 0px; }
#navWhatsNew a:hover, #pageWhatsNew #navWhatsNew a { background-position: -614px -28px; }

#navContact a { background-position: -705px 0 ; width: 103px; left: 0px; }
#navContact a:hover, #pageContact #navContact a { background-position: -705px -28px }

#content { width: 815px; clear: both; background: url('../images/content_gradient_bg.jpg') no-repeat top left; padding-top: 20px}

#primary_left { width: 50%; float: left; border-right: 1px solid #ddd; text-align: center}
#primary_right { width: 360px; float: right; position: relative; right: 30px}

#primary_left .panel, #primary_right .panel { width: 360px; margin: 0 auto; text-align: left }
.panelheader { border-bottom: 1px solid #c5c5c5; margin-bottom: 10px; display: block; padding: 0 0 3px 0 }
.panelimage { float: left; margin: 3px 5px 0 0}
.panelimage2 { float: left; margin: 0px 10px 0 0; }

.panelitem { font-family: Verdana; font-size: 11px; color: #666 }
.panelitem p { text-align: justify; margin-bottom: 5px }

.spacer { height: 10px; display: block }

.small { width: 330px !important }

.news-list li { border-bottom: 1px solid #d9d9d9; padding: 2px 0 2px 0; line-height: 14px}
.news-list li span { color: #00447d; background: url('../images/blue_arrow2.gif') no-repeat 0 3px; padding-left: 20px}
.news-list li a:link, .news-list li a:visited { color: #777; text-decoration: none; }
.news-list li a:hover { text-decoration: underline; }

.panel-left { width: 220px; float: left; position: relative; left: 20px}
.panel-center { width: 330px; float: left; position: relative; left: 20px}
.panel-right { float: right; width: 165px }

.panel-left p, .panel-center p, .panel-right p { margin: 5px 0 10px 0; color: #85671e; line-height: 15px }
.panel-left p span, .panel-center p span, .panel-right p span { display: block; color: #00447d }

.subnav { width: 600px; position: relative; left: 40px }
.subnav li { margin-bottom: 3px }
.subnav li.inner_nav { margin-left: 30px }

#primary_right .panelheader { padding-bottom: 3px; border-bottom: 1px solid #c5c5c5; margin-bottom: 10px; width: 90%}

#crisisline-box { margin: 0 auto; margin-top: 20px; width: 357px; height: 153px; background: url('../images/crisis_line.jpg') 0% 0% no-repeat; font-family: 'Verdana'; font-size: 11px}
#crisisline-text { float: right; width: 200px; position: relative; top: 15px; right: 10px;  text-align: left}
#crisisline-more { font-size: 9px; color: #fff; display: block; text-align: right; margin-right: 30px}
#crisisline-info { margin-top: 15px; color: #fff; text-align: left;}
#crisisline-info span { color: #fceaab; font-weight: bold; display: block }

#primary_whole { width: 100% }
#primary_whole .panel { width: 800px; margin: 0 auto; text-align: left }
#primary_whole .panelheader { border: 0}
#primary_whole .panelitem { margin: 10px 25px 40px 25px; clear: both}
#primary_whole .less { margin-bottom: 20px }
#primary_whole .panelitem p { margin-bottom: 10px }
#primary_whole .panelimage { float: right; margin-left: 10px}
#primary_whole .indentright { margin-left: 20px }

.whatsnew-header { margin: 15px 0 15px 30px; }
.whatsnew-item { width: 680px; margin: 0 auto; border: 3px solid #d3e9ff; margin-top: -3px; padding: 15px; font-family: Verdana; font-size: 11px }
.whatsnew-img { width: 115px; float: left; }
.whatsnew-text { width: 560px; float: right; }
.whatsnew-date { text-align: right; font-weight: bold; color: #00447d }
.whatsnew-title { font-family: 'Times New Roman'; font-size: 16px; font-weight: bold; color: #00447d }
.whatsnew-title span { font-family: Verdana; font-weight: normal; font-size: 11px }
.whatsnew-details { color: #666666 }
.whatsnew-infodate { background: url('../images/icon_info.jpg') no-repeat 0% 0%; color: #00447d; padding-left: 18px; margin-top: 5px }
.whatsnew-venue { background: url('../images/icon_venue.jpg') no-repeat 0% 0%; color: #00447d; padding-left: 18px; margin-top: 5px }
.whatsnew-contact { background: url('../images/icon_contact.jpg') no-repeat 0% 0%; color: #00447d; padding-left: 18px; margin-top: 5px }

.contact-header { margin-bottom: 10px }
.contact-item { margin-bottom: 30px }
.contact-date { margin: 5px 0 10px 15px; background: url('../images/icon_info.jpg') no-repeat 0% 0%; color: #00447d; padding-left: 20px; }
.contact-info { line-height: 20px; margin-left: 15px; background: url('../images/icon_contact.jpg') no-repeat 0% 0%; color: #00447d; padding-left: 20px; }
.contact-info span { color: #666666; }

.itemlist { padding: 0; margin: 10px 0 0 30px }
.itemlist li { margin: 1px; padding-left: 15px; background: url('../images/blue_dot.gif') no-repeat center left}

.itemlist2 { margin: 20px 0 0 35px; width: 390px}
.itemlist2 li { margin: 10px; padding-left: 30px; background: url('../images/blue_check.jpg') no-repeat 0% 0%; color: #85671e }

.more-link { text-align: right; display: block; background: url('../images/blue_arrow.gif') center right no-repeat; color: #00447d; font-family: Verdana; font-size: 11px; padding-right: 8px; margin-top: 5px}

#footer { margin-top: 20px; height: 57px; width: 815px; background: url('../images/footer.jpg') no-repeat top left; }
#footer p { padding-top: 18px; font-family: Verdana; color: #666666; font-size: 9px; }

.makeblue { color: #1f5b8d; }
.clear { clear: both; height: 1px; }
.moveright { margin-left: 20px; }
.aligncenter { text-align: center; }

table.list {
    width: 100%;
}
    table.list th {
        font-family: "Georgia", serif;
        font-size: 12px;
        color: #85671F;
        border-bottom: solid 1px #CCC;
        padding: 3px 6px;
    }
    table.list td {
        border-bottom: solid 1px #EEE;
        padding: 3px 6px;
        vertical-align: top;
    }
    table.list td a:link, table.list td a:visited {
        font-family: "Georgia", serif;
        text-decoration: none;
        color: #333;
        display: block;
    }
        table.list td.actions a:link, table.list td.actions a:visited {
            display: inline;
            font-family: inherit;
            color: inherit;
        }
    table.list td a:hover {
        color: #00447D;
        text-decoration: underline;
    }
    
h1.heading  {
    font-size: 18px;
    font-family: "Georgia", serif;
    color: #333;
    margin-bottom: 12px;
}
    
.news_title {
    font-size: 18px;
    font-family: "Georgia", serif;
    color: #00447D;
}
.news_date {
    font-size: 12px;
    margin-bottom: 1em;
}
.news_body {
    color: #333;
    margin-bottom: 1em;
    line-height: 1.5em;
}

.errors {
    border: solid 1px #C00;
    padding: 1em;
    margin-bottom: 1em;
    background: #ECA;
}

    .errors p {
        margin: 0 !important;
        color: #C00;
    }
    
form {
    margin: 0;
}

.panel fieldset {
    border: solid 1px #CCC;
    margin-bottom: 1em;
    padding: 0 1em 1em;
}

    .panel fieldset.actions {
        padding: 1em;
    }

.panel legend {
    font-size: 15px;
    color: #85671E;
    font-family: "Georgia", serif;
    padding: 0 3px;
}

.panel label {
    display: block;
    margin-top: 1em;
}

    .panel label.required {
        color: #00447D;
        font-style: italic;
    }
    
    .panel label.required:after {
        content: " *";
    }

.panel input, .panel textarea {
    margin-bottom: 0.5em;
}

.panel input.button {
    margin: 0;
}

.panel input.checkbox {
    margin: 0;
}

.panel input.text {
    border: solid 1px #999;
    padding: 1px;
    width: 200px;
}

.panel textarea {
    border: solid 1px #999;
    padding: 1px;
    font-family: sans-serif;
    font-size: 12px;
    width: 500px;
    height: 100px;
}

/*** GUESTBOOK CSS *******/
#gbook .panel { width: 95%; font-family: Verdana; font-size: 11px; color: #666666}
#gbook .panel a { color: #1f5b8d; }
#gbook #gbookmenu { width: 100%; text-align: right; }
#gbook h2 { font-size: 12px; font-weight: bold; margin-bottom: 20px; text-align: center}
#gbook .pagination { font-size: 11px; font-family: Verdana; color: #666; margin-bottom: 10px}
#gbook .gb-count { font-size: 11px; font-weight: bold}
#gbook #entries .meta { padding: 10px; padding-bottom: 20px; }
#gbook #entries .gb-entry { padding: 10px; padding-left: 20px; width: 550px}
#gbook #entries .entry-name, #gbook #entries .entry-url, #gbook #entries .entry-date { font-weight: bold }
#gbook #entries .rowcolor0 {background-color: #eee }

#gbook #form-disclaimer { margin-bottom: 10px }
#gbook #gb-form .meta { padding: 5px; padding-right: 20px; font-weight: bold}
#gbook #gb-form .gb-entry { padding: 5px; text-align: left}
#gbook #gb-form .gb-entry input { width: 200px; padding: 2px}
#gbook #gb-form .gb-entry textarea { width: 300px; height: 100px; padding: 2px}

/****** UPDATED **********/

#gbook #message_posted { font-weight: bold; text-align: center; }
#gbook #reply-link { text-align: right; display: block; margin-bottom: 10px}
#gbook .nav { font-weight: normal; display: block; }
#gbook .paging { font-weight: normal; display: block; float: right}


#gbook .messagec { display: block; margin: 5px; border: 2px solid #d3e9ff; padding: 10px}
#gbook .messagetop { display: block; }
#gbook .messagetop .name { display: block; font-family: 'Times New Roman'; font-size: 16px; font-weight: bold; color: #00447d}
#gbook .messagetop .www { font-size: 11px; display: block; }
#gbook .messagetop .date { display: block; float: right; font-size: 10px}
#gbook .message { margin-top: 20px; clear: both; }
#gbook .message p { font-size: 12px; margin: 10px}

#gbook #reply { margin-top: 10px; }
#gbook #reply h3 { font-size: 16px; font-family: 'Times New Roman'; font-weight: bold; }
#gbook #reply form { margin: 10px; text-align: left }
#gbook #reply #form-table td { text-align: left; padding: 3px}
#gbook #reply #form-table td input { padding: 2px }

#gbook .messagetop input { margin: 0; padding: 0; margin-right: 15px; }
#gbook #gbook-adminmenu { text-align: center }
#gbook #gbook-adminmenu li { display: inline; border: 1px solid #08579a; padding: 5px}
#gbook h3 { font-size: 16px; font-family: 'Times New Roman'; font-weight: bold; margin: 10px 0 10px 0}
.admin .nav span { font-size: 11px; margin-bottom: 10px; display: block; }
.admin .submit { margin-bottom: 10px; padding: 5px}
#ip-ban #ip-form { margin: 10px 0 10px 0; display: block; }
#ip-ban #reason-form { display: block; margin-bottom: 10px}

/**** SITEMAP CSS ****/
#sitemap { margin: 20px 0 0 35px }
#sitemap li { margin: 15px; }
#sitemap .subnav1 { background: url('../images/blue_arrow.gif') no-repeat 0px 4px }
#sitemap li a { margin-left: 10px; color: #00447d; }

#sitemap .subnav2 { background: url('../images/blue_dot.gif') no-repeat 0px 4px }
#sitemap .subnav2 a { margin-left: 15px; color: #666666}

#sitemap .subnav3 { background: url('../images/blue_arrow2.gif') no-repeat 0px 4px }
#sitemap .subnav3 a { margin-left: 15px; }