/* Generic */
html, body, form
{
    margin:0;
    background-color:#8f7887;
    height:100%;
}
h1
{
    color:#644459;
    font-weight:bold;
    font-size:108%;
    margin:0;
    margin-bottom:1em;
}
h2
{
}
td
{
    border:0;
}
a
{
    text-decoration:none;
    color:#666699;
}
a:hover
{
    text-decoration:underline;
}
p
{
    margin-bottom:.5em;
}
.clear_float
{
    clear:both;
}
strong
{
    font-weight:bold;
}
em
{
    font-style:italic;
}
.body-text
{
    font-size:93%;
    color:#666;
}

/* document */
#custom-doc
{
    width:80.308em;
    *width:78.300em;
    margin:auto;
    text-align:left;
    height:100%;
    /* background-color:#FFF; */
}

/* Header */
#hd-wrapper
{
    position:relative;
    height:184px;
    background:url(../images/site/header-bg.png) no-repeat;
    z-index:60000;
}
#hd
{
    position:relative;
    height:152px;
}

/* home link */
#hd #logo-link
{
    display:block;
    position:absolute;
    left:0;
    top:17px;
    width:380px;
    height:125px;
}

/* Body */
#bd
{
    position:relative;
    background:url(../images/site/body-bg.png) repeat-y;
    min-height:250px;
    padding:0 10px;
}
#col1
{
    float:left;
    width:157px;
    overflow:hidden;
    min-height:100px;
    padding-bottom:100px;
}
#col2
{
    float:right;
    width:860px;
    overflow:hidden;
}

/* Footer */
#ft
{
    clear:both;
    position:relative;
    height:135px;
    background:url(../images/site/footer-bg.png) no-repeat;
}

/* Main navigation */
#nav
{
    position:absolute;
    bottom:-32px;
    right:68px;
    z-index:60000;
}
#nav ul
{
    margin:0;
    padding:0;
}
#nav ul li
{
    list-style:none;
    position:relative;
    float:left;
    padding-left:9px;
    background:url(../images/site/nav/separator-off-off.png) no-repeat left top;
    *behavior:url(/csshover3.htc);
}
#nav ul li a
{
    display:block;
    background: #857A76;
    color:#FFF;
    font-family:Arial;
    height:29px;
    line-height:29px;
    text-decoration:none;
    padding:0 6px;
    white-space:nowrap;
    float:left;
}
#nav ul li.first
{
    padding-left:6px;
    background:url(../images/site/nav/separator-first-off.png) no-repeat left top;
}
#nav ul li.first-on
{
    padding-left:6px;
    background:url(../images/site/nav/separator-first-on.png) no-repeat left top;
}
#nav ul li.on a,
#nav ul li.first-on a,
#nav ul li.last-on a
{
    background-color:#644459;
}
#nav ul li.after-on
{
    background:url(../images/site/nav/separator-on-off.png) no-repeat left top;
}
#nav ul li.last div
{
    padding-right:7px;
    background:url(../images/site/nav/separator-last-off.png) no-repeat right top;
    overflow:hidden;
}
#nav ul li.on,
#nav ul li.last-on
{
    padding-left:8px;
    background:url(../images/site/nav/separator-off-on.png) no-repeat left top;
}
#nav ul li.last-on div
{
    padding-right:7px;
    background:url(../images/site/nav/separator-last-on.png) no-repeat right top;
    overflow:hidden;
}
/* to fix last menu item background image in ie6 */
* html #nav ul li.last-on div,
* html #nav ul li.last div
{
    width:10px;
    overflow:visible;
}
/* main nav submenus */
#nav ul li.on ul a,
#nav ul li.first-on ul a,
#nav ul li.last-on ul a
{
    background-color:#857A76;
}
#nav ul ul
{
    display:none;
}
#nav ul li:hover ul
{
    display:block;
    position:absolute;
    top:29px;
    left:8px;
}
#nav ul ul li,
#nav ul ul li.on
{
    background:none;
    clear:both;
    padding:0;
}
#nav ul ul li a
{
    background-color:#857A76;
    color:#000;
    width:160px;
    border-top:1px solid #FFF;
    color:#FFF;
    text-transform:uppercase;
    padding-left:10px;
    font-size:85%;
    height:21px;
    line-height:20px;
}
#nav ul ul li a:hover,
#nav ul ul li a.on
{
    background-color:#644459;
    background-image:none;
}

