/* Invisible elements, mainly for accessibility */
.hidden  {
    display: none;
    width: 0px;
    height: 0px;
}

fieldset  {
    border: 0px;
}

.error  {
    color: #FF0000;
}
/* Check these - image embedding */
.cont_left_border  {
    float: left;
    clear: left;
    margin: 5px 10px 5px 0px;
    text-align: center;
    border: 1px solid black;
}
.cont_left_noborder  {
    float: left;
    clear: left;
    margin: 5px 10px 5px 0px;
    text-align: center;
}
.cont_right_border  {
    float: right;
    clear: right;
    margin: 5px 0px 5px 10px;
    text-align: center;
    border: 1px solid black;
}
.cont_right_noborder  {
    float: right;
    clear: right;
    margin: 5px 0px 5px 10px;
    text-align: center;
}



/***** To-check *****/
/* [DanB] We should be careful about
over-riding colours - we should
be using the site defaults */

.embedimg  {
    margin: 0px 1px 1px 0px;
}
.embedcaption  {
    text-align: left;
    padding: 2px;
    font-size: 90%;
    font-weight: bold;  /* We may not want this */
}
.embedTableLeft  {
    background: #FFFFFF;
    border: 1px solid black;
    float: left;
    margin: 3px;
}
.embedTableRight  {
    background: #FFFFFF;
    float: right;
    border: 1px solid black;
    margin: 3px;
    clear: right;
}
.embedNoBorderLeft  {
    background: #FFFFFF;
    float: left;
    margin: 3px;
}
.embedNoBorderRight  {
    background: #FFFFFF;
    float: right;
    margin: 3px;
}
.embedNoBorderCentre  {
    background: #FFFFFF;
    margin: 3px;
}
.embedTableCentre  {
    background: #FFFFFF;
    border: 1px solid black;
    margin: 3px;
}

/***** end To-check *****/



.embedTableCell  {  /* [DanB] This is also applied to spans when XHTML is enabled */
    /*background: #FFFFFF;*/
}
.embedTitle  {
    /*font-size: 90%;*/
    /*color: #000000;*/
    /*font-weight: bold;*/  /* Not sure we want this either */
}
.embedImageCaption  {
    /*font-size: 100%;*/
}



/*
 *  [DanB] Old code.  Should be applied to an IMG.
 */
img.documentEmbeddedIcon {
    margin: 0 16px 0 0;
    padding: 0;
}



/***** Embedded Media File links *****/
/* [DanB] */

div.docEmbeddedMediaFileLinkContainer {
    float: none;
    clear: both;  /* Absolutely no wrapping */
}

div.docEmbeddedMediaFileLinkContainer  div.iconContainer {
    float: left;
    width: 32px;
    text-align: left;
    vertical-align: top;
    margin: 0;
    padding: 0;
}

div.docEmbeddedMediaFileLinkContainer  div.titleContainer {
    margin: 0 0 0 33px;
    padding: 0;
}
    div.docEmbeddedMediaFileLinkContainer  div.titleContainer  div.title {
        font-size: 100%;
        /*font-weight: bold;*/
    }
    div.docEmbeddedMediaFileLinkContainer  div.titleContainer  div.playersContainer,
    div.docEmbeddedMediaFileLinkContainer  div.titleContainer  div.helpContainer,
    div.docEmbeddedMediaFileLinkContainer  div.titleContainer  div.transcriptContainer {
        font-size: 85%;
        color: #336699;
    }

/***** end Embedded Media File links *****/



.embedPlayersLink  {
    font-size: 80%;
    text-decoration: none;
}
.embedPlayersLink:hover  {
    font-size: 80%;
    text-decoration: underline;
}
.embedPlayersBreak  {
    font-size: 80%;
    color: #336699;
}



.embedHelpLink  {
    font-size:85%;
    color: #336699;
}



/* Check if these are being used */

.thumbleft {
    float: left;
    margin: 0 5px 5px 0;
}

