@charset "UTF-8";
/* CSS Document */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
background: #E2E2E2;
}

.accessibility {
display: none;
}

.clear {
clear: both;
overflow: hidden;
height: 0;
font-size: 0px;
}

a {
	text-decoration: none;
	color: #303;
}

a:hover {
color: #000;
}

hr {
border: 0;
color:  #EBEBEB;
height: 1px;
background: #EBEBEB;
}

/* ********************************************* */

#container {
width: 974px;
margin: 0 auto;
background: #FFF;
}

/* ********************************************* */

#top {
width: 974px;
position: relative;
height: 23px;
padding: 3px 0 0 0;
}

#top ul li {
display: inline;
float: left;
background: url(/images/interface/top_nav_divider.gif) 100% 5px no-repeat;
margin: 0 6px 0 0;
}

#top ul li.last {
background: none;
}

#top ul li a {
font-size: 0.6875em;
color: #666;
padding: 0 7px 3px 0;
}

#top ul li a:hover {
color: #000;
}

#top ul#menu-left {
position: absolute;
top: 3px;
left: 0;
width: 250px;
margin: 0 0 0 20px;
display: none;
}

#top ul#menu-right {
position: absolute;
top: 3px;
right: 210px;
}

/* ********************************************* */

#top form {
position: absolute;
top: 0;
right: 0;
}

#top form fieldset {
}

#top form fieldset legend {
display: none;
}

#top form fieldset label {
display: none;
}

#top form fieldset input#quick-search-keywords {
width: 114px;
height: 12px;
border: 1px solid #CCC;
position: absolute;
top: 5px;
right: 78px;
}

#top form fieldset input#quick-search-button {
position: absolute;
top: 5px;
right: 20px;
}

/* ********************************************* */

#homepage-image {
width: 974px;
height: 179px;
position: relative;
clear: both;
}

#homepage-image img#logo {
position: absolute;
top: 55px;
left: 21px;
z-index: 100;
}

#homepage-image img {
display: block;
}

/* ********************************************* */

#navigation {
width: 974px;
height: 35px;
background: #330033 url(/images/interface/main_nav_bg.gif) 0 0 repeat-x;
overflow: hidden;
}

#navigation ul {
width: 954px;
height: 35px;
margin: 0 0 0 20px;
padding: 8px 0 0 0;
}

#navigation ul li {
display: inline;
float: left;
background: #765476 url(/images/interface/tabs_left.gif) 0 0 no-repeat;
height: 27px;
margin: 0 5px 0 0;
}

#navigation li a {
height: 20px;
font-size: 0.750em;
font-weight: bold;
text-decoration: none;
display: block;
padding: 7px 9px 0 9px;
background: url(/images/interface/tabs_right.gif) 100% 0 no-repeat;
color: #FFF;
}

#navigation li:hover {
background: #603860 url(/images/interface/tabs_left.gif) 0 -50px no-repeat;
}

#navigation li a:hover {
background: url(/images/interface/tabs_right.gif) 100% -50px no-repeat;
}

/*#home-page #home_li,
#events-page #events_li,
#news-page #news_li,
#training-page #training_li,
#resources-page #resources_li,
#conferences-page #conferences_li,
#publications-page #publications_li,
#funding-page #funding_li,
#recruitment-page #recruitment_li,
#members-page #members_li,
#join-page #join_li,
#directory-page #directory_li 
{ background: #FFF url(/images/interface/tabs_left.gif) 0 -100px no-repeat; }

#home-page #home_li a,
#news-page #news_li a,
#events-page #events_li a,
#training-page #training_li a,
#resources-page #resources_li a,
#conferences-page #conferences_li a,
#publications-page #publications_li a,
#funding-page #funding_li a,
#recruitment-page #recruitment_li a,
#members-page #members_li a,
#join-page #join_li a,
#directory-page #directory_li a 
{ background: url(/images/interface/tabs_right.gif) 100% -100px no-repeat; color: #330033; }*/

