/*******************************************
COLOURS - Colours used in the site
White               #FFF
Black               #000
                    #00428c
pale blue           #88bfe7     
dark blue           #00428c    
dark grey           #9b8d9c
light grey          #cccccc
           

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

/*******************************************
BASE STYLES - This block sets all margins
and padding back to zero, so that we have
a consistent base to build from across all
browsers.
*******************************************/
html {/* Stops flickering of background images in IE6*/
  filter: expression(document.execCommand("BackgroundImageCache", false, true));}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Arial, Helvetica, sans-serif;} 

font /* overrides the font family from cms*/ {
    font-family: Arial, Helvetica, sans-serif;}
    
body, p, div, td, select, input, small, span, ol, ul, li {
    font-size: 12px;
    line-height: 16px;}
    
body {background-color: #eee;}
    
/*******************************************
select,input {
    font-size: 8pt;
    font-style: normal;}    
*******************************************/

small {font-size: 7pt;}
    
p, table {margin-bottom: 18px;}

td {vertical-align: top;}

ol, ul, dl {margin: 0 0 18px 24px;}

ol ol,
ol ul,
ul ol,
ul ul {margin-bottom: 0;}

hr {clear: both;
    margin-bottom: 18px;}

h1, h2, h3, h4, h5, h6 {
    color: #00428c;
    font-weight: 700;
    margin-bottom: 18px;
    line-height: 22px;}

h1 {font-size: 22px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4, h5, h6 {color: #88bfe7;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

hr {border: thin dashed #999;}    

a:link { 
    color: #039;
    font-weight: bolder;
    text-decoration: none;}

a:visited {
    color: #039;
    font-weight: bolder;
    text-decoration: none;}

a:focus,
a:hover,
a:active {
    font-weight: bolder;
    text-decoration: underline;}
    
a img {border: 0 none;}    

/*******************************************
LAYOUT
*******************************************/
#container {
    width: 975px;
    margin: 0 auto;
    padding-top: 10px;
    background-color: #fff;
    font: 11px/14px Arial, Helvetica, sans-serif;}
        
#layout {
    margin: 0 auto;
    text-align: left;
    width: 955px;
    border: 0 none;}

    #logoBox {
         width: 180px;
         text-align: left;
         vertical-align: top;}
         
         #logoBox img {
            position: relative;
            top: 20px;}
    
    #adBox {
        background-color: #88bfe7;
        width: 630px;
        text-align: center;}
        
        #fallback {}
    
    #loginBox,
    #inlineLoginBox {
        text-align: center;
        width: 145px;
        background-color: #88bfe7;
        color: #00428c;
        font-weight: 700;
        padding: 0;}
        
    #inlineLoginBox {
        margin: 0 auto 16px auto;
        padding: 5px;}        
        
        #loggedIn {
            text-align: left;
            margin: 15px 0 15px 10px;}
        
        #loginHeading,
        #loginBox label  {
            font-weight: bold;
            display: block;
            margin: 1px 0 0 9px;
            text-align: left;
            font-size: 11px;
            line-height: 12px;}
            
        #loginBox #username,
        #loginBox #password {width: 124px;}
        
        #loginBox input {
            clear: both;
            margin: 0 2px;
            border: 0 none;
            color: #000;}
            
        #loginBox #submitImg {
            float: right;
            margin: 2px 10px 2px 2px; }

        #logoutLink {
            color: #fff;}
            
    #marqueeBox {
        width: 630px;
        height: 20px;}
        
        #marqueeBox table {margin-bottom: 0;}
        
            #ticker span {font-size: 11px;}
        
    #dateBox {
        width: 145px;
        text-align: right;
        height: 20px;
        color: #006;}
        
        #dateBox div {
            font-weight: bold;
            font-size: 10px;}
             
    #navigationBox {
        width: 180px;}
        
        #navigationBox p {
            margin-left: 10px;}
        
    #contentBox {
        width: 630px;
        font-size: 12px;}
        
        #content {
            margin: 10px 10px 0 10px;}
    
    #rightBox {
        vertical-align: top;
        width: 145px;
        text-align: right;}
        
        #rightBox table {
            float: right;
            width: 145px;}
        
    #footerBox {
        text-align: center;
        padding-bottom: 10px;}
        

