body
{
margin: 0;
color: rgb(90,90,90);
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 11pt;
background: url("/_images/layout/back-gray-gradient.png") repeat-x left top;
}

img
{
border: none;
}

#wrap
{
padding-bottom: 40px;
}

.widthcontainer
{
}





#header
{
position: relative;
height: 132px;
background: url("/_images/layout/rebuilding-lives.png") center right no-repeat #346;
}

#header div#orglinks
{
text-align: right;
}

#header div#orglinks p
{
color: rgb(255,255,255);
margin: 0px;
padding: 6px 12px 0 12px;
font-size: 9pt;
text-transform: lowercase;
}

#header div#orglinks p a
{
color: rgb(255,255,255);
}

#header div#orglinks p a:hover
{
text-decoration: underline;
}





#header img#mainlogo
{
display: block;
position: absolute;
top: 0;
}

#header h1, #header span#go-home
{
display: block;
position: absolute;
top: 42px;
left: 200px;
margin: 0;
padding: 0;
color: #eef;
font-size: 26pt;
}

#header a:hover h1#locationlogo
{
display: none;
}

#header a span#go-home
{
display: none;
color: #ffc;
}

#header a:hover span#go-home
{
display: block;
}

#header h1#locationlogo span#location
{
display: none;
}

#header h2
{
display: none;
}





div#menu
{
}

div#menu ul
{
margin: 80px 0 0 200px;
padding: 0 0 0.5em 0;
list-style-type: none;
display: block;
}

div#menu ul li
{
margin: 0px;
display: inline;
font-size: 13pt;
}

div#menu ul li a
{
color: #ee9;
display: inline;
text-decoration: none;
padding: 0.5em 12px;
}

div#menu ul li a:hover
{
color: #ffc;
text-decoration: underline;
cursor: pointer;
}





#mantra
{
display: none;
}






div#subnav
{
float: right;
width: 260px;
background: #346;
margin-left: 20px;
margin-bottom: 20px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.3);
border-radius: 10px;
}

div#subnav h2
{
font-family: "Geogie", serif;
font-weight: normal;
font-size: 28pt;
margin: 0px;
padding: 0px;
text-align: right;
color: #fff;
text-transform: lowercase;
}

div#subnav ul
{
font-size: 10pt;
margin: 0;
padding: 0px 10px;
color: #fff;
list-style-position: inside;
}

div#subnav ul li
{
padding: 0px;
margin: 6px 0px;
}

div#subnav ul li a
{
color: rgb(240,240,150);
text-decoration: none;
}

div#subnav ul li a:hover
{
color: rgb(255,255,180);
text-decoration: underline;
}

div#subnav ul ul
{
list-style-type: none;
padding: 0 0 0 1em;
}

div#subnav ul ul li
{
font-size: 80%;
margin: 0;
}





#content
{
clear: both;
margin: 6em 4em 4em 4em;
font-family: "Arial", sans-serif;
}





h1
{
font-family: "Geogia", serif;
font-weight: normal;
color: #346;
font-size: 22pt;
}

h2
{
font-family: "Geogia", serif;
font-weight: normal;
color: #346;
font-size: 20pt;
margin: 2em 0 0.5em 0;
}

h3
{
font-family: "Geogia", serif;
font-weight: normal;
color: #679;
font-size: 14pt;
margin: 1.5em 0 0.5em 0;
}

h4
{
font-size: 12pt;
font-family: "Geogia", serif;
font-weight: normal;
color: #679;
margin: 1em 0 0.2em 0;
}

p
{
line-height: 1.5em;
margin-top: 0px;
margin-bottom: 24px;
}

ul
{
list-style-type: square;
padding-left: 3em;
}

li
{
margin-bottom: 0.6em;
}

a, *[onclick]
{
text-decoration: none;
color: #900;
cursor: pointer;
}

a:hover, *[onclick]:hover
{
color: #f66;
text-decoration: none;
}

q, blockquote
{
display: block;
min-height: 40px;
width: 66%;
margin: 0 auto;
padding: 10px 0 0 40px;
font-size: 11pt;
font-family: "Georgia", serif;
font-style: italic;
background: url("/_images/icons/quote.png") top left no-repeat;
text-align: left;
}

cite
{
display: block;
width: 66%;
margin: 0 auto;
font-size: 11pt;
font-family: "Georgia", serif;
font-style: italic;
font-weight: bold;
text-align: right;
}

img.articleimage, img[alt="left"], img[right="right"]
{
float: left;
display: block;
margin: 0 20px 10px 0;
border: 2px solid #124;
}

img.right, img[desc="right"]
{
float: right;
margin-right: 0;
margin-left: 20px;
}

img.noborder
{
border: none;
}