#navigation li.active, #navigation li.active:hover
{
    background: #FFF url(/images/interface/tabs_left.gif) 0 -100px no-repeat;
}

#navigation li.active a, #navigation li.active a:hover
{
    background: url(/images/interface/tabs_right.gif) 100% -100px no-repeat; color: #330033;
}

/* ********************************************* */

#content {
padding: 0 20px 0 20px;
margin-top: 29px;
}

.pad {
padding: 2px 10px 4px 26px !important;
}

.sector {
padding: 2px 10px 4px 15px !important;
}


#home-page #content h2 {
background: #330033;
height: 22px;
font-size: 0.875em;
color: #FFF;
text-transform: uppercase;
padding: 8px 10px 0 15px;
}

#home-page #content #home-left-column h2 {
width: 223px;
}

#home-page #content h2 a {
color: #FFF;
text-transform: uppercase;
display: block;
}

#home-page #content #home-left-column h2 a {
width: 223px;
}

#home-page #content h2 a:hover {
color: #765476;
}

#home-page #content h3 {
background: url(/images/interface/home_h3_background.gif) 0 0 repeat-x;
height: 20px;
color: #FFF;
font-size: 0.8125em !important;
padding: 6px 0 0 15px !important;
}


#home-page #content h3 a {
color: #FFF;
font-size: 1em !important;
font-weight: bold;
padding: 0 0 0 0;
}

#home-page #content h3 a:hover {
color: #CCC;
}

/* ********************************************* */

.control {
position: relative;
background: url(/images/interface/control_bg.gif) 0 0 repeat-x;
height: 52px;
margin: 12px 0 0 0;
}

.control h4 {
position: absolute;
top: 6px;
right: 48px;
text-transform: uppercase;
font-size: 0.6875em !Important;
}

#home-page .control {
background: none;
height: auto;
margin: 0 0 0 0;
}

.control ul.list-control {
position: absolute;
top: 17px;
right: 4px;
height: 16px;
width: 20px;
}

#home-page .control ul.list-control {
width: 40px;
top: 4px;
right: 0;
}

.control ul.list-control li {
width: 16px;
height: 16px;
float: left;
margin: 0 4px 0 0!important;
padding: 0 0 0 0 !important;
list-style: none !important;
font-size: 1em !important;
line-height: 1em !important;
}

.control ul.list-control li a {
position: relative;
display: block;
width: 16px;
height: 16px;
text-align: center;
font-weight: bold;
color: #FFF;
background: #666;
opacity: 0.6;
filter: alpha(opacity = 60);
}

#home-page .control ul.list-control li.minus {
display: block;
}

.control ul.list-control li.minus {
display: none;
}

.control ul.list-control li a:hover {
background: #999;
opacity: 0.7;
filter: alpha(opacity = 70);
}

.control h2 {
padding: 0 0 0 0 !important;
font-size: 1em !important;
line-height: 1em !important;
}

.control h2 a {
font-size: 0.875em;
padding: 9px 40px 0 12px;
color: #333;
display: block;
}

.control h2 a:hover {
color: #000;
}

.control h3 {
padding: 0 0 0 0 !important;
font-size: 1em !important;
line-height: 1em !important;
}

.control h3 a {
font-size: 0.6875em !important;
padding: 4px 20px 0 12px;
color: #666;
display: block;
font-weight: normal;
}

.control h3 a:hover {
color: #000;
}

.details {
padding: 10px 12px 0 12px;
margin: 0 0 12px 0;
}

.details img {
display: block;
float: right;
margin: 7px 0 12px 12px;
}

/* ********************************************* */

#content #home-left-column {
width: 250px;
float: left;
}

#home-sponsorship {
border: 1px solid #CCC;
margin: 0 0 20px 0;
}

#home-sponsorship img {
display: block;
}

/* ********************************************* */