/* main content area */
#main-content
{
    margin:30px 0px 10px 50px;
}

/* footer menu */
.ft-menu ul
{
    margin:0;
    padding:0;
}
.ft-menu li
{
    list-style:none;
    float:left;
}
.ft-menu
{
    position:absolute;
    left:36px;
    bottom:33px;
}
.ft-menu a
{
    color:#857a76;
    text-transform:uppercase;
    font-size:77%;
    text-decoration:none;
    padding:0 8px;
    border-right:1px solid #857a76;
}
.ft-menu a.last
{
    border:none;
}

/* side navigation */
#side-nav
{
    padding-top:28px;
}
#side-nav ul
{
    margin:0;
    padding:0;
}
#side-nav ul li
{
    list-style:none;
}
#side-nav ul li a
{
    display:block;
    text-transform:uppercase;
    color:#FFF;
    text-decoration:none;
    font-size:85%;
    padding:5px;
    border-bottom:1px solid #c1b4bd;
    width:140px;
}
#side-nav ul li a:hover
{
    color:#644459;
    background:#e0dade;
}
#side-nav ul li.on a
{
    font-weight:bold;
    color:#FFF;
    background:#857A76;
    width:148px;
}
#side-nav ul li.on a.parent
{
    border-bottom:0;
}
/* side nav submenu */
#side-nav ul ul
{
    display:none;
}
#side-nav ul li.on ul
{
    display:block;
}
#side-nav ul li.on ul li a
{
    padding:0px 5px 5px 12px;
    border:0;
    text-transform:none;
    font-weight:normal;
}
#side-nav ul li.on ul li a:hover,
#side-nav ul li.on ul li a.on
{
    text-decoration:underline;
}
/* staff position name in side menu */
#side-nav .staff-position-name
{
    text-transform:none;
    font-style:italic;
}

/* office address under side nav */
#col1 .office-address
{
    position:absolute;
    bottom:0;
    left:20px;
    color:#FFF;
    font-size:85%;
}
#col1 .office-address a
{
    color:#FFF;
}
/* home page columns */
#home-content
{
    margin:20px 0px 10px 40px;
}
#home-columns
{
    position:relative;
    width:760px;
    height:501px;
    background:url(../images/site/home-columns-bg.jpg) no-repeat;
    margin-bottom:10px;
}
#home-columns a
{
    color:#663366;
}
.home-col1,
.home-col2,
.home-col3
{
    width:213px;
    height:241px;
}
.home-col1
{
    position:absolute;
    bottom:30px;
    left:20px;
}
.home-col2
{
    position:absolute;
    bottom:30px;
    left:275px;
}
.home-col3
{
    position:absolute;
    bottom:30px;
    left:530px;
}

/* home page latest news */
#home-news h1
{
    background:#8e89a1;
    color:#FFF;
    margin-right:10px;
    padding:5px 10px;
    font-size:100%;
}
#home-news p
{
    color:#666699;
    font-size:93%;
    padding-right:200px;
    padding-left:10px;
}
#home-news a.read-more
{
    font-size:85%;
    color:#000;
    padding-left:10px;
}
#home-news a.title
{
    font-weight:bold;
}

/* staff profile articles */
.staff-articles h2
{
    color:#666699;
    font-size:100%;
    padding-left:10px;
}
.staff-articles p
{
    color:#666699;
    font-size:93%;
    padding-left:10px;
}
.staff-articles a.read-more
{
    font-size:85%;
    color:#000;
    padding-left:10px;
}
.staff-articles a.title
{
    font-weight:bold;
}