.thumbright  {
    float:right;
    margin: 0 0 5px 5px;
}
/* Copyright Box UK 2004 - for use by Blackburn with Darwen Borough Council */
/* Blackburn Main */
/*=== Generic Styles ===*/
body, 
form {
    margin: 10px 0 10px 0;
    padding: 0;
    font-family: arial, helvetica, verdana, serif;
    font-weight: 400;
    font-size: 100%;
    color: #333333;
}
form  {
    margin: 0;
}
a:link, a:visited  {
    text-decoration: underline;
    color: #003366;
}
a:hover, a:active {
    text-decoration: none;    
    color: #003366;
}
h1  {
    xbackground-color: #605CCB;
    color: #00358f;
    font-size: 150%;
    padding: 1px 6px 1px 6px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0px 0px 6px 0px;
    xborder: 1px solid #000000;
    xcolor: #FFFFFF;
}
h2 {
    font-size: 140%;
    padding: 3px 6px 3px 0px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0px 0px 3px 0px;
    color: #605CCB;
}
h3 {
    font-size: 110%;
    padding: 3px 6px 0px 0px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0;
    color: #605CCB;
}
h4  {
    
}
#rightColumn div.containerBox,
#leftColumn div.containerBox  {
    border: 1px solid #8a9edd;
    padding: 5px;
}
#rightColumn div.picLink,
#leftColumn div.picLink  {
    text-align: center;
}
#rightColumn h2.blockTitle,
#leftColumn h2.blockTitle   {
    padding: 1px 6px 1px 6px;
    background-color: #e9ec6b;
    color: #1c1900;
    font-size: 90%;
    font-weight: bold;
    margin-bottom: 1px;
}
#outercontainer {
    text-align: center;
    width: 100%;
}
#innercontainer {
    text-align: left;
    width: 750px;
    margin: auto;
}
/*=== classes and IDs for main three columns ===*/
#mainContentArea  {
    width: 750px;
    clear: both;
    float: left;
    font-size: 80%;
}
#leftColumn {
    xbackground-color: #ffffaa;
    width: 157px;
    margin-right: 5px;
    float: left;
}
#middleColumn {
    xbackground-color: #ffaaff;
    float: left;    
}
.subMidColSpanLeft {
    width: 585px;
}
.subMidColSpanRight {
    width: 585px;
}
.subMidColSpanBoth {
    width: 750px;
}
.subMidCol {
    width: 400px;
}
#rightColumn {
    float: right;
    xbackground-color: #aaffff;
    width: 157px;
    margin-left: 5px;
}
#mainContentAreaHome  {
    width: 750px;
    clear: both;
    float: left;
    font-size: 80%;
}
#upperRight  {
    float: left;
    width: 585px;
}
#lowerRight  {
    clear: both;
    xborder-top: 1px dotted #626f82;
}
/*== homepage stuff ==*/
#middleRight a  {
    float: left;
    width: 180px;
}
#middleRight div.description a {
    float: left;
    width: 400px;
    padding-top: 10px;
}
div#middleRight  {
    width: 100%;
    margin-top: 10px;
    border-top: 1px dotted #cccbdd;
    margin-bottom: 10px;
    border-bottom: 1px dotted #cccbdd;
    float:left;
}
#lowerRight div.pigeonHole  {
    float: left;
    width: 180px;
    padding: 7px;
}
#lowerRight div.pigeonHole form  {
    padding: 0;
    margin: 0;
}
#lowerRight div.middle  {
    border-right: 1px dotted #cccbdd;    
    border-left: 1px dotted #cccbdd;
}
#lowerRight h2.blockTitle   {
    padding: 1px 6px 1px 6px;
    background-color: #e9ec6b;
    
    color: #1c1900;
    font-size: 90%;
    font-weight: bold;
    margin-bottom: 1px;
    width: 168px;
}
#upperRight div.mainLink  {
    text-align: right;
    color: #1c1900;
    font-weight: bold;
    background-color: #e9ec6b;
    margin-top: 1px;
}
#upperRight div.mainLink a,
#upperRight div.mainLink a:visited  {
    display: block;
    height: 17px;
    color: #1c1900;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-image: url("../../img/blackburn/belong/blueArrowButton.gif");
    background-position: top right;
}
/*=== Top Link Bar ===*/
div#topBar  {
    width: 748px;
    background-color: #e9ec6b;
    text-align: right;
    padding: 3px 0 2px 0;
    border-top: 1px solid #d6deeb;
    border-left: 1px solid #d8deea;
    border-right: 1px solid #5f7293;
    background-position: 50%; 
}
#topBar ul  {
    margin: 0;
    padding: 0;
    list-style: none;
}
#topBar ul li  {
    display: inline;
    font-size: 70%;
    padding: 0;
    margin: 0;
}
#topBar ul a,
#topBar ul a:visited  {
    color: #073364;
    background: #e9ec6b;
    padding-left: 5px;
    padding-right: 5px;
}
/*== Logo Bar ==*/
div.logoText  {
    float: left;
}
div#logoAndMenu  {
    text-align: right;
    padding: 0;
    clear: both;
}
#logoAndMenu div.menuDiv {
/*    height: 50px;*/
    vertical-align: bottom;
    float: left;
    border-right: 1px solid #5f7293;
    border-left: 1px solid #d8deea;
    width: 748px;
    margin-bottom: 10px;
    background-color: #e9ec6b;
}
#logoAndMenu .logoText  {
    padding: 0 0 0 10px;
}
#logoAndMenu img  {
    float: left;
    padding-bottom: 10px;
}
#logoAndMenu ul  {
    float: right;
    padding: 0 0 0 0;
    margin: 0;
    white-space: nowrap;
    display: inline;
}
#logoAndMenu ul li  {
    list-style: none;
    vertical-align: bottom;
    display: inline;
    font-size: 70%;
    margin: 0;
}
#logoAndMenu ul li a,
#logoAndMenu ul li a:visited {
    background: url("../../img/blackburn/belong/menuSep.jpg") bottom left no-repeat;
    padding-left: 10px;
    padding-right: 10px;
    /*padding-top: 27px;*/
    padding-bottom: 5px; 
    vertical-align: 5px;
    color: #1c1900;
    font-weight: bold;
    text-transform: uppercase;
}
#logoAndMenu li a.home,
#logoAndMenu li a.home:visited  {
    background: 0;
}
#logoAndMenu ul li.last a,
#logoAndMenu ul li.last a:visited,
#logoAndMenu ul li.only a,
#logoAndMenu ul li.only a:visited {
    /*background-position: bottom left;*/
}
/*== search box in header ==*/
#headerSearch  {
    float: right;
}
#headerSearch form {
    text-align: right;
}
#headerSearch .searchBox,
#headerSearch .searchSubmitImg  {
    display: block;
}
#headerSearch a img  {
    vertical-align: top;
}
/*=== footer bar ===*/
#footerBar  {
    float: left;
    clear: both;
    background-color: #e9ec6b;
    margin-top: 10px;
    color: #1c1900;
    font-size: 70%;
    width: 730px;
    padding: 3px 10px 3px 10px;
}
#footerBar ul  {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#footerBar ul li  {
    display: inline;
    padding: 0 5px 0 5px;
    border-right: 1px solid #ffffff;
}
#footerBar ul li a,
#footerBar ul li a:visited {
    color: #1c1900;
}
#footerBar ul li.last,
#footerBar ul li.only  {
    border-right: 0;
}
/*=== breadcrumb ===*/
#breadcrumb  {
    float: left;
    clear: both;
    width: 560px;
    padding-left: 190px;