#content .list-box {
border: 1px solid #CCC;
margin: 0 0 20px 0;
}

#content .list-box h4 {
font-size: 0.8125em;
color: #666;
line-height: 1.2em;
}

#content .list-box h4 a {
color: #666;
display: block;
padding: 0 7px 0.25em 26px;
background: url(/images/interface/home_list_arrow.gif) 15px 2px no-repeat;
}

#content .list-box p {
font-size: 0.750em;
color: #999;
line-height: 1.2em;
}

#content .list-box p a {
color: #999;
display: block;
padding: 0 7px 0 26px;
}

p.learnmore-link a {
color: #330033 !important;
color: #A5789E !important;
font-size: 0.9166em;
font-weight: bold;
padding: 0.5em 7px 0 15px !important;
}

p.learnmore-link a:hover {
color: #330033 !important;
}

p.learnmore-link a img {
float: none !important;
margin: 0 0 0 3px !important;
display: inline !important;
}

#content .list-box img {
float: left;
margin: 0 5px 0 12px;
display: block;
}

#content .list-box .stripe {
background: #EEE;
}

/* ********************************************* */

.home-list-item {
padding: 8px 0 6px 0;
}

.home-list-item:hover, .stripe:hover {
background: #DDD !important;
}

#content #home-left-column .list-box {
width: 248px;
}

/* ********************************************* */

#content #home-middle-column {
width: 422px;
float: left;
margin: 0 20px 0 20px
}

#content #home-middle-column h1 {
font-weight: bold;
color: #666;
font-size: 15px;
line-height: 20px;
padding-bottom: 10px;
}

#content #home-middle-column h2 {
padding: 8px 10px 0 176px !important;
}

#content #home-middle-column p {
color: #666;
font-size: 13px;
line-height: 18px;
padding-bottom: 15px;
}

.home-updates {
height: 230px;
overflow: hidden;
}

.home-updates img {
margin: 0 0 0 0 !important;
}

#content .home-updates h4 a {
padding: 0 7px 0.25em 15px;
background: none;
}

#content .home-updates p a {
padding: 0 7px 0 15px;
}

.home-updates .home-list-item {
height: 86px;
overflow: hidden;
width: 260px;
background: #E1D9E1;
}

.home-updates .stripe, .forthcomingevents-list .stripe {
background: #D8CED8 !important;
}

.home-updates .home-list-item:hover, .home-updates .stripe:hover {
background: #D0C7CF !important;
}

.forthcomingevents-list img {
float: right !important;
margin: 0 0 0 0 !important;
}

.forthcomingevents-list .home-list-item {
height: 45px;
overflow: hidden;
/*width: 283px;*/
background: #E1D9E1;
}

.forthcomingevents-list .home-list-item:hover, .forthcomingevents-list .stripe:hover {
background: #D0C7CF !important;
}

#content .forthcomingevents-list h4 a {
padding: 0 7px 0.25em 15px;
background: none;
color: #330033;
}

#content .forthcomingevents-list p a {
padding: 0 7px 0 15px;
}

.forthcomingevents-list a img {
float: none !important;
margin: 2px 0 0 3px !important;
display: inline !important;
}

.home-list-item .pad p.home-date {
font-size: 0.625em !important;
padding-bottom: 5px !important;
text-transform: uppercase;
letter-spacing: 1px;
color: #666!important;
}

/* ********************************************* */

#content .mini-box {
border: 1px solid #CCC;
margin: 0 0 20px 0;
width: 202px;
float: left;
height: 91px;
overflow: hidden;
}

/*#content .publications-box {
margin: 0 14px 0 0;
background: url(/images/interface/mini_box_bg.gif) 0 0 repeat-y;
}

#content .publications-box img {
float: left;
margin: 4px 7px 0 10px;
display: block;
}*/

#content .mini-box h4 {
font-size: 0.8125em;
color: #666;
}

