body  {
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height:1.22em;
    font-family: Arial, Verdana, Sans-serif;
    background: #c7dfc7;
}

/* Reset Rules 
-------------------- */

ol,ul {
    list-style:none;
}
h1,h2,h3,h4,h5,h6,p {
    margin: 0 0 9px 0;
    padding: 0;
    color: #000;
        line-height: 18px;
        font-weight: normal;
}

h1,h2,h3,h4,h5,h6 {
    color: #369;
    line-height: 22px;
}

a {
    color: #369;
}

a img {
    border: none;
}

/* Main Container Rules
--------------------------- */

#container  {
    width: 790px;
    margin: 0 auto;
    text-align: left;
    background: #fff url(../images/bg_loop.png) repeat-y;
}

#container.sub {
    background: #fff url(../images/bg_loop_sub.png) repeat-y;
}

/* Utility Nav Rules
----------------------- */

#unav {
    position: absolute;
    top: 23px;
    right: 30px;
    color: #336699;
    font-size: 11px;
}

#unav a {
    text-transform: uppercase;
    color: #336699;
}

/* Navigation Rules 
------------------------- */

#nav {
    width: 485px;
    height: 25px;
    position: absolute;
    top: 10px;
    right: 18px;
    background: url(../images/nav_bg.png) no-repeat;
}

#nav a {
    float: left;
    display: block;
    height: 25px;
}

#nav em {
    display: none;
}

#nav a#about {
    width: 122px;
}

#nav a#about:hover, body#category_aboutboma #nav a#about {
    background: url(../images/nav_about.png) no-repeat;
}

#nav a#directory {
    width: 157px;
}

#nav a#directory:hover, body#category_allieddirectory #nav a#directory {
    background: url(../images/nav_directory.png) no-repeat;
}

#nav a#education {
    width: 108px;
}

#nav a#education:hover, body#category_education #nav a#education {
    background: url(../images/nav_education.png) no-repeat;
}

#nav a#jobbank {
    width: 98px;
}

#nav a#jobbank:hover, body#category_jobbank #nav a#jobbank {
    background: url(../images/nav_jobbank.png) no-repeat;
}

/* Sub Navigation Rules 
------------------------- */

#subnav {
    position: absolute;
    top: 168px;
    _top: 180px;
        *top: 180px;
    left: -40px;
        margin: 0;
        padding: 0;
}

#subnav ul {
    width: 134px;
}

#subnav ul li a {
    font-size: 12px;
    display: block;
    height: 26px;
    line-height: 26px;
    padding: 0 0 0 30px;
    color: #194576;
    text-decoration: none;
}

#subnav ul li a:hover, li.selectedPage a {
    background: #194576;
    color: #fff !important;
}


/* Header Rules
---------------------- */

#header {
    position: relative;
    width: 790px;
    height: 116px;
    background: url(../images/header_bg.png) no-repeat;
}

a#home {
       position: absolute;
       top: 38px;
       left: 36px;
       width: 377px;
       height: 60px;
}

/* Main Content Area Rules 
------------------------------ */

#main {
    position: relative;
    width: 774px;
    margin: 0 0 0 8px;
    background: url(../images/building_bg.jpg) no-repeat top left;
}

#category_allieddirectory #main {
    background-image: url(../images/building2_bg.jpg);
}

#category_jobbank #main {
    background-image: url(../images/building3_bg.jpg);
}

#category_education #main {
    background-image: url(../images/building4_bg.jpg);
}

#main h1, #main h2 {
         font-size: 18px;
         line-height: 20px;
         margin: 0 0 15px 0;
}

#main hr {
        border: none;
        height: 1px;
        border-bottom: 1px solid #84a7a9;
        margin: 0 0 15px 0;
}

#content {
    padding: 200px 0 0 0;
    margin: 0 260px 0 28px;
}

#content ul, #content_sub ul, #content_sub_no_right ul {
        list-style-type: none;
        margin: 0;
        padding: 0 18px;
}

#content li, #content_sub li, #content_sub_no_right li {
        background: url(../images/bullet.gif) no-repeat left 3px;
        margin: 0 0 9px;
        padding: 0 0 0 16px;
        position: relative;
}

#adminbar li {
    margin: 0;
    padding: 0;
    background: none;
}

#content_sub_no_right .blogList ul {
    border-top: 1px solid #CCC;
    margin: 0;
    padding: 0;
}

#content_sub_no_right .blogList ul li {
    border-bottom: 1px solid #CCC;
    margin: 0;
    padding: 10px;
    position: relative;
    background: none;
}

#content_sub_no_right .blogList ul li:hover {
    background: #DEFDFF;
}

#content_sub_no_right .blogList ul li h2 {
font-size: 1em !important;
}

#content_sub {
    padding: 200px 0 0 0;
    margin: 0 260px 0 158px;
        min-height: 300px;
        height: auto !important;
        height: 300px;
}

#content_sub_no_right, #content_admin {
    padding: 200px 0 0 0;
    margin: 0 20px 0 158px;
        min-height: 300px;
        height: auto !important;
        height: 300px;
}

