@import url("fck.css");

/* Structure Styles
----------------------------------------------------------------------------------------- */
body { background-color: #fff; min-width: 1000px; text-align: center; }
#container { background: transparent url('../images/bg.gif') repeat-y top left; margin: 0 auto; text-align: left; width: 1000px; margin-bottom: 1em; }
#header { height: 95px; }
#header img { float: left; position: relative; left: 10px; top: 0; }
a img { border: none; }
#header span { float: right; position: relative; top: 10px; right: 20px; }
#header span em { margin: 0 5px; }
#content { background: transparent url('../images/bg.gif') repeat-y top left; float: left; height: auto; padding-bottom: 1em; }
#main-content { padding: 0 10px; width: 1000px; }
#left-nav { float: left; height: 100%; padding-left: 10px; width: 180px; }
#wide-content { float: left; height: 100%; margin: 0 0 5px 14px; width: 750px; }
#center-content { float: left; height: 100%; margin: 0 0 5px 14px; width: 550px; }

#center-content img { margin: 1em; padding: 2px; border: 1px solid #dbdbdb; }

#right-nav { float: right; width: 157px; margin-right: 15px; }
#strapline { clear: both; float: left; width: 100%; }
#strapline * { margin: 1em 0 1em 300px; }
#logos { float: left; width: 100%; }
#logos img { float: left; margin-left: 85px; }
#logos .fed { margin: -10px 0 0 50px; }
#footer { background: transparent url('../images/footer-bg.gif') no-repeat top left; float: left; height: 90px; margin: 0 0 10px -11px; padding: 10px 25px 10px; width: 1000px; }
#footer span.left, #footer span.center { float: left; margin-left: 10px; }
#footer span.center { margin-left: 60px; }
#footer span.right { float: right; margin-right: 35px; }
#footer span a { padding: 5px 0; }
#footer span.right a { padding: 5px 0 5px 5px; }
#footer span em { margin: 0 0.2em; }

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

    /* 1st level */
    #left-nav ul { float: left; width: 180px; margin-bottom: 5px; }
    #left-nav ul li { float: left; }
    #left-nav li a { background: transparent url('../images/nav.gif') no-repeat 0 -31px; float: left; height: 31px; line-height: 31px; margin-bottom: 5px; width: 172px; }
    #left-nav li a:hover { background-position: 0 0; }
    #left-nav li a.overflow { padding: 0.4em 0; }

    /* 2nd Level */
    li.submenu-head, li.submenu-foot { background-color: transparent; background-repeat: no-repeat; float: left; height: 7px; width: 182px; }
    li.submenu-head { background-image: url('../images/submenu-head.gif'); }
    #left-nav .nav li { background-color: #c6e2df; }
    #left-nav .nav li a { background-color: #c6e2df; background-image: none; float: left; height: 2.4em; line-height: 2.4em; margin: 0; }
    #left-nav .nav li a:hover { background-color: #1a8b7e; }
    #left-nav .nav li.last a { margin-bottom: 0; }
    li.submenu-foot { background-image: url('../images/submenu-foot.gif'); height: 5px; margin-bottom: 0.5em; }

    /* 3rd level */
    #left-nav li li ul a { height: 20px; width: 167px; padding-left: 15px; }

    /* Search */
    #left-nav #search { background: transparent url('../images/search-bg.gif') no-repeat top left; clear: both; display: block; float: left; height: 31px; margin-bottom: 5px; width: 182px; }
    #left-nav #search div { border: 0; clear: none; }
    #left-nav #search input.textbox { border: 0; float: left; left: 10px; padding: 2px 4px 0 1px; position: relative; top: 6px; width: 140px; }
    #left-nav #search input.image { border: 0; float: right; height: 31px; width: 22px; }
    #left-nav #search input.image:hover { background-image: url('../images/search-button.gif'); }

/* Boxes
----------------------------------------------------------------------------------------- */
.actionbox, .infobox, .errorbox { background: #CED9CB url(../_layout/icons/accept.png) no-repeat 7px 8px; border: solid 1px #1E3E3B; color: #1E3E3B; float: left; margin: 10px 0; padding: 8px 8px 8px 30px; }
.infobox { background: #CBCFD8 url(/_layout/icons/information.png) no-repeat 7px 8px; border: solid 1px #211fcb; color: #211fcb; }
.errorbox { background: #D8CFCB url(/_layout/icons/error.png) no-repeat 7px 8px; border: solid 1px #d31f1f; color: #d31f1f; }

/* Content
----------------------------------------------------------------------------------------- */
#quicklinks a { margin-left: 7px;  }

#news { border-left: 1px solid #ddd; float: left; padding-left: 10px; width: 200px; }
#news li { margin-left: -5px; }

#gallery { background: transparent url('../images/gallery.png') no-repeat top left; float: left; height: 74px; width: 159px; }
#gallery:hover { background-position: 0 -76px; }

ul.sitemap { list-style: circle; margin-left: 40px; }
ul.sitemap li { line-height: 1.8em; }

#banner { background-color: #9fcf67; background-repeat: no-repeat; height: 287px; margin: 0 0 1.5em 10px; padding-bottom: 15px; width: 981px; }

#center-content ul, #wide-content ul { margin-left: 20px; list-style: disc; }
#center-content ol, #wide-content ol { list-style: decimal; margin-left: 25px; }
/*#center-content table, #wide-content table { float: left; margin-bottom: 1em; }*/

.faq { border-bottom: 1px solid #dbdbdb; margin-top: 2em; }

#developer { width: 100%; position: absolute; top: 0; z-index: 100; background-color: yellow; width: 300px; padding: 10px; }

#results iframe { height: 1000px; width: 760px !important; }


/* Typography
-----------------------------------------------------------------------------------------*/


#left-nav #search input { color: #6d6f71; }
#left-nav li a { color: #fff; font-size: 14px; font-weight: bold; padding-left: 10px; text-decoration: none; }
#left-nav li a:hover { color: #1c8c7f; }
#left-nav li a.overflow { line-height: 1.4em; padding-left: 15px; }
#left-nav li li a { font-size: 12px; color: #1c8c7f; }
#left-nav li li a:hover { text-decoration: underline; color: #fff; }

#center-content a, #wide-content a, #header span a { color: #13625f; text-decoration: none; }
#center-content a:hover, #wide-content a:hover, #header span a:hover { text-decoration: underline; }
#center-content #trail a, #wide-content #trail a { color: #13625f;  }
#news li strong { color: #13625f; }

#strapline * { font-style: italic; font-size: 2em; }

#footer span { color: #fff; font-size: 0.9em; line-height: 1.6em; }
#footer span a { color: #fff; text-decoration: none; }
#footer span a:hover { text-decoration: underline; }
#footer span em { color: #fff; font-style: normal; }
#footer span.right { text-align: right; }

#news-header { line-height: 31px; text-indent: 10px; }
#news-content { padding: 0 5px; }
#news-content strong { color: #6d6f71; float: left; clear: right; }
#news-content a { color: #13625f; }