/*******************************************
OTHER
*******************************************/    
    
.home h2 {
    color: #006;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0;}

.newsHead {
    color: #00448C;
    font-style: normal;
    font-weight: 700;}

.bottomnav a {
    color: #F63;
    text-decoration: none;}

.bottomnav a:hover {
    color: #F63;
    text-decoration: underline;}

.nav {
    color: #FFF;
    font-size: 8pt;}

.bottomnav {
    color: #006;
    font-size: 8pt;}

.header {
    color: #FFF;
    font-size: 18px;
    font-style: italic;
    font-weight: 700;}
    
.dataSearchHeaderStyle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 700;}

.dataSearchMainTextStyle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;}

.dataSearchSubTextStyle {
    color: gray;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;}
    
/*******************************************
FORMS
*******************************************/

.generalForm {
    width: 600px;
    background-color: #e6e6e6;}
    
    .generalForm td {padding: 5px 2px;}
    
    .formPromptStyle{width: 100px;}
    /*.formDataStyle {width: 250px;}*/
    
         
.formErrorStyle {
    color: red;
    font-size: 12pt;
    font-weight: 700;}

.formHtmlStyle {background-color: #EEE;}

.formInfoStyle,
.formLabelStyle,
.formPromptStyle {
    font-weight: 700;}

.formLine1Style {background-color: #EFEFEF;}

.formLine2Style {background-color: #FFF;}

.formSubPromptStyle,
.formCommentStyle {
    color: #646464;
    font-size: 10px;}
    
/*******************************************
SEARCH
*******************************************/

.search {
    color: #00428c;
    font-size: 13px;
    font-weight: 700;}

.search h1 {
    color: #00428c;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;}

.search h2 {
    color: #C00;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 2px;}

/*******************************************
ACCOMODATION
*******************************************/    
    
.accom h1 {
    color: #003;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;}

.accom h2 {
    color: #039;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: -10px;}

.accom h4 {
    color: #000;
    font-weight: 700;
    margin-bottom: 0;}
    
/*******************************************
RESOURCES
*******************************************/        
.resource th,
.resPrompt {
    font-weight: bold;
    text-align: left;
    color: #88bfe7;}

h2.resCategory {
    width: 600px;
    font-size: 14px;
    background: url(../images/dash_divider.gif) bottom left repeat-x;
    text-align: right;
    color: #C00;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;}
    
.resTable {
    width: 600px;}    

.resTitle h3 {
    color: #039;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
    text-decoration: underline;}

.resInfo {
    color: #000;
    font-weight: 400;}

.resDownload {
    text-align: right;}    


/*******************************************
NAVIGATION
*******************************************/    
#menu {
    width: 170px;
    margin: 10px 0 10px 10px;}
            
#menu ul,
#menu ul li,
#menu ul ul {
    border: 0 none;
    list-style: none;
    width: 150px;
    z-index: 99;}

#menu ul {
    margin: 0;}

#menu ul:after /*From IE 7 lack of compliance*/ {
    clear : both;
    content: ".";
    display: block;
    font: 1px/0 serif;
    height: 0;
    visibility: hidden;}

#menu ul a {
    color: #9b8d9c;
    display: block;
    font: bold 11px/23px Arial, Helvetica, sans-serif;
    height: auto !important;
    text-decoration: none;}

#menu ul li,
#menu ul li li {
    background: #FFF;
    border-top: 1px dotted #E0E0E0;
    color: #9b8d9c;
    display: block !important;
    float: left;
    font: bold 11px/23px Arial, Helvetica, sans-serif;
    height: auto !important;
    position: relative;
    text-decoration: none;}

#menu ul li li {
    border-bottom: 1px dotted #FFF;
    border-top: 0 none;
    padding-left: 5px;
    width: 200px;}

#menu ul a:hover,
#menu ul li:hover,
#menu ul li:hover a,
#menu ul li.iehover,
#menu ul li.iehover a {
    color: #00428c;
    /*background: #FFF;*/}

#menu ul ul,
#menu ul ul ul,
#menu ul ul ul ul {
    margin-left: 0;
    background: #9b8d9c;
    border-left: 2px solid #FFF;
    display: none;
    left: 150px;
    position: absolute;
    top: 0;}

#menu ul li:hover ul ul,
#menu ul li:hover ul ul ul,
#menu ul li.iehover ul ul,
#menu ul li.iehover ul ul ul {
    display: none;}

