/* dark purple #480c4d */

/* dark blue #005c95 */

/* dark grey #313131 */



* {font-family: Arial, Helvetica, sans-serif; vertical-align:middle}

strong {font-weight: bold;}

em { font-style:italic;}

p a {vertical-align: top;}



/* HEADER */

#hd {width: 100%; background-color: #d8eaf6;  background-image: url(images/header-bg-left.png); background-position: top left; background-repeat:no-repeat }

#hd-sliding {background-image: url(images/header-bg-right.png); border-bottom: 3px solid #480c4d; background-position: right 0px; background-repeat:no-repeat; }

.nav1 li {border: 1px solid #480c4d; border-bottom: none;}

.nav1 li a {background-color: #480c4d; color: #ffffff; font-weight: bold; text-decoration:none; font-size: 0.85em; background-image:url(images/button-bg.gif); background-repeat:repeat-x;}

#search { border: 1px solid #480c4d; border-bottom: none; background-color: #480c4d; color: #ffffff; background-image:url(images/button-bg.gif); background-repeat:repeat-x;}

#search input {font-size: 0.85em; padding: 0em 0em;}

#search label {font-size: 0.85em; font-weight: bold;}

.nav1 li.active a {background-color: #86498b; background-image:url(images/button-bg-active.gif);}

.nav1 li a:hover {color: #dfbfe1;}

#login {background-color: #e6f1f8; text-align: right; font-size: 0.85em}

#login, #login input {color: #480c4d}

p#accessibility {font-size: 0.9em}

p#accessibility a, p#accessibility span {color: #480c4d; text-decoration:none; }

p#accessibility a:hover {text-decoration: underline;}



/* MAIN BODY */



/* CONTENT */



.nav2 {font-size: 0.9em; border: 3px solid #c4dff0}

.nav2 li {margin: 0.1em 0em 0.1em 0em; border-top: 1px solid #c4dff0;  border-bottom: 1px solid #c4dff0; background-image:url(images/nav2-bg.gif); background-repeat:repeat-x; background-position:bottom;}

.nav2 li a {color: #480c4d; padding: 0.25em 0.5em 0.25em 2em; text-decoration:none; font-weight: bold; background-image:url(images/nav2-arrow.gif); background-repeat:no-repeat; background-position: 10px 50%}

.nav2 li a:hover {color: #005c95}



.content p {color: #313131; margin: 1em 0em 1em 0em;}

#error p, .alert_msg p {font-weight: bold; color: #480c4d; border-bottom: 2px solid #480c4d; padding-bottom: 0.3em; margin-bottom: 0.5em;}

.content h1 {font-weight: bold; font-size: 1.4em; color: #005c95; margin: 0.5em 0em 0.5em 0em;}

.content h2 {font-weight: bold; font-size: 1.2em; color: #005c95; margin: 1em 0em 1em 0em;}

.content .featured-box h2 {margin: 0em;}

.content h3 {font-weight: bold; font-size: 1.0em; color: #005c95; margin: 1em 0em 1em 0em;}



.content a, .admin-tools a {color: #480c4d;}

.content a:hover {color: #005c95}

.content td, .content th {color: #313131; padding: 0.3em; margin: 0em;}

.content td p {padding: 0em; margin: 0em;}

.content blockquote {clear: both; color: #313131; margin: 0.5em 1em 0.5em 1em; padding: 0.3em 0.3em 0.3em 0.5em; background-color:#d9ecf6; border-left: 4px solid #005c95  }

.content ul, .content ol {list-style-position:outside; color: #313131; margin: 1em 1em 1em 1em; }

.content ul li {  padding-left: 2em; list-style-image: none; background-image: url(images/list-bullet.gif); background-repeat:no-repeat; background-position: 5px 0.5em; margin-bottom: 0.3em; margin-left: 0em;}

.content ol li { list-style-type: decimal; padding-left: 0em; margin-bottom: 0.3em; margin-left: 1em;}

.content .right-image {float: right; margin: 0em 0em 0.5em 0.5em; border: 3px solid #c4dff0}



.content .right {float: right; margin: 0em 0em 0.5em 0.5em;}

.content .left {float: left; margin: 0em 0.5em 0.5em 0em;}

.content .small {width: 150px;}

.content .medium {width: 230px;}

.content .large {width: 350px;}

.content .frame {border: 3px solid #c4dff0;}





.content #gen3_news p.file_update {font-size: 0.85em; margin-top: 3em; color: #313131}

.content img.news {float: right; margin: 0em 0em 0.5em 0.5em;}

.content .out-on-top {position: relative; z-index: 500;}

.content .admin-header a {padding-right: 0.3em;}



#bd .content .template_form {margin-top: 1.5em;}

#bd .content .template_form div.textarea textarea {width: 95%;}

#bd .content .template_form p {margin: 0.2em 0em 0.2em 0em;}

#bd .content .template_form div.textarea span.the-extras {display: none;}

#bd .content .template_form img.field_failed_validation {float: left; clear: none; margin-right: 10px;}

#bd .content .template_form div.fhf_note {padding-bottom: 0.5em; padding-top: 0.4em;} 

#bd .content .template_form input.button {margin-top: 10px}

#bd .content .template_form p.form_label {margin-top: 0.3em;}

#bd .content .template_form p.form_label label {font-weight: bold;}

#bd .content .template_form span.textlabel {color: #480c4d; font-weight:bold;}

#bd .content .template_form div.textlabel p {font-weight:bold;}



.homepage h1 {font-size: 1.4em; margin-top: 1em;}

.news-holder {margin: -1em 0em 0em 0px; background-color: #eef6fc; position: relative; background-image:url(images/news-left-edge.gif); background-repeat:repeat-y;}

.gen3_news_summary { background-image:url(images/news-right-edge.gif); background-position: right; background-repeat:repeat-y; padding: 0.5em 1em 0.5em 1em;}

.news-top {padding-top: 35px; margin-top: -35px;}

.news-bottom {padding-bottom: 35px;}

.content .gen3_news_summary * {margin: 0px; padding: 0px;}

.gen3_news_summary p {padding: 0.5em 0em 0.5em 0em;}

.gen3_news_summary p.file_update {font-size: 0.9em; font-style:italic;}



.gen3_bottom, .gen3_top {width: 100%; height: 40px; position: absolute; }

.gen3_bottom {background-image:url(images/fade-out-bottom.png); bottom: 0px;}

.gen3_top {background-image:url(images/fade-out-top.png); top: 0px; }

#gen3_admin_tools, .gen3-admin-tools {float: right; position: relative; z-index: 500;}

.gen3-admin-tools *, #gen3_admin_tools * {display: inline;}





.need-help-holder, .featured-box {word-wrap: break-word; margin-bottom: 1em; border: 4px solid #c4dff0; background-image:url(images/featured-bg.gif); background-repeat:repeat-x; background-position:bottom}

.need-help, .featured-box {  padding: 1em 1em 0.5em 1em; position: relative;}

.need-help {padding-right: 100px; background-image:url(images/wheelchair.png); background-repeat:no-repeat; background-position: bottom right;}

.featured-box img, .need-help img {float: right; margin: 0em 0em 0.5em 0.5em; border: 2px solid #c4dff0}

.featured-box h2, .need-help h2 {font-weight: bold; font-size: 1.2em; color:  #480c4d;}

.featured-box a, .need-help a {color: #480c4d; font-weight: bold;}

.featured-box a:hover, .need-help a:hover  {color:  #313131; }

.featured-box p, .need-help p {margin: 0.4em 0em 0.4em 0em;}



#helpline {padding: 0.4em 1em 0em 1em; display: block;}

#helpline h2 {font-size: 1.3em; margin: 0.5em 0 0.5em 0em; }

#helpline p {font-size: 1.1em; color: #313131; margin: 1em 0 0.5em 0em}

#helpline img {border: none; margin-top: 0.5em}



.need-help a {color: #313131; font-weight: normal;}

.need-help a:hover {color: #480c4d;}



#gen0 tr.header {display: none;}

#gen0 td.ranking {display: none;}

#gen0 td.counter {display: none;}

#gen0 td.type {font-size: 0.85em; vertical-align: top; padding-top: 0.5em}



.featured-admin, #bd .content table.admin-form, #bd .content form.admin-form {clear: both; width: 95%;}

.featured-admin fieldset, .content form.fhf fieldset, #bd .content form.admin-form fieldset, #content div.fake-admin-form {margin: 0em 0.5em 0.5em 0.5em; padding: 0.5em 1.5em 0.5em 1.5em; border: 2px solid #480c4d;}

.featured-admin legend, .content form.fhf legend, #bd .content form.admin-form legend {border: 2px solid #480c4d; padding: 0.2em 0.5em 0.1em 0.5em; background-color: #480c4d; font-weight: bold; color: #ffffff; font-size: 0.9em;}

.featured-admin label, .content form.fhf label, #bd .content form.admin-form label {font-weight: bold;}

.featured-admin td, #bd .content form.admin-form table td {padding: 0.3em 0em 0.3em 0em;}

.featured-admin td.form_label, .content form.fhf td.form_label, #bd .content form.admin-form table td.form_label {vertical-align: top; text-align: right; padding-right: 0.6em;  padding-top: 0.5em; }

.featured-box .featured-admin img {float: none; margin: 0em; border: 0px}

.featured-admin textarea {width: auto !important;}

#contactus h2 {font-size: 1.8em;}

#contactus p {font-size: 1.6em; font-weight: bold;}



.featured-admin td.form_error_image, .content form.fhf td.form_error_image, #bd .content form.admin-form table td.form_error_image {text-align: right; padding-right: 0.5em;}

.featured-admin td.form_error_image, .content form.fhf td.form_error_image, #bd .content form.admin-form td.form_error_image {vertical-align: middle;}

.featured-admin td.form_erro_note p, .content form.fhf td.form_error_note p, #bd .content form.admin-form td.form_error_note p {color: #480c4d; }

.featured-admin img.field_failed_validation, .content form.fhf img.field_failed_validation, #bd .content form.admin-form img.field_failed_validation {float: left; }

.featured-admin img.field_failed_validation, .content form.fhf img.field_failed_validation, #bd .content form.admin-form td img.field_failed_validation {float: none; }

#bd .content form.admin-form #fhf_buttons {margin-left: 25px;}

#bd .content form.admin-form p {padding: 0em 0em 0.5em 0em; margin: 0em;} 

#bd .content div.fhf_note img {float: left;}

#bd .content form.admin-form div.fhf_note p {padding-top: 4px; padding-left: 0.4em; color: #000000;}

#bd .content form.admin-form div.fhf_note {margin-top: 0.2em;}

.featured-admin textarea, #bd .content form.admin-form textarea {width: 95%;}

#bd .content table.admin-form td {padding: 0em 0.4em 0em 0.4em;}

#bd .content table.admin-form td img, #bd .content table.admin-form td button, #bd .content table.admin-form td input {vertical-align: middle;}

#bd .content form.fhfmodified fieldset {padding: 0px; border: 0px;}

#bd .content form.fhfmodified .form_field img {display: none;}

/* FOOTER */

#ft p {margin-top: 0.5em; font-size: 0.85em; color: #838383; text-align: center;margin-bottom: 0.5em}

#ft a {color: #480c4d;}

#ft a:hover {color: #005c95}



#sponsors {background-color: #d9ecf6; text-align: center; padding: 0.5em 0em}



#bd #gen2-file-output {border-top: 2px solid #313131; padding-top: 0.5em; margin-top: 0.5em;}

#bd #che3-file-output #gen2-file-output {border-top: none; margin-top: 0em;}

#bd #gen2-file-output form.gen2_section_select {padding-top: 0.5em;}

#bd #gen2-file-output h2 { margin-top: 1em; margin-bottom: 0.3em; }

#bd #gen2-file-output h2 img {vertical-align: top;}

#bd #gen2-file-output h2 form {display: inline; vertical-align: top;}

#bd .content .secret {background-color: #d9ecf6;}

#bd .content .secret p.item-title {padding-left: 1.7em; background: transparent url(images/icon_private.png) no-repeat center left; }

#bd .content .gen2_file_content {position: relative; border: 4px solid #c4dff0; padding: 0.6em; margin-top: 0.5em; margin-bottom: 0.4em}

#bd .content .gen2_file_content * {margin: 0px; padding: 0px;}

#bd .content .gen2_file_content p.file_update {font-size: 0.8em; padding: 0.2em 0em 0.4em 0em;} 



#bd .content .gen2_file_content a.archive { padding-right: 20px; background: transparent url(generic/icon_archive.gif) no-repeat center right; }

#bd .content .gen2_file_content a.doc { padding-right: 20px; background: transparent url(generic/icon_doc.gif) no-repeat center right; }

#bd .content .gen2_file_content a.pdf { padding-right: 20px; background: transparent url(generic/icon_pdf.gif) no-repeat center right; }

#bd .content .gen2_file_content a.pps { padding-right: 20px; background: transparent url(generic/icon_pps.gif) no-repeat center right; }

#bd .content .gen2_file_content a.xls { padding-right: 20px; background: transparent url(generic/icon_xls.gif) no-repeat center right; }

#bd .content .gen2_file_content a.otherfile { padding-right: 20px; background: transparent url(generic/icon_file.gif) no-repeat center right; }

#bd .content .gen2_file_content a.link {padding-right: 20px; background: transparent url(generic/icon_external.gif) no-repeat center right;}

#bd .content .gen2-admin-tools {position: absolute; right: 5px; width: auto;}

.admin-tools {float: right;}

#bd .content .gen2-admin-tools *, #bd .admin-tools * {float: none; margin: 0px; padding: 0px; border: 0px; display: inline; vertical-align: middle; width: auto;}



#bd .content .gen2_file_content span.file_sub {margin-left: 0.3em; font-size: 0.9em; font-weight: normal;}

.htmlarea td {padding: 0px !important; margin: 0px !important; height: auto !important;}

.toolbar {height: auto !important; overflow: hidden !important;}



.gen3_news_summary img.news {width: 100px; float: right !important; position: relative;}

.gen3_news_summary {clear: both; }



#change-password-form, #update-details-form {margin-top: 1em;}







#bd .content p strong {vertical-align: baseline}

#bd .content h3 {font-size: 1.1em;}

#bd .content h3 span {vertical-align: baseline; font-size: 0.8em}

#bd .content .organisation {border: 4px solid #c4dff0; padding: 0.6em; margin-top: 0em; margin-bottom: 1em}

#bd .content .organisation * {margin: 0px; padding: 0px;}

#bd .content .organisation p {margin: 0.5em 0em 0.5em 0em; font-size: 0.9em}

#bd .content .organisation p.description {margin-top: 1em; border-top: 1px solid #444444; padding-top: 0.5em;}



#bd .content .maporganisation * {margin: 0em; padding: 0em}

#bd .content .maporganisation p {font-size: 0.9em; margin-bottom: 0.3em}

.signup {margin-top: 10px}
.signup label {font-weight: bold; padding-right: 6px;}
.signup td, .signup th {padding-bottom: 5px;}