#content .mini-box h4 a {
color: #666;
display: block;
padding: 8px 7px 0.25em 15px;
}

#content .mini-box p {
font-size: 0.750em;
color: #999;
line-height: 1.2em;
}

#content .mini-box p a {
color: #999;
display: block;
padding: 0 7px 6px 15px;
}

/* ********************************************* */

#content #home-right-column {
width: 222px;
float: left;
}

#content #home-right-column .list-box {
width: 220px;
}

.home-resources h4 a {
background: none !important;
padding: 0 7px 0.25em 15px !important;
}

.home-resources p a {
padding: 0 7px 0 15px !important;
}

/* ********************************************* */



/* ********************************************* */

#sub-nav {
width: 198px;
float: left;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
margin: 0 28px 0 0;
}

#sub-nav ul li {
width: 198px;
display: inline;
}

#sub-nav ul li a {
display: block;
font-size: 0.8125em;
font-weight: bold;
color: #666;
padding: 9px 5px 9px 26px;
background: #F3F0F3 url(/images/interface/sub_nav_arrow.png) 14px 10px no-repeat;
border-top: 1px solid #CCC;
}

#sub-nav ul li a:hover {
background: #E0DCDF url(/images/interface/sub_nav_arrow.png) 14px 10px no-repeat;
}

#sub-nav ul li a.active {
background: #765476 url(/images/interface/sub_nav_arrow_active.png) 14px 10px no-repeat;
color: #FFF;
}

#sub-nav ul li ul li a {
background: #FFF;
padding: 6px 5px 6px 26px;
font-weight: normal;
}

#sub-nav ul li ul li a:hover {
background: #EEE;
}

#sub-nav ul li ul li a.active {
background: #DDD;
}

#sub-nav ul li ul li ul li a {
font-size: 0.6875em;
padding: 6px 5px 6px 38px;
border-top: 0;
}

#sub-nav ul li ul li ul li a:hover {
background: #FFF;
color: #000;
}

#sub-nav ul li ul li ul li a.active {
background: #FFF;
color: #000;
font-weight: bold;
}


/* ********************************************* */

#middle-content {
width: 500px;
float: left;
padding: 0 0 20px 0;
}

#breadcrumb {
width: 500px;
border-top: 1px solid #EBEBEB;
border-bottom: 1px solid #EBEBEB;
}

#breadcrumb ul li {
display: inline;
float: left;
color: #765276 !important;
font-size: 0.635em !important;
text-transform: uppercase;
padding: 4px 0 4px 0 !important;
line-height: 1em !important;
list-style: none;
margin: 0 0 0 0 !important;
}

#breadcrumb ul li a {
color: #666;
padding: 0 1em 0 0;
}

#breadcrumb ul li a:hover {
color: #000;
}

#middle-content h1 {
padding: 1em 0 1em 0;
font-size: 1.500em;
color: #330033;
}

#middle-content h2 {
padding: 1em 0 0.5em 0;
font-size: 0.750em;
color: #330033;
line-height: 1.8em;
}

#middle-content h3 {
padding: 1em 0 0 0;
font-size: 0.750em;
color: #666;
line-height: 1.8em;
}

#middle-content h4 {
padding: 1em 0 0 0;
font-size: 0.750em;
color: #333;
line-height: 1.8em;
font-weight: bold;
}

#middle-content h5 {
padding: 1em 0 0 0;
font-size: 0.750em;
color: #333;
line-height: 1.8em;
font-weight: normal;
font-style: italic;
}

#middle-content p {
font-size: 0.750em;
line-height: 1.8em;
color: #666;
padding: 0 0 1em 0;
}

#middle-content ul li {
font-size: 0.750em;
line-height: 1.8em;
color: #666;
padding: 0 0 0.5em 0;
list-style-type: disc;
list-style-position: outside;
margin: 0 0 0 2em;
}


