﻿

/* Standard HTML element overrides
 */

html {
     overflow: -moz-scrollbars-vertical; /* Force visibility of vertical scroll on FF: otherwise page alignment can shift left and right depending on content depth */
}

/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
}

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
    background-color: rgb(208,16,58);
}

table, form 
{
    border-collapse: collapse;
}

h1 {
	margin-bottom:1em;
	font-size: 1.6em;
	font-weight: bold;
}
h2 {
	margin-bottom:1em;
	font-size: 1.3em;
	font-weight: bold;
}
h3 {
	margin-bottom: 0.5em;
	font-size: 1.2em;
	font-weight: normal;
}
h4 {
	margin-bottom: 0.5em;
	font-size: 1.0em;
	font-weight: bold;
}
h5 {
	margin-bottom: 0.5em;
	font-size: 1.0em;
	font-weight: bold;
}
h6 {
	margin-bottom: 0.5em;
	font-size: 0.8em;
	font-weight: bold;
}

a {
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

div {
	text-align: left;
}

textarea {
    font-family: Arial, sans-serif;
}

ul 
{
	/*list-style-image: url(imgs/bullet.png);*/
	margin: 0;
	padding: 0;
	border: none;
	margin-left: 10px;
}
	
li 
{
    margin-left: 16px;
    margin-bottom: 2px;
}

blockquote
{
    float:right;
    width:200px;
    font-weight:bold;
    margin:0 0 12px 12px;
}

area 
{
    border: none;
}

hr
{
    height: 1px;
    border: none;
    border-bottom: solid 1px #dddddd;
    padding: 0px;
    margin: 0px;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

/* Utility classes
 */

.clearBoth
{
    clear: both;
    font-size: 0px;
}

.more
{
    float: right;
    font-size: 0.9em;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

.marginRight10
{
	margin-right: 10px;
}

.marginTop10
{
	margin-top: 10px;
}

.marginSmall
{
	margin: 5px;
}

.marginMedium
{
	margin: 10px;
}

.height0
{
    clear: both;
	font-size: 0px;
	height: 0px;
	min-height: 0px;
}

.height5
{
    clear: both;
	font-size: 5px;
	height: 5px;
	min-height: 5px;
}

.height10
{
    clear: both;
	font-size: 10px;
	height: 10px;
	min-height: 10px;
}

.height15
{
    clear: both;
	font-size: 15px;
	height: 15px;
	min-height: 15px;
}

.height20
{
    clear: both;
	font-size: 20px;
	height: 20px;
	min-height: 20px;
}

.height25
{
    clear: both;
	font-size: 25px;
	height: 25px;
	min-height: 25px;
}

.height30
{
    clear: both;
	font-size: 25px;
	height: 25px;
	min-height: 25px;
}

.small
{
	font-size: 0.8em;
}

.fadeColor
{
	color: #999999;
}

.siteColor
{
	color: #F8001B;
}

.rightAlign
{
	text-align: right;
}

.centreAlign
{
    text-align: center;
}

/* Top master page
 */

div.bannerAdvert
{
    text-align: center;
}

div.frameOuter
{
    margin-top: 20px;
    width: 976px;
}

div.frameInner
{
    text-align: left;
    background-color: White;
    width: 932px;
    margin-bottom: 20px;
}

div.centerRegion
{
    min-height: 500px;
    margin-top: 10px;
}

div.footer
{
    background-color: Black;
    font-size: 0.85em;
    font-family: Verdana;
    color: White;
    padding: 16px;
    padding-right: 5px;
}

div.footer a
{
    color: White;
}

div.footer p
{
    margin-bottom: 0px;
    margin-top: 10px;
    color: Gray;
    width: 600px;
}

div.footer a.promptPayment
{
    float: right;
    margin-top: 24px;
}

div.leftColumn
{
    float:left;
    width: 165px;
    text-align: center;
    overflow: visible;
}

div.middleColumn
{
    width: 588px;
    float:left;
    min-height: 500px;
    padding-top: 0px;
    padding-left: 17px;
    padding-bottom: 15px;
    padding-right: 12px;
    overflow: visible;
}

div.rightColumn
{
    float:left;
    width: 145px;
    padding: 0px 0px 15px 0px;
    text-align: center;
    /*background-color: gray;*/
    overflow: visible;
}

div.towerAdvert
{
    text-align: center;
}

div.buttonAdvert
{
    margin-bottom: 15px;
}

/* Header and top menu
 */

div.header
{
    position: relative;
    height: 95px;
}

div.header div.logo
{
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: -1px;
}

div.header div.bannerAdvert
{
    position: absolute;
    top: 0px;
    right: 21px;
}

div.header div.menu
{
    position: absolute;
    top: 49px;
    left: 234px;
}

div.header div.shoot
{
    position: absolute;
    top: 35px;
    left: 944px;
}


/* The search bar
 */

.searchBar
{
    background-color: Black;
    height: 25px;
    color: White;
    padding: 5px;
    position: relative;
}

.searchBar a
{
    color: White;
}

.searchBar div.searchBlock
{
    position: relative;
    top: -5px;
}

.searchBar .topMenu
{
    position: absolute;
    top: 10px;
    left: 6px;
}

/*
.searchBar .topMenu,
.searchBar .topMenu a
{
    font-size: 16px;
    letter-spacing: 0.9px;
    font-weight: 600;
}
*/

.searchBar .searchText
{
    position: absolute;
    top: 10px;
    right: 359px;
}

.searchBar input.textBox
{
    position: absolute;
    border: 0;
    height: 18px;
    top: 8px;
    right: 160px;
    width: 190px;
}

.searchBar .topRadio
{
    position: absolute;
    top: 1px;
    right: 135px;
}

.searchBar .bottomRadio
{
    position: absolute;
    top: 15px;
    right: 135px;
}

.searchBar .topText
{
    font-size: x-small;
    white-space: nowrap;
    position: absolute;
    top: 5px;
    right: 93px;
}

.searchBar .bottomText
{
    font-size: x-small;
    white-space: nowrap;
    position: absolute;
    top: 19px;
    right: 31px;
}

.chambersOnly .searchBar .bottomText
{
    right: 76px;
}

.searchBar input.button
{
    position: absolute;
    top: 8px;
    right: 2px;
    width: 22px;
    height: 20px;
    background-color: rgb(156,157,159);
    padding: 0px;
    padding-top: -1px;
    padding-left: 1px;
    font-family: Arial, sans-serif;
    color: White;
    font-weight: bold;
    border: none;
    cursor: pointer;
}

.searchBar .loginText
{
    font-family: Arial, sans-serif;
    font-size: 0.9em;
    position: absolute;
    top: 10px;
    left: 810px;
    font-weight: bold;
}

.ticker
{
    text-align: center;
    padding: 4px 10px 4px 10px;
    font-size: 0.8em;
    border-left: solid 5px black;
    background-color: #cccccc;
    overflow: hidden;
}

.ticker span
{
    color: #666666;
}

.navTrail
{
    margin-bottom: 6px;
    font-size: 0.85em;
    text-transform: lowercase;    
}

.navTrail .navTrailChev
{
    padding: 0px 4px;
}

.rssLink
{
    float: right;
    margin-left: 10px;
}

/* Left menu column
 */

div.menuBox
{
    background-color: white;
    text-align: left;
    padding-bottom: 5px;
    padding-left: 7px;
    padding-top: 10px;
    padding-right: 5px;
}

div.menuBox dt
{
    /*font-family: Palatino Linotype, Book Antiqua, Palatino, Serif*/
    /*font-family: New York, MS Serif;*/
    /*font-family: Times New Roman;*/
    font-family: Arial, sans-serif;
    font-size: 1.35em;
    font-weight: bold;
    padding-bottom: 2px;
    border-bottom: solid 2px black;
}

div.menuBox dl
{
    margin-left: 5px;
}

div.menuBox dt
{
    margin-bottom: 12px;
}

div.menuBox dd
{
    margin: 6px 0px 8px 0px;
}

div.menuBox dl.dotted dd
{
    border-bottom: dotted 1px black;
    padding-bottom: 5px;
    margin-right: 8px;
    margin-bottom: 0px;
}

div.menuBox dl.dotted dt
{
    margin-bottom: 0px;
}

div.blackBox
{
    background-color: Black;
    color: White;
}

div.blackBox a
{
    color: White;
}

div.blackBox dt
{
    border-bottom: solid 2px white;
}

div.blackBox dl.dotted dd
{
    border-bottom: dotted 1px white;
}

div.topicsBox
{
    background-color: black;
    padding-left: 5px;    
    padding-right: 0px;
}

div.topicsBox div.menuBox
{
    padding-left: 2px;
}

div.topicsBox div.bottomImage
{
    /*position: relative;*/
    margin-left: -5px;
}

/* Article lists
 */

.listItem
{       
    margin-bottom: 12px;
}

.listItem a
{
    color: rgb(208,16,58);    
    font-weight: bold;
}

/* User panel
 */

dl.userPanel
{
    border: solid 1px gray;
    text-align: left;
    padding:6px;
    margin-right: 4px;
    margin-bottom: 16px;
}

dl.userPanel dt
{
    font-weight: bold;
    padding-bottom: 4px;
}

dl.userPanel dd
{
    margin-top: 2px;
}

dl.userPanel dd select
{
    width: 116px;
}

dl.userPanel a
{
    /*text-transform: lowercase;*/
}

dl.userPanel a:hover
{
}

/* Zones
 */

div.zoneBanner
{
    background-repeat: no-repeat;
    color: White;
    height: 114px;
    /*background-color: #cccccc;*/
    margin-top: 12px;
    margin-bottom: 4px;
    cursor: pointer;
    padding: 10px 190px 10px 13px;
    overflow: hidden;
    clear:both;
}

/*
div.zoneBanner
{
    color: White;
    height: 120px;
    margin-top: 12px;
    margin-bottom: 6px;
    clear:both;
}

div.zoneBanner div.contents
{
    cursor: pointer;
    padding: 10px 190px 10px 13px;
    overflow: hidden;
    clear:both;
}
*/

div.zoneBanner a
{
    color: White;
}

div.zone div.listItem
{
    padding-bottom: 8px;    
    margin-bottom: 8px;    
    border-bottom: solid 1px black;
}

div.zone div.newsColumn div.listItem
{
    padding-bottom: 4px;    
    border-bottom: none;
}

div.zone div.listItem a 
{
}

div.zone div.listItem img
{
    float:left;
    margin-right: 10px;
}

div.zone div.listItem a h4
{
    margin: 2px;
}

div.topicZone div.relatedLinks dt,
div.topicZone .zoneColour, 
div.topicZone .zoneColour a, 
div.topicZone h1, 
div.topicZone h2, 
div.topicZone h3, 
div.topicZone h4, 
div.topicZone h5, 
div.topicZone h6,
div.topicZone div.listItem a 
{
    color: rgb(0,192,181); 
}

div.outsideZone div.relatedLinks dt,
div.outsideZone .zoneColour, 
div.outsideZone .zoneColour a, 
div.outsideZone h1, 
div.outsideZone h2, 
div.outsideZone h3, 
div.outsideZone h4, 
div.outsideZone h5, 
div.outsideZone h6,
div.outsideZone div.listItem a 
{
    color: rgb(208,16,58); 
}

div.businessZone div.relatedLinks dt,
div.businessZone .zoneColour, 
div.businessZone .zoneColour a, 
div.businessZone h1, 
div.businessZone h2, 
div.businessZone h3, 
div.businessZone h4, 
div.businessZone h5, 
div.businessZone h6,
div.businessZone div.listItem a,
.searchBar .topMenu a.business:hover
{
    color: rgb(255,161,0); 
}

div.exportZone div.relatedLinks dt,
div.exportZone .zoneColour, 
div.exportZone .zoneColour a, 
div.exportZone h1, 
div.exportZone h2, 
div.exportZone h3, 
div.exportZone h4, 
div.exportZone h5, 
div.exportZone h6,
div.exportZone div.listItem a,
.searchBar .topMenu a.export:hover
{
    color: rgb(105,190,40);
}
div.mediaZone div.relatedLinks dt,
div.mediaZone .zoneColour, 
div.mediaZone .zoneColour a, 
div.mediaZone h1, 
div.mediaZone h2, 
div.mediaZone h3, 
div.mediaZone h4, 
div.mediaZone h5, 
div.mediaZone h6,
div.mediaZone div.listItem a,
div.collaborationZone div.relatedLinks dt,
div.collaborationZone .zoneColour, 
div.collaborationZone .zoneColour a, 
div.collaborationZone h1, 
div.collaborationZone h2, 
div.collaborationZone h3, 
div.collaborationZone h4, 
div.collaborationZone h5, 
div.collaborationZone h6,
div.collaborationZone div.listItem a,
.searchBar .topMenu a.media:hover
{
    color: rgb(0,161,222);  
}
div.policyZone div.relatedLinks dt,
div.policyZone .zoneColour, 
div.policyZone .zoneColour a, 
div.policyZone h1, 
div.policyZone h2, 
div.policyZone h3, 
div.policyZone h4, 
div.policyZone h5, 
div.policyZone h6, 
div.policyZone div.listItem a,
.searchBar .topMenu a.policy:hover
{
    color: rgb(254,203,40); 
}
div.skillsZone div.relatedLinks dt,
div.skillsZone .zoneColour, 
div.skillsZone .zoneColour a, 
div.skillsZone h1, 
div.skillsZone h2, 
div.skillsZone h3, 
div.skillsZone h4, 
div.skillsZone h5, 
div.skillsZone h6, 
div.skillsZone div.listItem a,
.searchBar .topMenu a.skills:hover
{
    color: rgb(190,214,0); 
}

div.businessGrowthClubs div.relatedLinks dt,
div.businessGrowthClubs .zoneColour, 
div.businessGrowthClubs .zoneColour a, 
div.businessGrowthClubs h1, 
div.businessGrowthClubs h2, 
div.businessGrowthClubs h3, 
div.businessGrowthClubs h4, 
div.businessGrowthClubs h5, 
div.businessGrowthClubs h6,
div.businessGrowthClubs div.listItem a
{
    color: #EAAB00; 
}

div.relatedLinks div.listItem a
{
    color: Black;
}

/*div.zoneBanner,*/
div.outsideZone div.specialBox div.heading,
div.outsideZone div.basicFeatureBox
{
    background-image: url(../imgs/banners/default.gif);
}

/*div.topicZone div.zoneBanner,*/
div.topicZone div.specialBox div.heading,
div.topicZone div.basicFeatureBox
{
    background-image: url(../imgs/banners/crime-banner.gif);
}

/*div.businessZone div.zoneBanner,*/
div.businessZone div.specialBox div.heading,
div.businessZone div.basicFeatureBox
{
    /*background-image: url(../imgs/zones/new-banner.png);*/
    background-image: url(../imgs/banners/business-banner.gif);
    /*background-color: rgb(255,161,0); */
}

/*div.exportZone div.zoneBanner,*/
div.exportZone div.specialBox div.heading,
div.exportZone div.basicFeatureBox
{
    background-image: url(../imgs/banners/export-banner.gif);
    /*background-color: rgb(105,190,40);*/ 
}

/*div.mediaZone div.zoneBanner,*/
div.mediaZone div.specialBox div.heading,
div.mediaZone div.basicFeatureBox,
div.collaborationZone div.zoneBanner,
div.collaborationZone div.specialBox div.heading,
div.collaborationZone div.basicFeatureBox
{
    background-image: url(../imgs/banners/media-banner.gif);
    /*background-color: rgb(0,161,222); */
}

/*div.policyZone div.zoneBanner,*/
div.policyZone div.specialBox div.heading,
div.policyZone div.basicFeatureBox
{
    background-image: url(../imgs/banners/policy-banner.gif);
    /*background-color: rgb(254,203,40); */
    /*color: Black;*/
}

/*div.skillsZone div.zoneBanner,*/
div.skillsZone div.specialBox div.heading,
div.skillsZone div.basicFeatureBox
{
    background-image: url(../imgs/banners/skills-banner.gif);
    /*background-color: rgb(190,214,0); */
}

/*div.businessZone div.zoneBanner,*/
div.businessGrowthClubs div.specialBox div.heading,
div.businessGrowthClubs div.basicFeatureBox
{
    background-image: url(../imgs/banners/bgc_bcc_head.gif);
}

div.zoneBanner h1,
div.zoneBanner h2
{
    font-family: Arial, sans-serif;
    /*font-family: Times New Roman;*/
    font-size: 2.5em;
    margin: 0px;
    padding: 0px;
    margin-bottom: 4px;
    padding-bottom: 3px;
    border-bottom: solid 1px white;
    color: White;
}

div.zone div.contents
{
}

div.zone div.contents h2
{
    color: Black;
    font-size: 1.8em;
    padding-bottom: 2px;
    border-bottom: solid 1px black;
}

div.zone div.contents div.foldersColumn
{    
    width: 280px;
    float:left;
    margin-right: 10px;
}

div.zone div.contents div.foldersColumn h2
{
    margin-bottom: 16px;
}

div.zone div.contents div.newsColumn
{
    width: 280px;
    float:left;
    margin-left: 10px;
}

div.zone div.contents div.newsColumn h2
{
    margin-bottom: 5px;
}

div.feeds
{
    padding-top: 5px;
}

div.topicZone div.feeds
{
    padding-top: 0px;
    padding-bottom: 6px;
}

div.feedBox div.heading
{
    border-bottom: dotted 1px black;
    margin-top: 4px;
    margin-bottom: 2px;
    padding-bottom: 0px;
}

div.feedBox div.heading h3
{
    margin:0px;
    font-weight: bold;
}

div.feedBox div.item
{
    margin-bottom: 10px;
    margin-top: 4px;
}

div.feedBox div.item h4
{
    font-weight: bold;
    font-size: 0.9em;
    color: Black;
    margin-bottom: 2px;
}

div.specialBox
{
    margin-bottom: 12px;
}

div.specialBox div.heading
{
    padding: 6px 6px 0px 10px;
    height: 22px;
    margin-bottom: 4px;
}

div.specialBox div.heading h3
{
    color: White;
    font-weight: bold;
}

#document div.specialBox div.heading
{
    display: none;
}


div.specialBox div.item div.thumbDiv
{
    float: right;
    margin-left: 6px;
}

/* Zone subjects
 */

div.zoneSubjects div.basicFeatureBox 
{
    margin-top: 16px;
    background-repeat: no-repeat;
}

div.zoneSubjects div.heading
{
    border-top: 1px solid #cccccc;
    padding: 6px 0px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 16px;
}

div.zoneSubjects div.heading h1
{
    font-size: 1.6em;
    margin-bottom: 7px;
}

/* Topic
 */

.otherArticlesBox
{
    padding: 8px;
    padding-bottom: 0px;
    border: solid 1px #cccccc;
    margin-bottom: 16px;
}

div.topic div.contentRow
{
    margin-top: 0px;
}

/* Article list
 */

div.listItem div.thumbDiv
{
    float:left;
    margin-right: 10px;
}

div.listItem div.textDiv
{
    float:left;
    width: 460px;
}

.homePage div.listItem div.textDiv,
.zoneSubjects div.listItem div.textDiv
{
    width: auto;
}

/* Article
 */

#document
{
    position: relative;
    overflow: auto;
}

#document p 
{
	font-size: 0.9em;
    margin: 0 0 1.3em 0;
}

#document a {
	text-decoration: underline;
}

#document a:hover {
	text-decoration: none;
}

.stdleadertext {
    font-style: italic;
}

.stdsubheader1 {
    font-weight: bold;
}

.articleImage { }

.articleElementRight {
	float:right;
	display:inline;
	margin: 0.0em 0 0.25em 1.5em;
}

.articleElementLeft {
	float:left;
	display:inline;
	margin: 0.0em 1.5em 0.25em 0;
}

.mpu {
    float:left;
    margin-right: 12px;
    margin-bottom: 12px;
}

.commentsEmailPrint {
    float: right;
    margin-left: 10px;
    font-size: 0.85em;
}

div.quote {
    float:right;
    width:200px;
    font-weight:bold;
    margin:0 0 8px 8px;
}

.rssImage {
    vertical-align: middle;
}

.hplPagination .selected
{
    color: rgb(208,16,58);
}

.commentBox
{
    float: left;
    width: 278px;
    height: 250px;
    border: solid 1px #cccccc;
    margin-right: 10px;
}

.relatedLinks
{
    /*
    float: left;
    width: 277px;
    margin-left: 10px;
    */
    margin-top: 9px;
    padding-top: 10px;    
    border-top: solid 1px #cccccc;
}

.relatedLinks dt
{
    font-weight: bold;
    font-size: 1.4em;
}

.relatedLinks dd
{
    margin-top: 8px;
}

.relatedLinks a
{
    font-weight: bold;
}

.relatedLinks p
{
    margin-top: 2px;
}

.dateLabel
{
    font-style: italic;
    font-size: 0.9em;
    margin-top: -12px;
    margin-bottom: 16px;
}

/* Comments
 */
 
.commentSystem a {
	color: #003399;	
} 

.commentsBlock, .commentEntryBlock {
	background-color: #EBEBEB;
	border: 1px #D0D0D0 solid;
	margin: 19px 0px 0px 0px;
}

.commentsBlockBody {
	padding: 12px;
}

.commentsBlockHeader, .commentEntryBlockHeader {
	background-color: #ACACAC;
	padding: 3px 10px 3px 10px;
}

.commentsBlockHeader a {
	font-weight: bold;
}

.commentEntryBlock {
	background-color: #FFFBEB;	
}

.commentEntryBlockHeader {
	font-weight: bold;
}

.commentsEntryField {
	padding: 3px 0px 3px 0px;
}

.commentsEntryFieldTitle {
	width: 80px;
	font-weight: bold;
}

.commentsEntryField {
	wi/dth: 380px;
	hei/ght: 200px;
}

.replytext {
    width: 475px;
    height: 100px;
    font-family: Arial, sans-serif;
}

.utilityLine
{
    font-size: 0.8em;    
    color: #888888;
    margin-top: 1px;
    margin-bottom: 1px;
}

/*  Home page
 */

.homeIntroBanner
{
    height: 105px;
    background-image: url('../imgs/homeIntroBanner.PNG');
    background-repeat: no-repeat;
}

.homeIntroBanner p
{
    color: White;
    padding: 10px 30px 10px 245px;
}

.homeShootBoxes
{
    margin-top: 10px;
    position: relative; 
    height: 500px;
    background-image: url('../imgs/homeShootBoxes.PNG');
    background-repeat: no-repeat;
    color: White;
}

div.homeShootBoxes div
{
    text-align: center;
    width: 83px;
    padding: 7px;
    padding-top: 10px;
    padding-right: 11px;
    position: absolute;
    cursor: pointer;
}

div.homeShootBoxes h2
{
    font-weight: bold;
    font-size: 1.0em;
    margin: 0px;
    margin-bottom: 3px;
    padding: 0px;
    color: white;
}


div.homeShootBoxes .box1
{
    top: 187px;
    left: 2px;
    width: 90px;  
    height: 226px;
}

div.homeShootBoxes .box2
{
    top: 177px;
    left: 117px;
    height: 235px;
    width: 91px;  
}

div.homeShootBoxes .box3
{
    top: 187px;
    left: 233px;
    width: 91px;      
    height: 225px;
}

div.homeShootBoxes .box4
{
    top: 197px;
    left: 349px;
    height: 215px;
    width: 92px;      
}

div.homeShootBoxes .box5
{
    top: 179px;
    left: 465px;
    width: 94px;          
    height: 233px;
}

div.contentRow
{
    margin-top: 16px;
}

div.contentRow div.col1
{
    float: left;
    width: 280px;
    margin-right: 10px;
    overflow: auto;
}

div.contentRow div.col2
{
    float: left;
    width: 280px;
    margin-left: 10px;
}

div.imageFeatureBox
{
    width: 280px;
    height: 280px;
}

/* Feature Box */

div.basicFeatureBox
{
    color: White;
    background-color: White;
    padding: 8px;
    margin-bottom: 8px;
    position: relative;
    background-repeat: no-repeat;
}

div.basicFeatureBox a,
div.basicFeatureBox h3
{
    color: White;
}

div.basicFeatureBox h3
{
    font-weight: bold;
}

div.basicFeatureBox img
{
    float: right;
    border: none;
    margin-left: 10px;
    position: relative;
    z-index: 2;
}

/* Table version of Feature box */

div.basicFeatureBox2 td.topLeft
{
    width: 18px; 
    height: 17px; 
    background-image: url(../imgs/featurebox/top-left.png);    
}

div.basicFeatureBox2 td.topMiddle
{
    background-color: #CB0B30; 
}

div.basicFeatureBox2 td.topRight
{
    width: 23px; 
    background-image: url(../imgs/featurebox/top-right.png);   
}

div.basicFeatureBox2 td.middleLeft
{
    background-color: #CB0B30; 
}

div.basicFeatureBox2 td.middleMiddle
{
    background-color: #CB0B30; 
    color: White; 
}

div.basicFeatureBox2 td.middleRight
{
    background-image: url(../imgs/featurebox/middle-right.png);
}

div.basicFeatureBox2 td.bottomLeft
{
    height: 12px; 
    background-image: url(../imgs/featurebox/bottom-left.png);
}

div.basicFeatureBox2 td.bottomMiddle
{
    height: 12px; 
    background-image: url(../imgs/featurebox/bottom-middle.png);
}

div.basicFeatureBox2 td.bottomRight
{
    height: 12px; 
    background-image: url(../imgs/featurebox/bottom-right.png);
}
/*
div.basicFeatureBox2 div.offset
{
    position: relative; 
    left: -9px; 
    top: -9px;    
}
*/
div.basicFeatureBox2
{
    color: White;
    margin-top: 8px;
    margin-bottom: 0px;
}

div.basicFeatureBox2 a,
div.basicFeatureBox2 h3
{
    color: White;
}

div.basicFeatureBox2 h3
{
    font-weight: bold;
}

div.basicFeatureBox2 img
{
    float: right;
    border: none;
    margin-left: 10px;
}

/* Events
 */ 

.selectRegion
{
    margin-bottom: 16px;
}

.selectRegion p
{
    margin-bottom: 2px;
    font-style: italic;
    /*font-weight: bold;*/
}

/* Publications
 */

.searchBox
{
    padding: 10px;
    border: solid 1px #cccccc;
    margin-bottom: 16px;
}

.searchBox select
{
    margin-top: 10px;
    width: 550px;
}

/* Chamber Search
 */

div.chamberMap
{
    position: relative;
}

div.chamberMap p
{
    margin-bottom: 8px;
}

div.chamberMap div.controls
{
    position: relative;
    z-index: 3; 
}

div.chamberMap div.image
{
    position: absolute;  
    padding-left: 56px;      
    z-index: 0; 
}

div.chamberMap div.introduction
{
    width: 310px;
    margin-bottom: 14px;
}

/* Chamber View & Edit Styles */

div.subtext
{
    color: Gray;
}

.standardInputControl
{
    width: 300px;
}

.googleMap
{
    width: 573px; 
    height: 300px;
}

.formButton
{
    background-color: rgb(156,157,159);
    padding: 0px;
    padding-top: -1px;
    padding-left: 1px;
    font-family: Arial, sans-serif;
    color: White;
    font-weight: bold;
    border: none;
    cursor: pointer;    
}

.submitButton
{
    background-color: rgb(110,111,113);
    padding: 0px;
    padding-top: -1px;
    padding-left: 1px;
    font-family: Arial, sans-serif;
    color: White;
    font-weight: bold;
    border: none;
    cursor: pointer;        
}

.largeInputControl
{
    width: 410px;
}

span.bullet
{
    color: rgb(148, 32, 41);
}

div.infoBoxBody .name
{
    color: Gray;
    float: left;
    width: 160px; 
}

div.infoBoxBody .nameShort
{
    color: Gray;
    float: left;
    width: 70px; 
}

div.infoBoxBody .contentName
{
    color: Gray;
    float: left;
    width: 100px; 
}

div.infoBoxBody .value
{
}

div.editChamberPage h3,
div.infoBoxHeader
{
    font-size: medium; 
    font-weight: bold; 
    color: rgb(214, 16, 57); 
    padding: 10px 20px 5px 10px; 
    border: solid 1px Gainsboro; 
    border-bottom: dashed 1px Gainsboro;  
    background-color: rgb(250, 250, 250);   
}

div.infoBoxBody
{
    padding: 10px; 
    border: solid 1px Gainsboro; 
    border-top: none; 
}

div.infoBoxMap
{
    padding: 0px; 
    border-left: solid 1px Gainsboro; 
    border-bottom: solid 1px Gainsboro; 
    border-right: solid 1px Gainsboro;    
}

div.infoBoxSeparator
{
    height: 3px;    
}

div.saveButtonSeparator
{
    height: 6px;    
}

div.infoLeftColumn
{
    width: 260px; 
    float: left; 
    padding-right: 3px;
}

div.infoRightFloat
{
    width: 270px; 
    float: right; 
    margin-left: 10px;
    margin-bottom: 8px;
}

div.infoRightColumn
{
    width: 312px; 
    float: left;    
}

div.lastestAddition
{
    color: rgb(254, 16, 60); 
    border-bottom: dotted 2px rgb(254, 16, 60); 
}

/* Profiles
 */

.userProfile .statsBox
{
    float: right;
    width: 150px;
    padding: 10px;
    margin-left: 10px;
    background-color: #e8e8e8;
}

.userProfile h2
{
    color: #666666;
}

.userProfile .stats
{
    margin: 1em 0px 0.8em 0px;
}

.userProfile .recentPostLink
{
    margin: 0.2em 0px 0px 0.3em;
}

.userProfile label {
	font-weight: bold;
	display: inline;
}

/* Personal information management
 */

.profileEditLine
{
    text-align: left;
    margin: 0px 0px 5px 0px;
}

.profileFieldHeader 
{
    float: left;
    width: 150px;
    overflow-x: hidden;
    font-weight: bold;
}

/* Registration Box
*/

.registrationBox
{
    border: solid 1px #cccccc;
    padding: 8px;
    color: #444444;
    font-weight: bold;
}

.registrationBox p
{
	margin-bottom: 1em;
}

.registrationBox h3
{
    font-size: 1.2em;
    margin-bottom: 0.8em;
}

.registrationBox div.hr
{
    border-top: solid 1px #cccccc;
    height: 1px;
    margin: 12px 0 10px 0;
}

.registrationBox label
{
    font-weight: bold;
    width: 180px;
    display: block;
    padding-right: 17px;
    float: left;
    color: #444444;
}

.registrationBox .textBox
{
    width: 280px;
    color: #444444;
}

.registrationBox .button
{
    float: right;
}

.profileFormLine 
{
    margin: 3px 0px 3px 0px;  
    clear: both; 
}

.profileFormLine a
{
    color: #444444;
}

.profileFormLineThin 
{
    margin: 3px 0px 3px 0px;   
    clear: both; 
    font-weight: normal;
}

div.editChamberPage div.private textarea
{
    width: 416px;
}

div.editChamberPage div.section div.infoBoxBody
{
    background-color: White;
}

div.editChamberPage div.section h2
{
}

div.editChamberPage h3
{
    margin-bottom: 0px;
}

div.editChamberPage div.private h2,
div.chamber div.private h2
{
    padding: 6px;
    background-color: #cccccc;
    margin-top: 16px;
    margin-bottom: 8px;
}

div.chamber div.private div.infoRightColumn,
div.chamber div.private div.infoLeftColumn
{
    width: 288px; 
}

div.chamber div.private div.infoBoxBody
{
    min-height: 40px;
}

div.chamber div.private div.infoBoxHeader
{
}
div.skills div.results
{
    margin-top: 10px;
}

div.skills div.heading
{
    margin-bottom: 10px;
}

.bottomFeatures 
{
    position: relative;
    background-image: url(/imgs/gradient.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 8px;
    border-top: solid 1px #dddddd;
}

.bottomFeatures .features
{
    width: 300px;
}

.bottomFeatures .advert
{
    position: absolute;
    top: 8px;
    right: 8px;
}

.homePage .listItem .textDiv
{
    float:none;
}

.homePage .listItem .textDiv a
{
    color: black;
}

.bottomFeatures .features .top
{
    border-bottom: solid 1px #dddddd;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.middleFeatures
{
    margin-bottom: 10px;
    min-height: 0px;
}

.middleFeatures .column
{
    width: 185px;
    float: left;
    padding-left: 12px
}

.middleFeatures .left
{
    padding-left: 0px
}

.middleFeatures .column h3
{
    color: Gray;
    font-weight: bold;
    padding-bottom: 1px;
    border-bottom: solid 1px #dddddd;
}

.middleFeatures .listItem .textDiv p
{
    padding-top: 2px;
    /*clear: both;*/
}

.topFeature
{
    margin-top: 13px;
    margin-bottom: 26px;
    min-height: 0px;
}

.topFeature img
{
    float: left;
    margin-right: 10px;
    margin-bottom: 6px;
}

.topFeature h3
{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 8px;
}

.topFeature h3 a
{
    color: rgb(208,16,58);
}

.topFeature .otherLinks h4
{
    color: #909090;
}

.topFeature .otherLinks,
.topFeature .otherLinks a
{
    color: #A6A6A6;
}

#document .moreInfo
{
    clear: both;
}


.navmenu
{
    width: 165px;
    /*margin-top: 20px;*/
    margin-bottom: 20px;
    text-align: left;
}

.navmenu a
{
	text-decoration: none;
}

.navmenu .nmHeader
{
    background-image: url(../imgs/navmenu_top.png);
    background-repeat: no-repeat;
    height: 7px;
    width: 165px;
    overflow: hidden;
}

.navmenu .nmFooter
{
    background-image: url(../imgs/navmenu_bottom.png);
    background-repeat: no-repeat;
    height: 7px;
    width: 165px;
}

.navmenu ul
{
    list-style: none;    
    margin: 0;    
    padding: 0;
    font-family: Arial;    
}

	
.navmenu li 
{
    margin: 0;    
    padding: 0;
}

.navmenu h2.nmFirst
{
    border-top: none !important;
}

.navmenu h2
{
	margin: 0;
    background-color: #cccccc;
    padding: 2px 15px 2px 7px;
    font-weight: bold;
    font-size: 13px;  
    border-top: solid 2px #ffffff;  
    background-image: url(../imgs/navmenu_margin.png);
    background-repeat: repeat-y;
    background-position: right;	
}

.navmenu h2 a
{
	color: #000000;
}

.navmenu h2 a:hover
{
	text-decoration: underline;
}

.navmenu ul ul li
{
	display: block;
    background-color: #e5e5e5;
    padding: 3px 7px 3px 7px;
    font-size: 12px;    
    border-top: solid 2px #ffffff;   
    color: #444444;   
}

.navmenu ul ul li a
{
    color: #444444;   
}

.navmenu ul ul li a:hover
{
	text-decoration: underline;
}

.newsticker
{
	font-family: verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
	background-color: #cccccc;    
	padding: 9px 8px 8px 8px;
    width: 916px;
    overflow: hidden;
}

.newsticker .inner
{
	position: relative; 
    overflow: hidden;
    white-space: nowrap;
}

.newsticker .latest
{
	color: rgb(208,16,58);
    font-size: 12px;
    font-weight: bold;
    padding-right: 6px;
}

.newsticker a
{
	color: black;
    text-decoration: none;
}

.newsticker a:hover
{
	text-decoration: underline;
}

.newsticker .mask
{
	padding-left: 2px;
	position: absolute; 
	background-color: #CCCCCC; 
	right: 0; 
	top: 0;	
}

a.find-chamber
{
	display: block;
	width: 137px;
    height: 72px;
    background-image: url(/imgs/find_chamber.png);
    background-repeat: no-repeat;
    color: #ffffff;
    text-decoration: none;
    font-family: Arial, Sans-Serif;
    font-size: 18px;
    padding: 9px 0 0 9px;
}

a.find-chamber:hover
{
	text-decoration: underline;
}

.welcome
{
	width: 932px;
    height: 88px;
    background-image: url(/imgs/welcome_back.png);
    background-repeat: repeat-x;
    padding-top: 18px;
    border-top: solid 1px #bbbbbb;
    border-bottom: solid 1px #999999;    
}

.welcome img
{
	display: block;
}

.welcome p
{
	text-align: center;
    font-family: Arial, Sans-Serif;
    font-size: 14px;	
    font-weight: bold;
    padding: 6px 110px;
    color: #272727;
}