a.Topic
{
display: block;
margin: 0 0 10px 0;
padding: 8px 16px;
font-size: 10pt;
border: 1px solid #ddd;
-moz-border-radius-topright: 16px;
-webkit-border-top-right-radius: 16px;
-moz-border-radius-bottomleft: 16px;
-webkit-border-bottom-left-radius: 16px;
color: #666;
background: url("/_images/layout/topic-back.gif") no-repeat top left;
}

a.Topic h4
{
margin: 0;
padding: 0;
color: #346;
width: 36%;
float: left;
}

a.Topic p
{
margin: 0 0 0 30%;
}

a.Topic:hover
{
background: none #ffe;
}





img#news-feed-icon
{
vertical-align: baseline;
padding: 0 0.5em;
}





div.JobListing
{
clear: both;
position: relative;
background-color: #346;
border: 2px solid #346;
padding: 0.5em 1em;
margin-bottom: 1em;
}

div.JobListing:hover div.JobListingHeader
{
cursor: pointer;
}

div.JobListing:hover div.JobListingHeader h3
{
text-decoration: underline;
}

div.JobListing h3
{
margin: 0;
text-transform: none;
color: #ee9;
}

div.JobListing p
{
color: #eee;
}

div.JobListing span.ClosingDate
{
display: block;
position: absolute;
top: 1em;
right: 1em;
font-size: 0.8em;
color: #eee;
}

div.JobListing div.JobListingInfo
{
margin-top: 2em;
}

div.JobListing p.ContactInfo
{
text-align: right;
margin-bottom: 0.5em;
}

div.JobListing a
{
color: #ee9;
}

div.JobListing a:hover
{
color: #ffa;
text-decoration: underline;
}





ul#GalleryMenu
{
list-style-type: none;
padding: 0;
margin: 0;
min-height: 160px;
}

ul#GalleryMenu li
{
display: block;
float: left;
padding: 0;
margin: 0 10px 10px 0;
border: 2px solid #346;
}

ul#GalleryMenu li a
{
display: block;
width: 160px;
padding: 132px 8px 8px 8px;
text-align: center;
text-decoration: none;
background-repeat: no-repeat;
background-color: #346;
background-position: 8px 8px;
line-height: 1.5em;
color: #eee;
}

ul#GalleryMenu li a:hover
{
background-color: #568;
}

ul#GalleryMenu li.camp-training a
{
background-image: url('/_images/tour/camp-training/4sm.jpg');
}

ul#GalleryMenu li.playground-opening a
{
background-image: url('/_images/tour/playground-opening/3sm.jpg');
}

ul#GalleryMenu li.sallys-house a
{
background-image: url('/_images/tour/sallys-house/1sm.jpg');
}

ul#GalleryMenu li.new-bus a
{
background-image: url('/_images/tour/new-bus/1sm.jpg');
}

ul#GalleryMenu li.shelter a
{
background-image: url('/_images/tour/shelter/1sm.jpg');
}

ul#GalleryMenu li.stepping-stones a
{
background-image: url('/_images/tour/stepping-stones/1sm.jpg');
}

ul#GalleryMenu li.community-services a
{
background-image: url('/_images/tour/community-services/1sm.jpg');
}

ul#GalleryMenu li.community-center a
{
background-image: url('/_images/tour/community-center/1sm.jpg');
}
ul#GalleryMenu + p
{
clear: left;
}





.hidden
{
display: none;
}

.ClearFix
{
clear: both;
}





#footerwrap
{
clear: both;
background-color: #346;
color: #eee;
padding: 12px;
}

#footer
{
text-align: right;
}

#footer p
{
font-size: 9pt;
margin-top: 6px;
margin-bottom: 0px;
}

#footer p.title
{
font-size: 12pt;
}










/* ----------------
	ADMIN STYLE
-----------------*/

#admin_logout
{
text-align: right;
}

#admin_logout p
{
text-align: right;
}

#admin_pagetable
{
border-collapse: collapse;
border: 2px solid #679;
width: 100%;
}

#admin_pagetable tr:hover td
{
background-color: #bce;
}

#admin_pagetable th
{
background-color: #346;
color: #eee;
padding: 4px 12px;
text-align: left;
}

#admin_pagetable td
{
background-color: #cdf;
padding: 4px 12px;
font-size: 10pt;
}

#Form_Title
{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16pt;
background-color: transparent;
color: #346;
width: 66%;
}

#Form_Content
{
width: 100%;
height: 400px;
border: none;
}

form#AdminForm label
{
display: block;
}

form#AdminForm input, form#AdminForm textarea
{
display: block;
width: 100%;
}

form#AdminForm textarea
{
height: 320px;
}

span.field
{
display: block;
margin-bottom: 16px;
}

form#AdminForm input.date
{
width: 120px;
}

form#AdminForm input[type="submit"]
{
width: auto;
}

form *.errorField
{
background-color: #F08787;
}

form *.okField
{
background-color: #87E187;
}