#middle-content p.intro-text {
font-weight: bold;
font-size: 0.9375em;
line-height: 1.7em;
}

/* ********************************************* */

.course-item {
border-top: 1px dotted #CCC;
}

.last-course {
border-bottom: 1px dotted #CCC;
margin: 0 0 1em 0;
}

.course-item h2 {
padding: 1em 0 0.5em 0 !important;
}

.course-item h3 {
padding: 0 0 0.5em 0 !important;
}

.course-item p.link {
padding: 0 0 1em 16px !important;
background: url(/images/interface/sub_nav_arrow.png) 4px 5px no-repeat;
}

.course-details-sidebar {
border-bottom: 1px solid #CCC;
}

ul#course-details {
margin: 5px 1em 1em 1em;
}

ul#course-details li {
font-weight: bold;
font-size: 0.750em;
color: #666;
padding: 7px 0 0 0;
line-height: 1.4em;
}

ul#course-details li ul {
border-bottom: 1px dotted #CCC;
padding: 0 0 7px 0;
}

ul#course-details li ul li {
font-weight: normal;
font-size: 1em;
padding: 0 0 0 0;
}

ul#course-detail-buttons {
margin: 0 1em 1em 1em;
}

ul#course-detail-buttons li {
margin: 0 0 5px 0;
}

ul#course-detail-buttons li a {
font-size: 0.750em;
display: block;
padding: 0 0 0 16px;
background: url(/images/interface/sub_nav_arrow.png) 4px 1px no-repeat;
}

/* ********************************************* */

.quote {
background: url(/images/interface/close_quotes.gif) 100% 100% no-repeat;
}

.quote p.open-quote {
background: url(/images/interface/open_quotes.gif) 0 0 no-repeat;
}

.quote p {
padding: 0 40px 1em 40px !important;
}

p.quote-author {
padding: 0 40px 2em 40px !important;
font-weight: bold;
}

/* ********************************************* */

.page-nav {
width: 500px;
border-top: 1px solid #E0DCDF;
border-bottom: 1px solid #E0DCDF;
background: #F3F0F3;
margin: 0 0 12px 0;
}

.page-nav p {
padding: 8px 12px 6px 12px !important;
}

.page-nav .page-details {
float: left;
width: 226px;
}

.page-nav .page-links {
float: right;
text-align: right;
width: 226px;
}

/* ********************************************* */

.job-item {
border-top: 1px dotted #CCC;
}

/* ********************************************* */

.login {
padding: 50px 20px 100px 20px !important;
margin-top: 0 !important;
background: #555;
}

.login form {
margin: 0 auto;
background: #FFF url(/images/interface/login_bottom.gif) 0 100% no-repeat;
width: 422px;
padding: 0 0 0 0;
}

.login form fieldset {
background: url(/images/interface/login_top.gif) 0 0 no-repeat;
padding: 24px;
}

.login form fieldset legend {
display: none;
}

.login form fieldset label {
display: block;
margin: 12px 0 0 0;
}

.login form fieldset input.textfield {
width: 200px;
}

.login form fieldset input.button {
float: right;
}

/* ********************************************* */

#sidebar {
width: 178px;
float: left;
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
margin: 0 0 20px 26px;
}

#sidebar h3 {
background: url(/images/interface/home_h3_background.gif) 0 0 repeat-x;
height: 20px;
color: #FFF;
font-size: 0.8125em;
padding: 6px 0 0 15px
}

#sidebar h3 a {
color: #FFF;
}

#sidebar h3 a:hover {
color: #CCC;
}

#sidebar .info-box {
padding: 8px 0 6px 0;
border-bottom: 1px solid #CCC;
}

/*#sidebar .info-box:hover {
background: #EEE;
}*/

#sidebar h4 {
	font-size: 0.8125em;
	color: #333;
	padding-left: 15px;
	padding-bottom: 6px;
}

#sidebar h4 a {
color: #666;
display: block;
padding: 0 7px 0.25em 15px;
}