/*    padding-top: 5px;*/
    padding-bottom: 5px;
    font-size: 80%;
}
#breadcrumb a,
#breadcrumb a:visited {
}
/*=== UserAccount ===*/
div.userAccount input {
    /*width: 80%;*/
    /*border: 1px solid #000000;*/
    margin-left: 5px;
}
#rightColumn div.userAccount input  {
    width: 80%;   
}
#rightColumn div.userAccount input.button,
div.userAccount input.button  {
    margin-top: 10px;
    width: auto;
    border: 0;
}
div.userAccount label  {
    /*display: block;*/
    font-size: 90%;
    /*margin-left: 7px;*/
    margin-top: 5px;
}
div.userAccount a  {
    display: block;
    margin-top: 10px;
    padding-left: 20px;
    background-image: url('../../img/blackburn/belong/arrowRight.gif');
    background-repeat: no-repeat;
    background-position: 5px 0.3em;
}
div.userAccount a.tc  {
    display: inline;
    margin-top: 0;
    padding-left: 0;
    background-image: none;
}
div.userAccount div.registrationForm ul  {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
/*=== Forums ===*/
.forum table  {
    width: 100%;
    vertical-align: bottom;
}
.forum table th  {
    background-color: #879ee1;
    color: #ffffff;
    padding: 5px;
    font-size: 90%;
    font-weight: normal;
}
.forum table td  {
    vertical-align: bottom;
}
.forum table td a  {
    display: block;
    padding-left: 20px;
    background-image: url('../../img/blackburn/belong/arrowRight.gif');
    background-repeat: no-repeat;
    background-position: 5px 0.3em;
}
div.forumIntro  {
    margin-left: 5px;
}
.forumIntro span.textLabel  {
    background-color: #879ee1;
    color: #ffffff;
    padding: 4px;
    margin-right: 5px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 90%;
    text-align: left;
}
.forum span.backLink a,
.forum span.backLink a:visited  {
    background-color: #879ee1;
    color: #ffffff;
    text-decoration: none;
    padding-left: 30px;
    padding-bottom: 4px;
    padding-top: 4px;
    background-image: url("../../img/blackburn/belong/blueArrowButtonLeft.gif");
    background-repeat: no-repeat;
    background-position: 5px 0.2em;
}
div.forumIntro span.title  {
    font-weight: bold;
}
div.postHeading  {
    color: #ffffff;
    width: 100%;
    background-color: #879ee1;
    padding-top: 3px;
    padding-bottom: 3px;
}
div.postHeading span.author  {
    float: left;
    padding-left: 5px;
    font-weight: bold;
}
div.postHeading span.date  {
    text-align: right;
    float: right;
    padding-right: 5px;
}
div.postBody  {
    margin-bottom: 1em;
    padding: 5px;
    background-color: #eeeeee;
}
.forum table  {
    margin-top: 5px;
}
.forum table td {
    vertical-align: top;
}
td.forumLabel  {
    background-color: #879ee1;
    color: #ffffff;
    padding-left: 3px;
}
.forum h3 {
    margin-bottom: 1em;
}
/*
.forumIntro a,
.forumIntro a:visited {
    display: block;
    margin-top: 10px;
    margin-left: 65px;
}
*/
.forum .contentLink  {
}
div.forumIntro div {
    padding-bottom: 1em;
}
/*=== Content Summary stuff ==*/
#leftColumn a.docHeadLink,
#leftColum a.docHeadLink:visited,
#rightColumn a.docHeadLink,
#rightColum a.docHeadLink:visited  {
    display: block;
    margin-top: 5px;
    padding-left: 20px;
    background-image: url('../../img/blackburn/belong/arrowRight.gif');
    background-repeat: no-repeat;
    background-position: 5px 0.3em;
}
/*=== Old stuff under this line ===*/
.formfield  {
    padding-bottom: 7px;
}
td.eventTitle  {
    padding-top: 2px;
    padding-left: 5px;
}
div.eventDescription  {
    padding-bottom: 10px;
    padding-left: 5px;
}
div.eventDate  {
    font-size: 90%;
    padding-left: 5px;
}
div.eventBodyText  {
    font-size: 85%;
    padding-left: 8px;
    padding-right: 5px;
    padding-bottom: 3px;
}
div.docPublishedDate  {
    font-size: 85%;
    padding-bottom: 12px;
}
img  {
    border: 0;
}
/*=== Invisible elements, mainly for accessibility ===*/
.hidden {
    display: none;
}
/*=== Main Template containers ===*/
/*=== Top Bar ===*/
#topbar {
    float: left;
    /*margin-top: 10px;*/
    padding: 0;
    clear: both;
    width: 760px;
    text-align: right;
}
#topbar div.blackburnLogo {
    float: left;
    padding-left: 21px;
}
#topbar div.buildingsLogo {
    float: left;
    padding-left: 15px;
}
#topbar div.utility {
    margin-top: 4px;
    float: left;
    background-color: #727184;
    width: 509px;
    height: 19px;
    text-align: left;
    border-bottom: 5px solid #727184;
}
#topbar div.branding {
    height: 48px;
    float: left;
    border-top: 1px solid #C7C6CE;
    padding: 0px 0px 0px 0px;
    margin: 0;
}
#topbar div.helpListContainer {
    float: left;
    height: 14px;
    background-color: #003333;
    width: 499px;
    color: #FFFFFF;
    letter-spacing: 1px;
    border-bottom: 2px solid #000000;
}
#topbar div.greenBarContainer {
    height: 3px;
    float: right;
    text-align: right;
    display: inline;
    margin-left: 10px;
    padding: 0px 0px 0px 0px;
}
#topbar div.greenBar {
    float: left;
    background-color: #339966;
    font-size: 0%;
    height: 3px;
    margin: 0;
    width: 537px;
}
/*=== Utility Bar ===*/
#utilityList {
    margin: 0;
    padding: 0px;
    list-style-type: none;
    display: inline;
}
#utilityList li { 
    margin: 0;
    background-image: url(../../img/blackburn/belong/util_sep.gif);
    background-repeat: repeat-y;
    background-position: 0em 0em;
    display: inline;
    list-style-type: none;
    padding: 0px 8px 0px 15px;
}
#utilityList li.utilFirst {
    background-image: none;
    display: inline;
    list-style-type: none;
    padding: 0px 8px 0px 6px;
}
#utilityList li a { 
    padding: 0;
    margin: 0;
    font-size: 70%;
    letter-spacing: 1px;
    color: #FFFFFF;
}
#topGreenBar {
    float:left;
    width: 490px;
    height: 3px;
    background-color: #339966;
    font-size: 0%;
    display: inline;
}
/*=== Help List ===*/
#helpList {
    margin: 0;
    display: inline;
    padding: 0;
}
#helpList li { 
    display: inline;
    list-style-type: none;
    padding: 0;
}
#helpList li a { 
    margin: 0;
    font-family: verdana, arial, helvetica, serif;
    padding: 0px 6px 0px 6px;
    display: inline;
    font-size: 70%;
    letter-spacing: 0px;
    color: #FFFFFF;
}
/*=== Search Bar ===*/
#searchBar {
    clear: both;
    width: 760px;
    margin: 0;
    padding: 0;
    background-image: url(../../img/blackburn/belong/search_bar_bg.gif);
    background-repeat: repeat-x;
}
#searchBar .searchBox {
    width: 135px;
    padding: 0;
    margin-top: 2px;
    vertical-align: top;
}
#searchBar .searchSubmitImg {
    vertical-align: top;
    padding-left: 2px;
    margin-top: 3px;
}
/*=== Horizontal Bar ===*/
.bottomGreenBar {
    float:left;
    clear: both;
    width: 760px;
    height: 3px;
    margin: 6px 0px 1px 0px;
    background-color: #339966;
    font-size: 0%;
}
/*=== Embedded Images Styles ===*/
.embedTableLeft  {
    background: #FFFFFF;
    border: 1px solid black;
    float: left;
    margin: 3px;
}
.embedTableRight  {
    background: #FFFFFF;
    float: right;
    border: 1px solid black;
    margin: 3px;
    clear: right;
}
.embedTableCentre  {
    background: #FFFFFF;
    border: 1px solid black;
    margin: 3px;
}
.embedTableCell {
    background: #FFFFFF;
}
.embedTitle  {
    font-size: 90%; 
    color: #000000; 
    font-weight: bold;
}
.embedImageCaption  {
    font-size: 85%; 
    font-style: oblique;
}
.embedPlayersLink  {  
    font-size: 80%;
    text-decoration: none;
}
.embedPlayersLink:hover  {  
    font-size: 80%;
    text-decoration: underline;
}
.embedPlayersBreak  {
    font-size: 80%;
    color: #336699;
}
.embedHelpLink  {
    font-size:85%;
    color: #336699; 
}
.rh_title  { 
    font-size: 90%; 
    font-weight: bold; 
    color: #003366; 
}
.cont_left_border { 
    float: left; 
    clear: left; 
    margin: 5px 10px 5px 0px; 
    text-align: center; 
    border: 1px solid black;
}
.cont_left_noborder { 
    float: left; 
    clear: left; 
    margin: 5px 10px 5px 0px; 
    text-align: center;
}
.cont_right_border { 
    float: right; 
    clear: right; 
    margin: 5px 0px 5px 10px; 
    text-align: center; 
    border: 1px solid black;
}
.cont_right_noborder { 
    float: right; 
    clear: right; 
    margin: 5px 0px 5px 10px; 
    text-align: center;
}
.embedimg { 
    margin: 2px;
}
.embedcaption { 
    text-align: left; 
    padding: 2px; 
    font-style: oblique;
}
.embedTableLeft {
    background: #FFFFFF;
    border: 1px solid black;
    float: left;
    margin: 3px;
}
.embedTableRight {
    background: #FFFFFF;
    float: right;
    border: 1px solid black;
    margin: 3px;
    clear: right;
}
.embedNoBorderLeft {
    background: #FFFFFF;
    float: left;
    margin: 3px;
}
.embedNoBorderRight {
    background: #FFFFFF;
    float: right;
    margin: 3px;
}
.embedNoBorderCentre {
    background: #FFFFFF;
    margin: 3px;
}
.embedTableCentre {
    background: #FFFFFF;
    border: 1px solid black;
    margin: 3px;
}
.embedTableCell {
    background: #FFFFFF;
}
.embedTitle {
    font-size: 90%; 
    color: #000000; 
    font-weight: bold;
}
.embedImageCaption {
    font-size: 100%; 
    font-style: oblique;
}
.embedPlayersLink { 
    font-size: 80%;
    text-decoration: none;
}
.embedPlayersLink:hover { 
    font-size: 80%;
    text-decoration: underline;
}
.embedPlayersBreak {
    font-size: 80%;
    color: #336699;
}
.embedHelpLink {
    font-size:85%;
    color: #336699;
}
/*=== Left column (menu) styles ===*/
#leftcol {
    float: left;
    width: 178px;
    margin: 4px 4px 10px 0px;
}
#leftcol div.outerHead {
    background-color: #605CCB;
    color: #FFFFFF;
    font-size: 80%;
    border: 1px solid #000000;
}
#leftcol div.innerHead {
    background-color: #605CCB;
    height: 16px;
    font-size: 90%;
    padding-left: 4px;
    border-top: 1px solid #3C8DCC;
    border-left: 1px solid #3C8DCC;
    border-bottom: 1px solid #13127A;
    border-right: 1px solid #13127A;
}
ul#mainMenu {
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    border-left: 1px solid #666666;
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: block;
}
ul#mainMenu a:link, #mainMenu a:visited {
    color: #1c1900;
    font-size: 70%;
    letter-spacing: 1px;
    display: block;
    padding-top: 4px;
    padding-bottom: 0px;
    margin-left:10px;
    vertical-align: middle;
}
ul#mainMenu li {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none;
    border-right: solid 1px #7C82BC;
    border-left: solid 1px #F8F9FB;
    border-top: solid 1px #FFFFFF;
    border-bottom: solid 1px #7C82BC;
    background-image: url(../../img/blackburn/belong/right_arrow.gif);
    background-repeat: no-repeat;
    background-color: #DBE0EA;
    background-position: 5px 7px;
    display: block;   
}
ul#mainMenu li a  {
    margin: 0;
    display: block;
    padding: 0px 0px 0px 12px;
}
ul#mainMenu li.active {
    background-color: #B6BFD3;
    background-image: url(../../img/blackburn/belong/down_arrow.gif);
    background-position: 4px 9px;
    font-weight: bold;
}
/*=== Second Level ===*/
ul#mainMenu ul {
    border-top: 1px solid #000000;
    border-bottom: 3px solid #F3F4F8;
    margin: 0;
    padding: 0;
}
ul#mainMenu ul li {
    font-weight: normal;
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: none;
    background-image: url(../../img/blackburn/belong/right_arrow_low.gif);
    background-position: 4px 9px;
    background-color: #F3F4F8;
    display: block;
    background-position: 14px 9px;
    padding: 2px 0px 2px 0px;
}
ul#mainMenu ul li a {
    padding: 0px 0px 0px 12px;
    display: block;
    margin-left: 10px;
}
ul#mainMenu ul li.active {
    background-image: url(../../img/blackburn/belong/down_arrow_low.gif);
    background-position: 13px 10px;
    background-color: #F3F4F8;
    font-weight: bold;
}
/*=== Third Level ===*/
ul#mainMenu ul ul {
    background-color: #FFFFFF;
    border: 0;
    margin: 0;
    padding: 0;
}
ul#mainMenu ul ul li {
    font-weight: normal;
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: none;
    background-image: url(../../img/blackburn/belong/hyphen_low.gif);
    background-position: 4px 9px;
    background-color: #FFFFFF;
    display: block;
    background-position: 20px 10px;
    padding: 2px 0px 2px 0px;
}
ul#mainMenu ul ul li a {
    padding: 0px 0px 0px 20px;
    display: block;
    margin-left: 10px;
    
}
ul#mainMenu ul ul li.active {
    background-image: url(../../img/blackburn/belong/hyphen_low.gif);
    background-position: 20px 8px;
    background-color: #FFFFFF;
    font-weight: bold;
}
/*=== Fourth Level ===*/
ul#mainMenu ul ul ul {
    background-color: #FFFFFF;
    border: 0;
    margin: 0;
    padding: 0;
}
ul#mainMenu ul ul ul li {
    font-weight: normal;
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: none;
    background-image: url(../../img/blackburn/belong/hyphen_low.gif);
    background-color: #FFFFFF;
    display: block;
    background-position: 25px 10px;
    padding: 2px 0px 2px 0px;
}
ul#mainMenu ul ul ul li a {
    padding: 0px 0px 0px 25px;
    display: block;
    margin-left: 10px;
}
ul#mainMenu ul ul ul li.active {
    background-image: url(../../img/blackburn/belong/hyphen_low.gif);
    background-position: 25px 8px;
    background-color: #FFFFFF;
    font-weight: bold;
}
/*=== Left column block ===*/
#leftColBlock {
    margin-top: 4px;
    border: 1px solid #666666;
}
#leftColBlock h1 {
    border-top: #3C8DCC;
    padding-left: 4px;
    color: #FFFFFF;
    font-size: 100%;
    font-weight: normal;
    margin: 0;
}
/*=== Middle and right column span block ===*/
#spanFeatureBlock {
    float: left;
    width: 574px;
    margin-top: 4px;
    margin-left: 4px;
}
#spanFeatureBlock h1 { 
    background-color: #605CCB;
    font-size: 80%;
    padding: 3px 0px 3px 6px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0; 
    border: 1px solid #000000;
    color: #FFFFFF;
}
#spanFeatureBlock h2 { 
    background-color: #95A4BD;
    font-size: 80%;
    padding: 1px 0px 1px 6px;
    font-weight: bold;
    margin: 0; 
    color: #FFFFFF;
    width: 453px;
}
#spanFeatureBlock p {
    margin: 5px 0px 0px 5px;
    padding: 0;
    font-size: 75%;
}
#spanFeatureBlock ul {
    margin: 6px 0px 0px 8px;
    padding: 0;
}
#spanFeatureBlock li {
    list-style-type: none;
    list-style-position: outside;
    background-image: url(../../img/blackburn/belong/feature_bullet.gif);
    background-repeat: no-repeat;
    background-position: 2px 4px;
    display: block;
}
#spanFeatureBlock li a {
    margin-left: 22px;
    letter-spacing: 1px;
    font-size: 70%;
}
/*=== Middle column styles ===*/
#midcol {
    float: left;
    width: 402px;
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 10px;
    margin-left: 4px;
    padding-right: 50px;
    font-size: 80%;
    letter-spacing: 1px;
}
#midcol h1 {
    background-color: #605CCB;
    font-size: 100%;
    padding: 1px 6px 1px 6px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0px 0px 6px 0px;
    border: 1px solid #000000;
    color: #FFFFFF;
}
#midcol h2 {
    font-size: 140%;
    padding: 3px 6px 0px 0px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0px 0px 4px 0px;
    color: #605CCB;
}
#midcol h3 {
    font-size: 110%;
    padding: 3px 6px 0px 0px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0;
    color: #605CCB;
}
#midcol a.contentlink {
    font-size: 80%;
    font-weight: bold;
    color: #003366;
    margin: 0;
    padding: 8px 0px 8px 0px;
}
#midcol p {
    margin: 0px 0px 0px 0px;
    padding: 8px 0px 8px 0px; 
} 
#midcol a {
    font-size: 100%;
    color: #003366;
}
/*=== ConWebDoc Pagination Links ===*/
#midcol div.dateAuthorText {
    font-size: 85%;
    color: #666666;
    font-weight: bold;
}
#midcol div.paginationlinks {
    text-align: right;
    font-size: 100%;
    margin: 0px 0px 4px 0px;
}
#midcol div.paginationLinks ul {
    padding: 6px 0px 6px 0px;
    margin: 0;
}
#midcol div.paginationLinks a {
    color: #003366; 
}
#midcol div.paginationLinks li {
    display: inline;
    padding: 0px 5px 0px 5px;
}
#midcol div.paginationLinks li.borderRight {
    border-right: 1px solid #003366;
}
#midcol div.paginationLinks li.borderLeft {
    border-left: 1px solid #003366;
}
.currentPagination {
    text-decoration: underline;
    color: #000000;
}
/*=== Middle column multicontent ===*/
#midcol div.multiContentMain a {
    font-size: 90%;
}
/*=== Middle column content ===*/
#middleContent {
    font-size: 100%;
    letter-spacing: 1px;
    padding: 0px 0px 0px 6px;
}
#middleContent .dateAuthor {
    font-size: 80%;
    font-weight: bold;
    color: #666666;
}
/*=== Right column styles ===*/
#rightcol {
    width: 164px;
    display: block;
    float: left;
    margin: 4px 0px 0px 4px;
}
#rightcol h1 {
    color: #333333;
    font-size: 80%;
    font-weight: normal;
    margin: 0px 0px 0px 14px;
    padding: 0;
}
#rightcol h2 {
    font-size: 80%;
    font-weight: normal;
    margin: 0;
    padding: 2px 0px 2px 7px;
    background-color: #C6CEDD;
    color: #333333;
}
#rightcol p {
    font-size: 70%;
    padding: 0;
    margin: 0;
    letter-spacing: 1px;
    color: #333333;
}
#rightcol input#searchBox {
    margin-top: 5px;
    width: 130px;
}
#rightcol a.rightFeatureLink {
    font-size: 80%;
}
/*=== Subpage right column block styles ===*/
#rightcol div.r_block {
    margin: 0px 0px 6px 0px;
}
#rightcol div.r_block h2 {
    font-size: 80%;
    font-weight: normal;
    margin: 0;
    padding: 2px 0px 2px 7px;
    background-color: #C6CEDD;
    color: #333333;
}
#rightcol div.r_block_content {
    font-size: 75%;
    background-color: #EBEEF3;
    padding: 4px 4px 8px 0px;
}
div.r_block_content ul {
    margin: 0;
    padding: 0;
}  
#rightcol li.pdficon {
    margin: 4px 0px 0px 0px;
    background-image: url(../../img/blackburn/belong/icon_pdf.gif);
    background-repeat: no-repeat;
    background-position: 3px 4px;
    list-style-type: none;
    list-style-position: outside;
    padding: 0px 0px 0px 24px;
}
#rightcol li.docicon {
    margin: 4px 0px 0px 0px;
    background-image: url(../../img/blackburn/belong/icon_doc.gif);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    list-style-type: none;
    list-style-position: outside;
    padding: 0px 0px 0px 24px;
}
#rightcol li.rightArrow {
    margin: 4px 0px 0px 0px;
    background-image: url(../../img/blackburn/belong/right_arrow.gif);
    background-repeat: no-repeat;
    background-position: 7px 4px;
    list-style-type: none;
    list-style-position: outside;
    padding: 0px 0px 0px 24px;    
}
/*=== Metadata Viewer Block ===*/
#rightcol div.metadataBlock {
    margin: 0px 0px 6px 0px;
}
#rightcol div.metadataBlock h2 {
    font-size: 80%;
    font-weight: normal;
    margin: 0;
    padding: 2px 0px 2px 7px;
    background-color: #C6CEDD;
    color: #333333;
}
#rightcol div.metadataBlockContent {
    font-size: 80%;
    background-color: #EBEEF3;
    padding: 4px 4px 4px 7px;
}
/*=== Multi Content Right Col ===*/
#rightcol div.multiContent {
    margin: 0px 0px 6px 0px;
}
#rightcol div.multiContent h2 {
    font-size: 80%;
    font-weight: normal;
    margin: 0;
    padding: 2px 0px 2px 7px;
    background-color: #C6CEDD;
    color: #333333;
}
#rightcol div.multiContentMain {
    font-size: 80%;
    background-color: #EBEEF3;
    padding: 4px 4px 8px 24px;
    margin: 0px 0px 6px 0px;
}
/*=== Horizontal line footer separator ===*/
.hgbar {
    float:left;
    clear: both;
    width: 750px;
    height: 4px;
    margin-top: 3px;
    background-color: #666666;
    font-size: 0%;
}
/*=== Footer styles ===*/
#footer { 
    background-color: #605CCB;
    border: 1px solid #000000;
    clear: both;
}
#footerList {
    padding: 0;
    margin: 0;
}
#footerList li {
    display: inline;
    list-style-type: none;
    padding: 0px 2px 0px 12px;
}
#footerList li a {
    font-size: 40%;
}
#footerList li.nonFirstLink {
    background-image: url(../../img/blackburn/belong/footer_sep_line.gif);
    background-position: 2px 5px;
    background-repeat: no-repeat;
}
#footerList li a {
    color: #FFFFFF;
    font-size: 80%;
}
#footer a {
    white-space: nowrap;
}
#footer p {
    font-size: 80%;
    color: #333333;
    padding: 4px;
    margin-top: 1px;
}
/*=== Calendar Block Styles ===*/
div.calendarContainer {
    margin: 0px 0px 4px 0px;
    text-align: center;
    width: 100%;
    font-size: 70%;
}
div.monthBrowse {
    padding: 2px 0px 2px 0px;
    color: #333333;
    letter-spacing: 1px;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    background-color: #C6CEDD;
}
div.monthBrowse .monthName {
    color: #FF0000;
}
div.calendarContainer td.calCell0 {
    background-color: #EBEEF3;
    color: #003366;
}
div.calendarContainer td.calCell1 {
    background-color: #8B9BBA;
    color: #FFFFFF;
}
div.calendarContainer td.calCell1 a {
    color: #FFFFFF;
}
div.calendarContainer td.calCell1 a:hover {
    color: #000000;
    font-weight: bold;
}
table.calendarBox {
    background-color: #EBEEF3;
}
table.calendarBox thead {
    background-color: #8B9BBA;
    color: #FFFFFF;
}
table.calendarBox thead th {
    background-color: #8B9BBA;
    padding: 2px;
}
table.calendarBox tbody {
    margin: 4px;
    padding: 2px;
}
/*=== Contact Display ===*/
div.contactDisplay {
    margin: 10px 0px 0px 0px;
    float: left;
    clear: both;
    width: 100%;
    background-color: #C6CEDD;
}
div.contactDisplay a {
    font-size: 20px;
}
div.contactName {
    margin-top: 1px;
    border-top: 1px solid #FFFFFF;
    float: left;
    width: 100%;
    border-bottom: 2px solid #8697B7;
    background-color: #C6CEDD;
    font-size: 90%;
}
div.contactFieldName {
    margin-top: 4px;
    padding: 2px;
    font-size: 85%;
    float: left;
    width: 103px;
    text-align: right;
    padding-right: 10px;
}
div.contactFieldValue {
    margin-top: 4px;
    padding: 2px;
    font-size: 85%;
    float: left;
    width: 260px;
    background-color: #FFFFFF;
    border: 1px solid black;
    vertical-align: middle;
    padding-left: 4px;
}
div.contactBody {
    background-color: #EBEEF3;
    clear: both;
    padding-bottom: 3px;
}
/*=== A to Z Block Styles ===*/
div.atozBlock .atozItemTitle {
    background-color: #C6CEDD;
    font-weight: bold;
    font-size: 90%;
    padding: 2px 4px 2px 10px;
}
div.atozBlock .atozItemDesc {
    background-color: #F5F8FA;
    font-size: 90%;
    padding: 12px 4px 12px 10px;
}
div.atozBlock .atozItemDescWhite {
    background-color: #FFFFFF;
    font-size: 90%;
    padding: 12px 4px 12px 10px;
}
div.atozLetters {
    margin: 1em 0em 1em 0em;
    text-align: center;
    font-weight: bold;
    font-size: 90%;
}
div.atozLetters .currentLetter {
    color: #000000;
    text-decoration: underline;
}
div.atozContactItem {
    font-size: 90%;
    font-weight: bold;
}
div.atozChooseLetter {
    clear: both;
    font-size: 150%;
    padding: 5px 0px 10px 0px;
    font-family: Arial, sans-serif;
    color: #666666;
    font-weight: bold;
}
/*=== Event Block Styles ===*/
div.conEventContainer {
    font-family: Arial, sans-serif;
    letter-spacing: 0px;
}
.eventTitleDate{
    text-align: left;
    font-weight: bold;
}         
.eventDetails{
    background-color: #EBEEF3;
}   
#tableTest {   
    float: left;  
    width: 100%;
    font-size: 90%;
    border: 1px solid #999;
    margin: 0 15px 15px 0;
    font-family: Arial;
    font-size: 90%;
    text-align: left;
    font-weight: normal;
    background-color: #EBEEF3;
    padding: 5px;
}   
#tableTest .clearboth { clear: both; }
#eventsTableItem {   
    float: left;  
    width: 100%;
    margin: 0px 0px 0px 0px;
    font-family: Arial;
    font-size: 90%;
    text-align: left;
    font-weight: bold;
    background-color: #C6CEDD;
    padding: 0px;
}  
#eventsItemDetails{
    float: left;  
    width: 100%;
    margin: 0px 0px 0px 0px;
    font-family: Arial;
    font-size: 90%;
    text-align: left;
    font-weight: normal;
    padding: 0px;
}
#eventsTableWhite {   
    float: left;  
    width: 100%;
    text-align: left;
    padding: 0px;
    background-color: #FFFFFF;
    clear: both;
}
#eventsTable{   
    float: left;  
    width: 100%;
    text-align: left;
    padding: 0px;
    background-color:  #EBEEF3;
    clear: both;
    
}
#singleEventTitle{
    font-family: Arial;
    text-align: left;
    font-weight: bold;
    margin: 0px 0px 0px 15px;
}
#singleEventInfo{
    font-family: Arial;
    text-align: left;
    margin: 0px 0px 0px 50px;
}
#midcol div.searchpagination{
    font-family: Arial, sans-serif;
    letter-spacing: 0px;
    text-align: left;
    margin: 0px 0px 0px 10px;
}
#midcol div.searchpaginationPages{
    font-family: Arial, sans-serif;
    letter-spacing: 0px;
    text-align: right;
    margin: 0px 0px 0px 10px;
}
/*=== Search Results Block ===*/
div.searchresult {
    font-family: Arial, sans-serif;
    letter-spacing: 0px;
}
div.float{
    float: left;
    margin: 0 5px 0px 0;
    font-family: Arial;
    text-align: left; 
}
div.floatRight{
    float: left;
    margin: 0 5px 0px 0;
    text-align: left;
    font-family: Arial;
    margin: 0;  
}
#desText{
    font-family: Arial;
    font-size: 90%;
    text-align: left;
}
#rightcol div.multiContentMain {
    padding: 0px;
    margin: 0px;
}
#rightcol div.contentcontainer {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 6px 0px;
}
#rightcol div.contentsummary {
    margin: 0px 0px 6px 0px;
    background-image: url(../../img/blackburn/belong/right_arrow.gif);
    background-repeat: no-repeat;
    background-position: 7px 8px;
    list-style-type: none;
    list-style-position: outside;
    padding: 4px 0px 0px 24px;  
    font-family: Arial;
    font-size: 90%;
    text-align: left;
}
#midcol div.contentsummary {
    margin: 0px 0px 6px 0px;
    padding: 4px 8px 8px 0px; 
}
#midcol div.contentsummaryAZ {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#rightcol div.pdf {
    margin: 0px 0px 0px 0px;
    list-style-type: none;
    list-style-position: outside;
    padding: 0px 0px 0px 0px;
}
#rightcol div.pdf_icon {
    margin: 0px 0px 0px 0px;
    background-image: url(../../img/blackburn/belong/icon_pdf.gif);
    background-repeat: no-repeat;
    background-position: 3px 4px; 
    list-style-type: none;
    list-style-position: outside;
    padding: 4px 0px 10px 24px;
}
#midcol div.pdf_icon {
    margin: 0px 0px 0px 0px;
    background-image: url(../../img/blackburn/belong/icon_pdf.gif);
    background-repeat: no-repeat;
    background-position: 3px 4px; 
    list-style-type: none;
    list-style-position: outside;
    padding: 4px 0px 10px 24px;
}
#rightcol div.doc_icon{
    margin: 0px 0px 0px 0px;
    background-image: url(../../img/blackburn/belong/icon_doc.gif);
    background-repeat: no-repeat;
    background-position: 3px 7px; 
    padding: 4px 0px 0px 24px;
}
#midcol div.doc_icon {
    margin: 0px 0px 0px 0px;
    background-image: url(../../img/blackburn/belong/icon_doc.gif);
    background-repeat: no-repeat;
    background-position: 3px 7px; 
    padding: 4px 0px 10px 24px;
}
#rightcol div.ppt_icon{
    margin: 0px 0px 0px 0px;
    background-image: url(../../img/blackburn/belong/icon_ppt.gif);
    background-repeat: no-repeat;
    background-position: 3px 10px; 
    padding: 4px 0px 0px 24px;
}
#midcol div.ppt_icon {
    margin: 0px 0px 0px 0px;
    background-image: url(../../img/blackburn/belong/icon_ppt.gif);
    background-repeat: no-repeat;
    background-position: 3px 10px; 
    list-style-type: none;
    list-style-position: outside;
    padding: 4px 0px 0px 24px;
}
#rightcol div.xls_icon{
    margin: 0px 0px 0px 0px;
    background-image: url(../../img/blackburn/belong/icon_xls.gif);
    background-repeat: no-repeat;
    background-position: 3px 10px; 
    list-style-type: none;
    list-style-position: outside;
    padding: 4px 0px 0px 24px;
}
#midcol div.xls_icon {
    margin: 0px 0px 0px 0px;
    background-image: url(../../img/blackburn/belong/icon_xls.gif);
    background-repeat: no-repeat;
    background-position: 3px 10px; 
    list-style-type: none;
    list-style-position: outside;
    padding: 4px 0px 0px 24px;
}
#rightcol div.no_default_image{
    margin: 0px 0px 0px 0px;
    background-image: url(../../img/blackburn/belong/right_arrow.gif);
    background-repeat: no-repeat;
    background-position: 7px 9px; 
    list-style-type: none;
    list-style-position: outside;
    padding: 4px 0px 0px 24px;
}
#midcol div.no_default_image {
    margin: 0px 0px 0px 0px;
    background-image: url(../../img/blackburn/belong/right_arrow.gif);
    background-repeat: no-repeat;
    background-position: 7px 9px; 
    list-style-type: none;
    list-style-position: outside;
    padding: 4px 0px 0px 24px;
}