#menu ul li:hover ul,
#menu ul ul li:hover ul,
#menu ul ul ul li:hover ul,
#menu ul li.iehover ul,
#menu ul ul li.iehover ul,
#menu ul ul ul li.iehover ul {
    display: block;}

#menu li.hasSub {
    background: url(../images/grey_menu_arrow.jpg) right top no-repeat;}
    
#menu ul li:hover li,
#menu ul li:hover li a,
#menu ul li.iehover li,
#menu ul li.iehover li a,
#menu ul li:hover li:hover li,
#menu ul li:hover li:hover li a,
#menu ul li.iehover li.iehover li,
#menu ul li.iehover li.iehover li a,
#menu ul li:hover li:hover li:hover li a,
#menu ul li.iehover li.iehover li.iehover li a {
    background: #9b8d9c;
    color: #FFF;}

#menu ul li:hover li a:hover,
#menu ul li:hover li:hover,
#menu ul li:hover li:hover a,
#menu ul li.iehover li a:hover,
#menu ul li.iehover li.iehover,
#menu ul li.iehover li.iehover a,
#menu ul li:hover li:hover li a:hover,
#menu ul li:hover li:hover li:hover,
#menu ul li:hover li:hover li:hover a,
#menu ul li.iehover li.iehover li a:hover,
#menu ul li.iehover li.iehover li.iehover,
#menu ul li.iehover li.iehover li.iehover a,
#menu ul li:hover li:hover li:hover li a:hover,
#menu ul li.iehover li.iehover li.iehover li a:hover {
    background: #9b8d9c;
    color: #00428c;}
                   
    
.supplierNav ul {
    text-align: left;
    list-style: none;
    margin: 0;
    padding: 5px;}

.supplierNav ul li {
    background-image: url(../images/arrow.gif);
    background-position: 0 .25em;
    background-repeat: no-repeat;}

.supplierNav ul li a {
    display: block;
    margin: 0;
    padding: 0 0 0 10px;}


/*******************************************
BLOG
*******************************************/
#blogMenu {
    background-color: #88bfe7;
    padding: 5px;
    margin: 0 0 18px 0;
    clear: both;}

#blogMenu li {
    list-style: none;
    display: inline;
    margin: 0 10px 0 0}

#topicTable {
    background-color: #f3f3f3;
    width: 100%;}

#memberForum {
    width: 630px;}

.forumTable td {
    background-color: #fff;
    padding: 3px 0 3px 5px;
    vertical-align: top;}

td.topicHeader {
    background-color: transparent;
    color: #fff;
    font-size: 18px;
    padding: 10px;
    width: 49%;}

td.recentHeader {
    background-color: #676767;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 2px;
    width: 49%;}

td.spacerCell {
    background-color: transparent;
    width: 10px;}

td.nowrap {
    white-space: nowrap;}
    
.recentDate {
    white-space: nowrap;}    
    
.recentAbstract {
    width: 100%;
    text-align: left;}    
    
    
.postAuthor, .postAbstract {
    border-bottom: 2px solid #ccc;
    padding: 10px 0;}
    
.blogListHeading {padding-top:20px}

.backToTopicsLink {
    color:#1D3E81; 
    font-size:20px; 
    padding-bottom:10px; 
    height:30px;}
    