#sidebar h4 a:hover {
color: #000;
}

#sidebar p {
	font-size: 0.750em;
	color: #333;
	line-height: 1.2em;
	padding-left: 15px;
	padding-bottom: 6px;
}

#sidebar p a {
color: #A5789E;
display: block;
padding: 0 7px 0 0 !important;
}

#sidebar p a:hover {
color: #330033 !important;
}

/* ********************************************* */

form#regform fieldset {
border-bottom: 1px dotted #CCC;
margin: 0 0 1em 0;
padding: 0 0 1em 0;
}

form#regform fieldset legend {
display: none;
}

form#regform fieldset p {
clear: left;
}

form#regform fieldset p label {
width: 120px;
display: block;
float: left;
}

form#regform fieldset p label.checkbox-label {
width: auto;
display: inline;
float: none;
}

form#regform fieldset p.indent {
margin-left: 120px;
}

form#regform fieldset p input.textfield-short {
width: 100px;
float: left;
}

form#regform fieldset p input.textfield {
width: 200px;
float: left;
}

form#regform fieldset p input.textfield-long {
width: 300px;
float: left;
}

form#regform fieldset p input.checkbox {
}


form#regform fieldset p textarea {
width: 300px;
float: left;
}

form#regform fieldset p select {
float: left;
}


span.required {
color: #F00;
}

/* ********************************************* */

#middle-content .document-list-item {
border-top: 1px dotted #CCC;
}

p.members-only a {
padding: 4px 9px 4px 25px;
background: #F93 url(/images/interface/members_only.png) 7px 3px no-repeat;
}

p.members-only a:hover {
background: #FC6 url(/images/interface/members_only.png) 7px 3px no-repeat;
}

p.view-document a, p.text-button a {
padding: 4px 9px;
background: #765476;
color: #FFF;
}

p.view-document a:hover, p.text-button a:hover {
background: #603860;
}

/* ********************************************* */

h2.sector-heading {
width: 488px;
border-top: 1px solid #E0DCDF;
border-bottom: 1px solid #E0DCDF;
background: #F3F0F3;
padding: 10px 0 8px 12px !important;
}

.organisation-list-item {
border-bottom: 1px dotted #CCC;
padding: 0 12px 0 0px;
}

.organisation-list-item img {
display: block;
float: right;
margin: 0 0 5px 12px;
}

#member-photo {
display: block;
float: right;
margin: 12px 0 2em 12px;
}

/* ********************************************* */

.admin-news-item {
border-bottom: 1px dotted #CCC;
padding: 5px 0 0 0;
}

.admin-news-item p {
float: left;
width: 350px;
}

.admin-news-item ul, ul.edit-buttons {
float: right;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

.admin-news-item ul li, ul.edit-buttons li {
display: inline;
float: left;
padding: 0 0 0 0;
margin: 0 0 0 5px !important;
}

.admin-news-item ul li a, ul.edit-buttons li a {
padding: 4px 9px;
background: #765476;
color: #FFF;
}

.admin-news-item ul li a:hover, ul.edit-buttons li a:hover {
background: #603860 !important;
}

/* ********************************************* */


form#regform a.info-tooltip {
margin-left: 5px;
float: left;
position: relative;
}

form#regform a.info-tooltip img {
display: block;
}

form#regform .tooltip-text {
display: block;
position: absolute;
/*top: 0;
left: 25px;*/
width: 200px;
background: #6CF;
padding: 7px;
display: none;
margin-left: 5px;
}

/* ********************************************* */

#footer {
background: #999 url(/images/interface/footer_bg.gif) 0 0 repeat-x;
height: 40px;
}

#footer p {
color: #FFF;
font-size: 0.6875em;
padding: 14px 0 0 15px;
}

#footer p a {
color: #FFF;
margin: 0 1em 0 1em;
}

#footer p a:hover {
color: #CCC;
}