#content_sub_left {
    padding: 200px 0 0 0;
    margin: 0 20px 0 288px;
        min-height: 300px;
        height: auto !important;
        height: 300px;
}

#content_sub_left dl {
    margin: 0;
    padding: 0;
}

#content_sub_left dt {
    float: right;
}

#content_sub_left dd {
    margin: 0 0 12px;
    padding: 0 0 12px;
    border-bottom: 1px solid #369;
}

.dirTitle {
    font-size: 16px;
    color: #369;
    font-weight: bold;
}

#main p {
    margin: 0 0 15px 0;
    line-height: 18px;
}

#left {
    float: left;
    margin: 190px 0 0 10px;
    display: inline;
    width: 270px;
}

#content a, #content_sub a {
        color: #336699;
}

/* News and Events Callout Boxes
------------------------------------ */

#content .eventsList ul, #content_sub .eventsList ul, #content_sub_no_right .eventsList ul {
    margin: 0;
    padding: 0;
}

#content .eventsList li, #content_sub .eventsList li, #content_sub_no_right .eventsList li {
    margin: 0;
    padding: 5px 10px;
    background: #EFF;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #9CC;
}

#content .eventsList li:hover, #content_sub .eventsList li:hover, #content_sub_no_right .eventsList li:hover {
    background-color: #DFF;
}

#right {
    float: right;
    width: 247px;
    margin: 40px 8px 20px 0;
    display: inline;
    font-size: 11px;
}

#callout_header {
    position: relative;
    width: 187px;
    padding: 45px 30px 10px 30px;
    min-height: 100px;
    height: auto !important;
    height: 100px;
    margin: 0;
    background: url(../images/callout_header.jpg) no-repeat top left;
}

#callout_header ul, #callout_header li {
    margin: 0 0 18px;
    padding: 0;
}

#category_jobbank #callout_header {
    background-image: url(../images/callout_header_bldg3.jpg);
}

#category_education #callout_header {
    background-image: url(../images/callout_header_bldg4.jpg);
}

#callout {
    position: relative;
    width: 187px;
    padding: 50px 30px 10px 30px;
    min-height: 105px;
    height: auto !important;
    height: 105px;
    margin: 0;
    background: url(../images/callout.jpg) no-repeat top left;
}

.callout_btm {
    width: 247px;
    height: 18px;
    margin: 0;
    background: url(../images/callout_btm.jpg) no-repeat;
}

#callout_header h3 {
    position: absolute;
    top: 8px;
    left: 30px;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
}

#callout h3 {
    position: absolute;
    top: 13px;
    left: 30px;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
}

#callout_header p, #callout p {
    margin: 0 0 15px 0;
}

#callout_header a, #callout a {
    text-transform: uppercase;
    color: #517547;
    text-decoration: none;
}

#callout_header a:hover, #callout a:hover {
    text-decoration: underline;
}

#callout input, #callout select {
    display: block;
    margin: 8px 0;
}

#callout label {
    display: block;
}

#callout_header span a, #callout span a {
        display: block;
        width: 70px;
}

#callout h2 {
        font-size: 1em !important;
}

/* Membership Box Rules
------------------------ */

.member_box {
    position: relative;
    margin: 0 0 20px 0;
    background: #edf0f4 url(../images/member_box_bg.png) repeat-x;
}

#main .member_box h1 {
    height: 21px;
    color: #FFF;
    line-height: 22px;
    padding: 0 0 0 50px;
    font-size: 12px;
        margin: 0;
}

.member_box h1 a {
    color: #CFF;
}

.member_box p {
    padding: 5px 8px;
}

.member_box span {
    color: #fff;
    position: absolute;
    top: 4px;
    right: 8px;
    _right: 26px;
    font-weight: bold;
}

.building h1 {
    background: url(../images/h1_building.png) no-repeat top left;
}

.hat h1 {
    background: url(../images/h1_hat.png) no-repeat top left;
}

.paper h1 {
    background: url(../images/h1_papers.png) no-repeat top left;
}

.people h1 {
    background: url(../images/h1_people.png) no-repeat top left;
}

/* Sponsor Boxes
----------------------- */

.sponsorship_box {
    margin: 0 0 20px 0;
    padding: 0 0 15px 15px;
    background: #edf0f4 url(../images/member_box_bg.png) repeat-x;
}

#main .sponsorship_box h1 {
    margin: 0;
    padding: 0;
    height: 21px;
    color: #fff;
    line-height: 22px;
    font-size: 12px;
    text-transform: uppercase;
}

.sponsorship_box img {
    margin: 15px 10px 0 0;
}

/* Footer Rules 
---------------------- */

#footer {
    clear: both;
    width: 714px;
    padding: 10px 30px;
    height: 25px;
    margin: 10px 0 0 8px;
    background: #31669a;
    color: #fff;
    font-size: 11px;
}

#footer span {
    color: #bff786;
    font-weight: bold;
}

#footer a {
    color: #bff786;
}