body
{
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 0.7em;
    background: #bbb;
    margin: 3px;
}

h1
{
    font-size: 110%;
    margin: 20px 0 10px 0;
}

h2
{
    font-size: 105%;
    margin: 1em 0 0.25em 0;
}

h3
{
    font-size: 100%;
    margin: 1.25em 0 0.5em 0;
}

p
{
    margin: 0.25em 0 0.75em 0;
    line-height: 130%;
}

a
{
    color: black;
}

a:hover
{
    color: black !important;
}

img
{
    border: 0 none;
    vertical-align: middle;
}

form, table
{
    font-size: 100%;
    margin: 0;
    padding: 0;
    border: 0 none;
}

table
{
    width: 100%;
    border-bottom: 1px solid #eee;
    margin: 1.5em 0;
    border-collapse: collapse;
    border-spacing: 0;
}

th
{
    text-align: left;
}

tr
{
    vertical-align: top;
}

thead th
{
    background: #bbb;
    color: white;
    border-right: 1px solid white;
    border-top: 1px solid white;
    font-size: 86%;
    padding: 10px 10px 5px 5px;
}

tbody td, tbody th
{
    color: #222;
    border-top: 1px solid #eee;
    padding: 2px 10px 2px 0;
}

ul
{
    list-style-type: square;
}

ul, ol, dl
{
    margin: 1.5em 0;
    padding: 0;
}

dd
{
    margin: 0;
}

ol li
{
    padding-left: 5px;
    margin-left: 1.75em;
}

ul li
{
    padding-left: 5px;
    margin-left: 1.25em;
}

form
{
    margin: 0 0 1.75em 0;
    padding-bottom: 14px;
}

form h2
{
    padding-left: 32%;
    padding-bottom: 4px;
}

fieldset
{
    border: 0 none;
    margin: 0 0 14px 0;
    padding: 7px 0 0 0;
}

legend
{
    font-size: 90%;
    color: #555;
    font-weight: bold;
}

input, select, textarea, button, label
{
    margin: 0;
    padding: 0;
    vertical-align: middle;
    font-size: 95%;
    display: inline;
    font-family: Tahoma, Verdana, sans-serif;
}

button
{
    border: 0;
    padding: 0;
    background: transparent;
}

