/* GLOBAL DECLARATION */
* {font-family: tahoma, arial, helvetica, sans-serif; font-size: 11px; margin: 0; padding: 0;}
html, body {background: url('graphics/fillers/background.jpg') repeat-x; background-color: #F1EBDC; height: 100%;}

/* REPLACEMENT TAGS */
a {text-decoration: none;}
a:hover {text-decoration: underline;}
b, strong {font-weight: bold;}
em {font-style: italic;}
form {display: inline;}
h1, h2, h3 {display: block; font-weight: bold;}
img {border: 0; margin: 0; padding: 0;}
li {margin: .2em .1em .2em 2em;}
ol {margin: .8em 0 .8em 0;}
p {margin: 0px; padding: 0px}
ul {margin: .8em 0 .8em 0;}

/* CONTAINER */
#header {margin: 0 auto 0 auto; width: 744px;}

/* TOP SECTION: PAPER CLIP AND HEADER LOGO */
#paperclip {background: url('graphics/elements/paperclip.gif'); height: 15px; width: 744px;}
#cacadu {background: url('files/header/cacadu.jpg'); height: 206px; padding: 31px 13px 0 0; text-align: right; width: 731px;}

/* TOP ICONS IN HEADER AREA */
.homepage, .aboutus, .contactus {border: 0; height: 18px; margin-left: 15px; width: 13px;}

/* MENU BAR ON TOP */
#menu {float: left; height: 50px; width: 744px;}
#menu a {color: #FFFFFF; display: block; float: left; font-family: "times new roman", times, serif; font-size: 17px; font-weight: normal; height: 37px; padding-top: 13px;}
#menu li {display: inline; float: left; margin: 0;}
#menu li.home {margin-left: 54px;}
#menu li.about {margin-left: 51px;}
#menu li.faqs {margin-left: 51px;}
#menu li.blog {margin-left: 76px;}
#menu li.news {margin-left: 68px;}
#menu li.resources {margin-left: 57px;}
#menu li.contact {margin-left: 38px;}
#menu ul {list-style: none; margin: 0; padding: 0;}

/* CONTENT */
#container {margin: 0 auto 0 auto; width: 744px;}
#paper {background: url('graphics/fillers/paper.jpg') no-repeat; float: left; min-height: 379px; width: 744px;}
#navigation {background: url('graphics/fillers/navigation.gif'); float: left; min-height: 379px; width: 744px;}
#bottom {background: url('graphics/fillers/bottom.jpg') no-repeat bottom; float: left; min-height: 379px; width: 744px;}

/* CONTENT: MAIN TEXT AREA */
#text {background: url('graphics/fillers/tape.gif') no-repeat top; float: left; min-height: 379px; padding: 20px 40px 0 40px; width: 405px;}

/* CONTENT: HIGHLIGHT */
.headline {background-color: #D8D0BA; display: block; font-weight: bold; height: 17px; letter-spacing: 1px; padding: 3px 10px 0 10px; width: 385px;}

/* CONTENT: SITE MAP */
#sitemap {float: left; width: 405px;}
#sitemap li {list-style: url('graphics/fillers/sitemap.gif');}
#sitemap li a {color: #000000; font-family: 'trebuchet ms', arial, helvetica, sans-serif; font-size: small; font-weight: normal;}
#sitemap li.subs {list-style: url('graphics/fillers/sitemap_subs.gif');}
#sitemap ul.map {margin: 0; padding: 0;}

/* CONTENT: FAQ'S */
#faqs {float: left; width: 405px;}
#faqs li {list-style: url('graphics/elements/bullet_faq.gif');}
#faqs li a {color: #000000; font-family: 'trebuchet ms', arial, helvetica, sans-serif; font-size: small; font-weight: normal;}
#faqs ul {margin: -5px 0 0 0; padding: 0;}
a.questions {color: #000000; font-size: 13px;}

/* CONTENT: NEWS */
.feature {float: left; height: 133px; margin-top: 15px; width: 405px;}
.frame {background: url('graphics/fillers/frame.gif'); height: 133px; width: 167px;}
.frame img {border: 1px solid #FFFFFF; margin: 13px 0 0 11px;}
.brief {float: right; margin-top: -123px; width: 223px;}
.date {color: #977639;}
.clip {background: url('graphics/elements/clip.gif'); height: 53px; margin-top: -148px; position: relative; width: 32px;}
.editorial {clear: both; float: left; width: 405px;}

/* CONTENT: EVENTS */
#events {float: left; width: 405px;}
#datepicker {float: right;}
.blue {color: #5E8BC5; font-weight: bold;}

/* CONTENT: SEARCH BAR */
#bar {float: left; width: 405px;}
#bar .find {float: left; margin: 0;}
#bar .position {clear: both; height: 5px; margin: 0;}
#bar input.textfield {float: left; font-size: 11px; height: 14px; padding: 1px 4px 0 4px; margin-right: 10px; width: 170px;}
#bar select {float: left; font-size: 11px; height: 18px; margin-right: 10px; width: 170px;}
#bar select.maxi {width: 150px;}
#bar select.mini {width: 85px;}
#bar select.year {width: 65px;}

/* CONTENT: PAGE ELEMENTS AT BOTTOM */
#options {float: left; margin-top: -10px; width: 405px;}
#options a {color: #000000; font-weight: normal;}
#options img {margin: 0 3px 0 20px; vertical-align: middle;}
.results {float: left;}
#options .results img {margin: 0 3px 0 0;}
.actions {float: right;}
.paging {background-color: #F7F2E5; border: 1px solid #C7BC99; float: left; font-size: 11px; height: 14px; margin: -2px 3px 0 3px; text-align: center; width: 18px;}
.paging_selected {background-color: #E7DDC5; border: 1px solid #C7BC99; float: left; font-size: 11px; font-weight: bold; height: 14px; margin: -2px 3px 0 3px; text-align: center; width: 18px;}
#options .paging_selected a {font-weight: bold;}

/* CONTENT: MODULE */
#image {border: 1px solid #31320B; float: left; margin: 15px 0 0 10px; width: 213px;}
.module {background: url('graphics/fillers/module.jpg'); border: 1px dotted #5A5B3C; float: left; padding: 10px; width: 385px;}

/* MAIN RIGHT MENU AND SEARCH AREA CANVAS */
#canvas {float: left; min-height: 379px; width: 239px;}

/* QUICK SEARCH */
#quicksearch {color: #3F351E; float: left; padding: 75px 0 0 29px; width: 210px;}
#quicksearch input.search {background: url('graphics/fillers/search.gif'); border: 1px solid #EFE7D3; color: #3F351E; height: 16px; margin-top: 5px; padding: 1px 4px 0 4px; width: 175px;}
#quicksearch .advanced {float: left; margin-top: 7px;}
#quicksearch .advanced a {color: #3F351E; font-weight: normal; text-decoration: underline;}
#quicksearch .button {float: right; margin: 5px 25px 0 0;}

/* LINKS: COLLAPSE MENU ON RHS */
#links {float: left; margin-top: 30px; width: 239px;}
#links li {background: url('graphics/fillers/links.gif'); height: 18px; list-style: none; margin: 0 0 0 10px; padding: 2px 0 0 23px; width: 190px;}
#links li.sublinks {background: url('graphics/fillers/sublinks.gif'); height: 18px; list-style: none; margin: 4px 0 -2px 10px; padding: 2px 0 0 38px; width: 175px;}
#links li a {color: #3F351E; font-weight: normal;}
#links li a.selected {font-weight: bold; text-decoration: none;}
#links ul {float: left; padding: 0; margin: 0;}

/* LINKS: HOME OF IDP WHEN IN DEPARTMENT */
#idphome {background: url('graphics/elements/main.gif') no-repeat; height: 25px; padding: 3px 0 0 23px; margin: 0 0 0 10px; width: 191px;}
#idphome a {color: #FFFFFF; font-size: 11px; font-weight: normal;}

/* LINKS SECTION */
.category {background: url('graphics/fillers/category.gif'); float: left; font-size: 14px; font-weight: bold; height: 28px; padding: 5px 5px 0 45px; width: 346px;}
#websites {float: left; width: 405px;}
#websites li {list-style: url('graphics/elements/bullet_links.gif');}
#websites li a {color: #000000; font-size: small; font-weight: normal;}
#websites ul  {margin: 0; padding: 0;}
#websites .clear {height: 5px;}

/* GALLERY */
#gallery {float: left; width: 405px;}
#gallery .photo {background: url('graphics/fillers/gallery.gif'); float: left; height: 123px; padding-top: 9px; text-align: center; width: 166px;}
#gallery .gap {float: left; width: 70px;}

/* SEARCH */
#search {float: left;}
#search a.previous {color: #000000; font-weight: normal;}
#search a.title {color: #000000; font-size: 13px; font-weight: bold;}
#search a.url {font-weight: normal;}
#search h3 {font-size: 13px; margin-bottom: 2px;}
#search .current { background-color: #E5DECB; color: #000000; font-size: small;}
#search .symbol {float: left; height: 16px; width: 24px;}
#search .info {float: left; width:  381px;}

/* GRID */
#grid {background: url('graphics/grid/base.gif') repeat-y; float: left; width: 405px;}
#top {background: url('graphics/grid/top.gif'); float: left; font-weight: bold; height: 21px; padding: 5px 0 0 12px; text-align: left; width: 393px;}
#bot {background: url('graphics/grid/bottom.gif'); float: left; height: 23px; margin-bottom: 0; padding-top: 3px; text-align: right; width: 405px;}
#bot a {color: #4F4E4E;}
#list {float: left; margin-left: 4px; width: 398px;}
#list .on {background: url('graphics/grid/on.gif'); cursor: pointer; float: left; font-weight: bold; height: 20px; padding: 1px 8px 0 8px;}
#list .over {background: url('graphics/grid/over.gif'); cursor: pointer; float: left; font-weight: bold; height: 20px; padding: 1px 8px 0 8px;}
#list .bevel {background: url('graphics/grid/bevel.gif'); float: left; height: 21px; width: 2px;}
.group {float: left; height: 30px; margin-left: 4px; width: 398px;}
.data {background: url('graphics/grid/line.gif'); float: left; height: 24px; padding: 6px 8px 0 8px;}
.icon {float: left; height: 14px; width: 14px;}
.icons {float: left; height: 12px; margin-left: 11px; padding-top: 2px; width: 14px;}
.spacer {background: url('graphics/grid/spacer.gif'); float: left; height: 30px; width: 2px;}

/* MAIN FOOTER AREA WITH STAMP */
table.components {border: 0; border-collapse: collapse; float: left; width: 100%;}
td.lhs {height: 304px; width: 50%;}
td.mid {height: 304px; width: 744px;}
td.rhs {background: url('graphics/fillers/stamp.gif') no-repeat bottom left; height: 304px; width: 50%;}

/* FOOTER: WIDGETS */
#footer {height: 259px; margin-left: -1px; padding-top: 45px; width: 744px;}
#widgets {background: url('graphics/fillers/widget.gif'); min-height: 140px; padding-top: 25px; width: 744px;}
#quicklinks li {line-height: 15px; list-style: url('graphics/fillers/bullet.gif'); margin: 0 0 0 14px; padding: 0 0 0 3px;}
#quicklinks li a {color: #000000; font-weight: normal;}

/* FOOTER: WIDGETS - QUICKLINK */
#quicklinks {float: left; height: 140px; margin: 5px 10px 0 40px; overflow: hidden; width: 190px;}

/* FOOTER: WIDGETS - NOTICE BOARD */
#notice {float: left; margin: 5px 20px 0 30px; width: 180px;}
#notice img {float: left; margin: 0 5px 0 0; vertical-align: middle;}
#bulletin {float: left; height: 102px; overflow: hidden; width: 180px;}
#bulletin a {color: #000000; font-size: 13px; font-weight: bold;}

/* FOOTER: WIDGETS - IMPORTANT DOCUMENTS */
#documents {float: left; height: 135px; margin: 5px 0 0 20px; overflow: hidden; width: 230px;}
.files {clear: both; float: left; width: 230px;}
.files a {color: #000000;}
.files img {margin: 0 6px 5px 0; vertical-align: middle;}

/* FOOTER: COPYRIGHT AND SECONDARY LINKS */
#idp {float: left; width: 100%;}
#copyright {color: #FFFFFF; float: left; margin: 15px 0 0 44px;}
#secondary {color: #FFFFFF; float: right; margin: 15px 64px 0 0;}
#secondary a {color: #FFFFFF; font-weight: normal; text-decoration: underline;}

/* FORM */
#form {border: 1px solid #E8DED1; float: left; margin-bottom: 10px; padding: 5px; width: 100%;}
#details {float: left; font-weight: bold; line-height: 24px; padding-left: 10px; width: 130px;}
#fields {float: right; line-height: 22px; padding-right: 10px;}
#fields .submit {margin-top: 3px;}
#fields input.textfield {background: url('graphics/fillers/feedback.gif') bottom; border: 0; padding: 1px 4px 0 4px; height: 16px; margin-top: 3px; width: 230px;}
#fields textarea {background-color: #F1EBDC; border: 1px dotted #3F351E; height: 120px; line-height: 18px; margin-top: 18px; padding: 1px 4px 0 4px; width: 230px;}
#verify {float: left; font-weight: normal; line-height: 24px; padding-left: 10px;  width: 230px;}
#divider { display: block; height: 3px;}
.spampoison {vertical-align: middle;}

/* UNSUBSCRIBE AND BLOG */
.reply {display: block; color: #CB020F; font-family: 'trebuchet ms', arial, helvetica, sans-serif; font-size: 14px; font-weight: bold;}

/* BLOG */
#blogcheck {float: left;}
.bloging {display: block; float: left; color: #DC611E; font-family: 'trebuchet ms', arial, helvetica, sans-serif; font-weight: bold; width: 405px;} 
.post {background-color: #F3E4C1; border: 1px solid #B06C1E; display: block; float: left; font-family: 'trebuchet ms', arial, helvetica, sans-serif; margin-top: 20px; padding: 10px; width: 385px;}
img.blogons {margin-right: 5px;}
img.posting {float: left; margin: 0 10px 10px 0;}
h4 {color: #000000; font-family: 'trebuchet ms', arial, helvetica, sans-serif; font-size: small;}

/* CUSTOM CONTENT STYLES */
.break {background: url('graphics/fillers/break.gif') no-repeat; float: left; height: 3px; margin: 20px 0 20px 0; width: 100%;}
.center_align_image {vertical-align: middle;}
.center_align_image_with_border {border: 1px solid #000000; vertical-align: middle;}
.clear {clear: both; height: 20px;}
.seperator {clear: both;}
.heading {clear: both; color: #000000; display: block; font-size: small; font-weight: bold; margin-bottom: 3px; text-align: left; width: 100%;}
.left_align_image {float: left; margin: 0 15px 15px 0;}
.left_align_image_with_border {border: 1px solid #000000; float: left; margin: 0 15px 15px 0;}
.right_align_image {float: right; margin: 0 0 15px 15px;}
.right_align_image_with_border {border: 1px solid #000000; float: right; margin: 0 0 15px 15px;}
.three_columns {float: left; margin-bottom: 10px; width: 33%;}
.two_columns {float: left; margin-bottom: 10px; width: 50%;}
.underline_text {text-decoration: underline;}
a.normal_link {color: #000000; font-weight: normal; text-decoration: none;}
a:hover.normal_link {text-decoration: underline;}
a.underline_link {color: #000000; font-weight: normal; text-decoration: underline;}
















/* DARREN */
#links li a.unselected {font-weight: normal; }

/* FIXES */

#advanced_search {float: left; display: block; width: 405px;}


/* DOCUMENTS GROUP */
#newdocs {float: left; margin-top: -7px; min-height: 470px; width: 405px;}
#newdocs .report {background: url('graphics/elements/report.png') no-repeat; cursor: pointer; float: left; height: 52px; margin: 7px 0 2px 0; width: 396px;}
#newdocs .report h1 {color: #3F351E; display: block; float: left; font-family: georgia, "Times New Roman", times, serif; font-weight: bold; margin: 9px 0 0 0; padding: 0; text-align: center; width: 48px;}
#newdocs .report h2 {color: #3F351E; display: block; float: left; font-weight: bold; margin: 17px 0 0 30px; padding: 0; width: 259px;}
#newdocs .item {float: left; width: 396px;}
#newdocs .item .base {background: url('graphics/fillers/base.png'); float: left; margin-top: -1px; width: 396px;}
#newdocs .item .base li {background: url('graphics/elements/bullet.png') left no-repeat; display: block; font-weight: bold; height: 16px; margin: 0 0 6px 10px; overflow: hidden; padding: 4px 0 0 25px; width: 360px;}
#newdocs .item .base li a {color: #3F351E; font-family: arial, helvetica, sans-serif; font-weight: normal; text-decoration: none;}
#newdocs .item .base li a:hover {text-decoration: underline;}
#newdocs .item .base ul {list-style: none; float: left; margin-top: 20px; padding: 0;}
#newdocs .item .bottom {background: url('graphics/fillers/report_bottom.png') no-repeat; float: left; height: 16px; width: 396px;}