/* service articles */
.service-articles h2
{
    color:#666699;
    font-size:100%;
    padding-left:10px;
    margin-top:0;
    margin-bottom:10px;
}
.service-articles p
{
    color:#666699;
    font-size:93%;
    padding-left:10px;
    margin:0;
}
.service-articles a.read-more
{
    font-size:85%;
    color:#000;
    padding-left:10px;
}
.service-articles a.title
{
    font-weight:bold;
}
.service-articles hr
{
    height:0;
    border:0;
    border-top:1px solid #888;
    margin-left:10px;
}

/* columns inside main content area */
.content-col1
{
    float:left;
    width:500px;
}
.content-col2
{
    float:right;
    width:238px;
    overflow:hidden;
}

/* purple box on top of right column */
.purple-box
{
    height:138px;
    padding:20px 10px 10px 20px;
    background:url(../images/site/purple-box.png) no-repeat top left;
    color:#FFF;
    font-style:italic;
    font-size:93%;
}

/* green and grey button */
.green-grey-button
{
    display:block;
    width:238px;
    height:36px;
    background:url(../images/site/green-grey-button.png) no-repeat top left;
    color:#FFF;
    text-decoration:none;
    text-align:center;
    line-height:36px;
    font-weight:bold;
    font-size:15px;
}
.green-grey-button:hover
{
    background:url(../images/site/green-grey-button.png) no-repeat 0px -36px;
    color:#000;
    text-decoration:none;
}

/* contact page */
.contact-page .text-box
{
    width:300px;
}
.contact-page textarea
{
    width:300px;
    height:100px;
}
.contact-page .google-map
{
    position:absolute;
    right:0;
    top:40px;
}
.contact-page .col1
{
    float:left;
    width:330px;
    overflow:hidden;
}
.contact-page .col2
{
    float:right;
    width:425px;
    overflow:hidden;
}

/* sitemap page */
.sitemap-page ul
{
    margin-top:0;
    margin-bottom:0;
}
.sitemap-page li
{
    list-style-type:none;
    margin-top:3px;
}

/* services page */
.services-page ul
{
    margin-top:0;
    margin-bottom:0;
}
.services-page li
{
    margin-top:3px;
}

/* publication search form */
.publication-search td
{
    padding:0;
}
.publication-search div
{
    padding-bottom:5px;
}
.publication-search label
{
    display:block;
    float:left;
    width:110px;
}
.publication-search .button
{
    margin-bottom:5px;
}

/* publication list */
.publication-list ul
{
    margin:0;
    padding:0;
}
.publication-list li
{
    list-style:none;
    border-bottom:1px solid #d7e0dd;
    overflow:hidden;
    padding:10px 0;
    width:100%;
}
.publication-list li .publish-date
{
    float:left;
    width:66px;
    font-weight:bold;
    font-size:85%;
}
.publication-list li .summary
{
    float:right;
    width:390px;
    font-size:93%;
}
.publication-list li .summary .title a
{
    font-weight:bold;
    color:#644459;
}
.publication-list li .summary .author
{
    padding-top:2px;
    font-weight:bold;
}
.publication-list li .summary .description
{
    color:#545c61;
    padding-bottom:4px;
}

/* staff member contact details */
.staff-contact-details
{
    padding:10px;
}

/* staff profile page */
.staff-profile-page .content-col1 h1
{
    margin-bottom:0;
}
.staff-profile-page .position-name
{
    font-size:85%;
    padding-bottom:10px;
    color:#666;
}
.staff-profile-page .content-col2 ul
{
    margin:5px 0 5px 15px;
    padding:0;
    color:#666699;
}
.staff-profile-page .content-col2 ul li
{
    /* list-style-position:inside; */
}