.img
{
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

.title
{
    margin: 0;
    height: 0px;
    padding: 45px 0 0 14px;
}

.col .title,
.coll .title,
.colr .title
{
    margin-left: -14px;
    margin-right: -14px;
    margin-top: -7px;
    margin-bottom: 14px;
}

.title span
{
    margin: -45px 0 0 220px;
    display: block;
    height: 0px;
    padding: 45px 0 0 14px;
   
}

.subtitle
{
    margin: 0 0 14px 0;
    height: 24px;
}

.breakout
{
    background-position: left bottom;
    background-repeat: no-repeat;
}

.hero
{
    background-image: url(/img/hero/bg.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-bottom: 23px;
    overflow: hidden;
    border-bottom: 0 none !important;
}

.col1
{
    background: #d5cdb9 url(/img/common/bg-col1.png) no-repeat left top;
    padding: 7px 14px 0 14px;
    min-height: 270px;
}

.col2
{
    background: #d5cdb9 url(/img/common/bg-col2lr.png) no-repeat left top;
    min-height: 270px;
    padding-top: 7px;
}

.col2 .col
{
    float: left;
    width: 205px;
    padding: 0 14px;
}

.col2 .coll
{
    float: left;
    width: 206px;
    padding: 0 14px;
}

.col2 .colr
{
    float: right;
    width: 450px;
    padding: 0 14px;
}

.col3
{
    background: #fff url(/img/common/bg-col3.png) no-repeat left bottom;
    min-height: 320px;
    padding-top: 7px;
}

.col3 .col
{
    float: left;
    width: 205px;
    padding: 0 14px;
}

.container
{
    min-height: 320px;
}

.rule
{
    margin: 14px 14px 0 14px;
    height: 0px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

.report
{
    min-height: 150px;
    padding: 6px 150px 6px 0;
    background-position: right top;
    background-repeat: no-repeat;
}

.col .rule
{
    margin-left: 0;
    margin-right: 0;
}

.form
{
    width: 100%;
}

.form a
{
    vertical-align: middle;
}

.action
{
    margin-top: 14px;
    border-top: 3px solid white;
    padding-top: 7px;
}

.archive
{
    margin: 1px 0 0 0;
    color: black;
}

.archive ul
{
    list-style-type: none;
    padding: 0;
    margin: 10px 0 0 0;
}

.archive li
{
    border-bottom: 1px solid #ddd;
    padding: 2px 0;
    font-size: 90%;
}

.archive ul li
{
    margin: 0;
}

.archive li.sel
{
    border-bottom: 1px solid #ccc;
    background: #f0f0f0;
}

.archive li.top
{
    border-bottom: 1px solid #555;
    font-weight: bold;
}

.archive a
{
    color: #333;
}

.archive a:hover
{
    color: white;
}

.label
{
    width: 28%;
    float: left;
    display: block;
    clear: left;
    padding-top: 2px;
    padding-bottom: 6px;
    margin-right: 4%;
    font-size: 90%;
    color: #777;
    font-weight: bold;
}

.label1
{
    display: block;
    margin: 0.5em 0 0.5em;
    font-size: 90%;
    font-weight: bold;
}

.element
{
    float: left;
    width: 68%;
    padding-bottom: 2px;
}

.frozen
{
    padding: 1px 0 2px 0;
}

.note
{
    padding: 6px 0 12px 0;
    font-size: 90%;
    display: block;
    color: #777;
}

.caption
{
    margin-bottom: 1em;
    padding-bottom: 0.5em;
    border-bottom: #f0f0f0 5px solid;
}

.full
{
    width: 99%;
}

.link
{
    background: url(/img/common/bullet-1.png) no-repeat 0 0.45em;
    padding-left: 14px;
}

.clear
{
    clear: both;
}

#layout
{
    position: relative;
    margin: 0 auto;
    width: 962px;
    padding: 0 16px 0 17px;
    background: #d5cdb9 url(/img/common/frame.png) repeat-y center top;
    border-top: 17px solid #fff;
    border-bottom: 17px solid #fff;
}

#content
{
    float: right;
    width: 712px;
    padding: 0 13px 0 12px;
    min-height: 512px;
}

#gallery
{
    height: 303px;
    margin: 0 -12px;
    border-bottom: 1px solid white;
}

.heroimg
{
    height: 303px;
    margin: 0 12px;
}

#navigation
{
    float: left;
    width: 224px;
}

#banner
{
    background: #3a5da8 url(/img/common/banner.png) no-repeat;
    height: 304px;
    overflow: hidden;
}

#banner a
{
    display: block;
    padding-top: 304px;
}

#navigation dl
{
    margin: 0;
}

#navigation dd
{
    background-repeat: no-repeat;
    background-position: -225px 0;
}

#navigation dd a
{
    background-repeat: no-repeat;
    display: block;
    padding-top: 22px;
    height: 0;
    overflow: hidden;
}

#navigation dd a:hover
{
    background-image: none;
}

#navigation dd a:hover
{
    color: #000;
}

#navigation dd.sel
{
    height: auto;
    overflow: vislble !important;
}

#navigation dd.sel a
{
    background-position: -225px 0;
}

#navigation dd.sel dl
{
    padding: 7px 0 14px 24px;
    background: white;
}

#navigation dd.sel dd a
{
    text-decoration: none;
    height: auto;
    padding: 2px 10px;
    font-weight: normal;
    background-image: none;
    color: #00b6f3;
}

#navigation dd.sel dd a:hover
{
    background-color: #eee;
}

#navigation dd.sel dd.sel a
{
    font-weight: bold;
    color: #000;
}

#nav_index, #nav_index a { background-image: url(/img/common/nav-home.png) }
#nav_services, #nav_services a { background-image: url(/img/common/nav-services.png) }
#nav_community, #nav_community a { background-image: url(/img/common/nav-community.png) }
#nav_staffing, #nav_staffing a { background-image: url(/img/common/nav-staffing.png) }
#nav_employment, #nav_employment a { background-image: url(/img/common/nav-employment.png) }
#nav_partnerships, #nav_partnerships a { background-image: url(/img/common/nav-partnerships.png) }
#nav_news, #nav_news a { background-image: url(/img/common/nav-news.png) }
#nav_report, #nav_report a { background-image: url(/img/common/nav-report.png) }
#nav_about, #nav_about a { background-image: url(/img/common/nav-about.png) }
#nav_volunteers, #nav_volunteers a { background-image: url(/img/common/nav-volunteers.png) }
#nav_contact, #nav_contact a { background-image: url(/img/common/nav-contact.png) }

#footer
{
    clear: both;
    background-color: #b4d9e2;
    border-top: 3px solid white;
    font-size: 90%;
}

#footer a
{
    text-decoration: none;
}

#footer dl
{
    border-top: 3px solid #707070;
    margin: 0;
    padding: 5px 14px 5px 225px;
}

#footer dd
{
    float: left;
}

#footer dd.right
{
    float: right;
}

#logo-print
{
    display: none;
}

.col2:after,
.col3:after,
.container:after,
#footer dl:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}