.topicTable {}    
    
    .topicTitle {
        background-color:#00428c;
        color:#fff; 
        padding:5px;
        font-weight: bold;
        font-size: 18px;}    
        
        .topicTitle a {
            color: #fff;}
    
    .topicAuthor {
        padding: 5px 5px 0 5px;
        font-style: italic;}
     
    .topicText {
        padding: 0 5px;}
     
    .topicReplies {}
    
    .topicAttachments {}
        
        .topicAttName {}
        
        .topicAttLink {}

.repliesCounter {
    font-weight: bold;
    padding:5px 5px 18px 5px;}
    
.topicCommentsHeader {
    color:#00428c; 
    font-size:16px;
    margin: 24px 0 0 0; }    
     
.replyTable {
    width: 100%;
    padding: 20px;
    border: 5px solid #f3f3f3; }
    
    
    .replyIconTop{
        display: block;
        margin: 0 10px 10px 0;}  
        
    .replyIconBottom {
        display: block;
        float: right;
        margin: 0 10px 10px 0;}

    .replyText {}  
        
    .replyAuthor {
        text-align:left;
        font-weight:bold; 
        font-style: italic;}
    
    .replyLink { 
        font-weight:bold; 
        text-align:left;}

.subReplyTable { 
    margin: 18px 0;
    background-color: #DADADE;
    width: 100%;}

    .subReply {
        background-color: #DADADE;
        padding: 10px 20px;}

    .subReplyIcon {
        display: block;
        margin-bottom: 10px;}
    
    .subReplyText {}
                                        
    .subReplyAuthor {
        font-weight:bold;
        font-style: italic;}
    
/*******************************************
SUPPLIERS
*******************************************/    

#supplierHeading {
    clear: both;}

#supplierName {
    float: left;
    display: block;}

    #supplierLogo {float: right;}
    
#suppliersTopMenu td {
    padding-right: 20px;
    cursor: pointer;}    
    
#overview,
#resources,
#contacts {clear: both;}    


#adminDirectorySearchResults th {
    text-align: left;
    background-color:#ddd; 
    color:#00428c; }
    
.login form,.supplierNav {
    margin: 0;
    padding: 0;}
    
#directorySearchResults {
    margin-top:20px; 
    padding-left:10px;
    width: 100%;}

    
    .jobTitle {
        border-top:1px solid #00428c; 
        border-left:1px solid #00428c; 
        padding-left:5px;
        font-size: 16px;
        text-align: left;}
        
    .jobLogo {
        border-top:1px solid #00428c; 
        border-right:1px solid #00428c;
        padding-top:5px;
        text-align: right;}
        
    .jobBlurb {
        border-left:1px solid #00428c; 
        border-right:1px solid #00428c;
        border-bottom:1px solid #00428c;
        padding: 0 5px;}
        
        .jobBlurb p {margin-bottom: 0; }

        p.jobMore {
            text-align: right;
            margin-bottom: 10px;}

            
/*******************************************
RESOURCES AND CONTACTS
*******************************************/            
#resourcesTable,
.contactDetails {width: 100%;}
    
    #resourcesTable th {
        text-align: left;
        background-color:#ddd; 
        color:#00428c; }
        
.contactRecord {
    width: 100%;}
    
    .contactName {
        margin-bottom: 5px;}
    
    .contactPosition {
        font-weight: bold;
        color: #00428c;
        margin-bottom:  5px;}
    
    .contactDetails {width: 100%;}        
    
    .contactDetails th,
    .contactDetails td {
        padding: 2px 0;}
        
        .contactDetails th {
            width: 70px;
            text-align: left;}
            
/*******************************************

*******************************************/
.newsAbstract, .home p {
    color: #000;
    font-style: normal;
    font-weight: 400;}

.header a:link,
.header a:visited {
    color: #F63;
    font-size: 20pt;
    font-style: italic;
    font-weight: 700;
    text-decoration: underline;}

.accom, .accom p {
    color: #003;
    font-weight: 400;
    margin-bottom: 0;}

.accom h3 {
    color: #FEB727;
    font-weight: 700;
    margin-bottom: 0;}