/* ===== DOM elements ========================================================== */

body {
     font: normal 0.80em Verdana, sans-serif;
     color: black;
     background: white;;
     margin: 0;
     padding: 0;
}

table, tr, td {
     margin: 0;
     padding: 0;
     border: 0;
     border-collapse: collapse;

}

td {
     text-align: left;
     vertical-align: top;
}

h1, h2, h3, h4 {
     color: #003366;
     font-family: Arial, Helvetica, sans-serif;
}

h1 {
     font-size: 1.6em;
     padding-top: 0;
     margin-top: 0;
     position: relative;
     left: 10px;
     text-indent: 10px;
     background: url('./images/website/blueBut.png') no-repeat 0px 4px;
     text-transform: uppercase;     
}

h2 {
     font-size: 1.3em
}

h3 {
     color: #656565;
     font-size: 1.1em;
}

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

a:hover {
     color: black;
     text-decoration: none;
}

a:active {
     color: red;
}

h2 a:hover {
     color: #99ccff;
     text-decoration: none;   
}


img {
     border: 0px;

}

input, select, textarea {
     margin: 0px 0px 5px 0px;
     border: 1px solid #d0d0d0;
}

input, select {
     font: normal 1.0em Verdana, sans-serif;
}

textarea {
     font: normal 1.0em 'Courier new', monospace;
}


/* ===== Top heading section =================================================== */

.heading {
     position: relative;
     height: 106px;
     margin: 0;
}

.headingAdvert {
     position: absolute;
     top: 1px;
     right: 0px;
     margin: 0;
     padding: 0;
     width: 468px;
     height: 60px;
     text-align: right;
     
}

.headingAdvert2 {
     position: absolute; 
     right: 0px;
     top: 66px;
     width: 468px;
     padding: 0;
     margin: 0;
     height: 40px;
}


.homeDateTime {

     position: absolute;
     left: 238px;
     top: 3px;
     text-align: right;
     color: white;
     font-weight: bold;
     z-index: 99;
}



/* ===== Navigation stuff ====================================================== */

.currentPage a:visited {
     color: red;
}

.nav {
     position: relative;
     left: 0px;
     top: 6px;
     text-align: left;
     padding: 2px;
     margin: 0px 0px 6px 0px;
     background: white;
     height: 29px;
     width: 936px;
     clear: both;
     display: block;
     border-top: 2px solid #f8040c;
     border-bottom: 2px solid #f8040c;
}

.nav ul {
     position: relative;
     left: -8px;
     top: -1px;
     list-style-type: none;
     margin: 6px 0px 0px 0px;
     padding: 0;
     text-align: left;
}


.nav ul li {
     display: inline;
     margin: 0px 6px 0px 6px;
     padding-left: 20px;
     background: url('./images/website/blueBut.png') no-repeat 0px 1px;
}

.nav ul li a {
     color: black;
     text-decoration: none;
     font: bold 0.8em arial, helvetica, sans-serif;
     text-transform: uppercase;
}

.nav ul li a:hover{
     color: #99ccff;
     text-decoration: none;
}


.secNav {
     position: relative;
     left: 0px;
     top: 6px;
     text-align: left;
     padding: 2px;
     margin: 0px 0px 6px 0px;
     background: white;
     height: 25px;
     width: 936px;
     clear: both;
     display: block;
     border-bottom: 2px solid #f8040c;
}

.secNav ul {
     position: relative;
     left: -10px;
     top: -5px;
     list-style-type: none;
     margin: 6px 0px 0px 0px;
     padding: 0;
     text-align: left;
}


.secNav ul li {
     display: inline;
     margin: 0px 6px 0px 6px;
     padding-left: 20px;
     background: url('./images/website/blueBut.png') no-repeat 1px 1px;
}

.secNav ul li a {
     color: black;
     text-decoration: none;
     font: bold 0.8em arial, helvetica, sans-serif;
     text-transform: uppercase;
}

.secNav ul li a:hover{
     color: #99ccff;
     text-decoration: none;
}


/* ================ Search site box ============================================== */

.navSearch {
     position: relative;
     height: 75px;
     width: 176px;
     background: white url('./images/website/searchBoxBack.png') no-repeat top left;
     margin: -10px 0px 0px 7px;
     padding: 0;
}

.navSearch input {
     position: relative;
     top: 10px;
     left: 11px;
     padding: 0;
     border: 1px solid white;
     width: 110px;
     height: 14px;
     font-size: 0.85em;
     color: black;
}

.searchBut {
     position: absolute;
     top: 0px;
     right: 6px;
}

/* ================ Additional information ======================================= */

.main { /* main table */
     position: relative;
     width: 940px;
/*     background: white url('./images/website/website/Header.png') no-repeat top left; */
     background: white ;
     margin: auto;
     margin-top: 10px;
     margin-bottom: 10px;
}


.content {
     position: relative;
     padding: 10px 180px 0px 180px;
     margin: 0;
     clear: both;
     display: block;
     width: 580px;
     min-height: 850px;
     background: white url('./images/website/mainBackg.png') repeat-y top left;
}

.content h1 {
     margin: 0;
     padding: 0px 0px 0px 10px;
}

.errorMsg {
     padding: 0px 16px 0px 16px;
     font-weight: bold;
     color: red;
}

.errorDiv {
     width: 460px;
     margin: 0;
     padding: 5px;
     border: 1px solid red;
     background: white;
     clear: left;
     display: block;
}


#frmRegister {
     display: block;
     float: left;
     clear: left;

}


.contentSplurge, .contentText {
     padding: 10px;
     line-height: 1.4em;
     width: 560px;
}

.contentSplurgeGroup2, .contentTextGroup2 {
     padding: 0px 20px 0px 10px;
     line-height: 1.4em;
     width: 460px;
     
 }

.contentSplurge img a{
     text-decoration: none;
     border: 0;

}

.moreButton {
     position: relative;
     padding: 0px 0px 10px 0px;
     margin: 0px 5px 0px 0px;
     display: block;
     height: 33px;
     border-bottom: 1px solid #999999;
     width: 175px;
}

.moreButton img {
     position: absolute;
     right: 0px;
}

.newsImage { 
     float: right;
     margin: 0px 10px 10px 0px;
}

.imageLeft {
     float: left;
     clear: right;
     padding: 10px;
}


.imageCenter {
     text-align: center;
     clear: both;
}

.imageRight {
     float: right;
     padding: 10px;
}

.imageTitle {
     text-align: center;
     color: black;
}


.landing {
     clear: both;
     display: block;
}


.landingSep {
     margin-top: 50px;
     padding: 7px 0px 7px 0px;
     text-align: center;
     color: #d5bfff;
     border-top: 1px solid #eee6ff;
     border-bottom: 1px solid #eee6ff;
}

.nextEventFirst {
     position: relative;
}

.nextEventFirst .moreButton {
     float: right;
     border-bottom: none;
}

.nextEvent {
     position: relative;
     border-top: 1px solid #656565;
}

.nextEvent .moreButton {
     float: right;
     border-bottom: none;
}

.nextEventHeading {
     padding: 10px 0px 10px 25px;
     background: url('./images/website/blueBut.png') no-repeat 0px 13px;
     font: bold 1.4em Arial, Helvetica, sans-serif;
     color: #003366;
     text-transform: uppercase;
     
}

.nextEventTitle {
     color: #656565;
     font-weight: bold;
     font-size: 1.1em;
     padding-bottom: 10px;
}

.nextEventDate {
     padding-top: 10px;
     padding-bottom: 10px;
     color: #e22d22;
}



/* ================ Common features for fornt page advert inserts ================ */

.forthcomingEvents, .haveYourSay, .popularCompanies, .popularNews, .latestNews, .eventsGallery {
     margin: 0px 0px 20px 0px;
          
} 

.forthcomingEventsHeading, .haveYourSayHeading, .popularCompaniesHeading, .popularNewsHeading, .latestNewsHeading, .eventsGalleryHeading {
     padding: 0px 0px 10px 25px;
     background: url('./images/website/blueBut.png') no-repeat 0px 1px;
     font: bold 1.2em Arial, Helvetica, sans-serif;
     color: #003366;
     text-transform: uppercase;
}


.forthcomingEventsTitle, .haveYourSayTitle, .popularCompaniesTitle, .popularNewsTitle, .latestNewsTitle, .eventsGalleryTitle {
     margin: 0;
     padding: 5px 0px 0px 20px;
     width: 150px;
     color: #656565;
     font-weight: bold;
     font-size: 0.9em;
     background: white url('./images/website/itemMarker.png') no-repeat 5px 6px;
     
}

.forthcomingEventsTitle a, .haveYourSayTitle a, .popularCompaniesTitle a, .popularNewsTitle a, .latestNewsTitle a, .eventsGalleryTitle a {
     color: #656565;
     font-size: 1.0em;
     font-weight: bold;
}


.forthcomingEventsDate, .popularCompaniesDate, .haveYourSayDate, .latestViews {
     color: #b5b5b5;
     padding: 0px 0px 10px 20px;
     margin: 0;
     border-bottom: 1px dotted #656565;
     width: 150px;
}

.popularNews {
     border-bottom: 1px solid #656565;
}

.popularCompanies .registrationLink {
     font-size: 1.0em;
     font-weight: bold;
     text-align: center;
     margin: 10px 10px 0px 10px;
     width: 170px; 
}


.latestNewsExtra, .extraNews {
     font-size: 0.8em;
     padding-top: 2px;
}

.extraNews {
     padding-bottom: 10px;
}

.latestIssue {
     padding-bottom: 20px;
}

.latestIssueMainText {
     border-bottom: 1px solid #656565;
     padding-bottom: 10px;
}

.latestIssueMainText, .latestIssueTitle {
     color: #656565;
     width: 170px;
     font-size: 1.0em;
     font-weight: bold;
     background: white;
     text-align: center;
}

.latestIssueMainText img {
     margin: auto;
     clear: both;
     text-align: center;
     margin-bottom: 10px;
     margin-left: 18px;
}

.latestIssue a {
     color: #656565;
}

.latestIssue a:hover {
     color: black;
}



/* ================ Common story details ========================================= */


.storyDetail {
     padding: 10px;
}

.storyNav {
     width: 340px;
     text-align: center;
     padding: 10px 0px 0px 0px;
}

.storyDetail h2 {
     color: #656565;
}

.storyDetail img {
     float: right;
     padding: 0px 0px 10px 10px;
}

.storyFooter {
     padding-bottom: 20px;
     width: 340px;
}


/* ================ Centre panel common CSS definitions =================== */


.navLink {
     text-align:center;
     width: 580px;
     margin: 5px 0px 10px 0px;
     padding: 0;
}

.centreDiv {
     margin: 0px 10px 20px 10px;
}    

.centreTitle {
     font-size: 1.2em;
     color: #003366;
     font-weight: bold;
}

.centreViewCount {
     color: #a0a0a0;
     font-size: 0.7em;
}

.centreSnippet {
     padding: 0;
     margin: 3px 0px 3px 0px;
}

.centreSnippet img {
     float: right;
     padding: 0px 0px 10px 10px;
}


.centreSnippet a {
     font-weight: bold;
     color: red;
}

.centreMainText {
     
}

.centreDiv a {
     color: #8080ff;
}

.readArchive {
     padding: 0;
     margin: 10px 0px 20px 10px;
     width: 250px;
}

.regDiv {
     padding: 0;
     margin: 10px 0px 20px 10px;
}


/* ================ Events section =============================================== */


/* ================ Top items section (shows on Home page only as col. 3 ) ========= */

.topItems {
     float: right;
     width: 180px;
     padding: 0;
     
}

.topItems .verticalAdvert {
     padding: 5px;
}

.topItems .verticalAdvert  a{
     font-weight: bold;
}

.topItems .verticalAdvert .rightImageOnly {
     text-align: center;
}

.topItems .verticalAdvert .rightTitle {
     font-size: 1.1em;
     color: #003366;
     font-weight: bold;
     text-transform: uppercase;
}

.topItems .verticalAdvert .rightOpening,  .topItems .verticalAdvert .rightMainText {
     /* font-weight: 0.9em; */
	color: #656565;
}

/* ================ News section ================================================= */

.newsDiv {
     
}

.mainNews p {
     margin: 0;
     padding: 0px 0px 7px 20px;
     color: #a1a1a1;
     border-bottom: 1px dotted #656565;
}



.extraNews p {
     margin: 0;
     padding: 2px 0px 0px 10px;
     color: #a1a1a1;
}


.newsTitle {
     font-size: 1.1em;
     font-weight: bold;
     color: #656565; 
}

.newsSnippet {
     margin: 5px 0px 5px 0px;
     color: black;
}

.newsSnippet a {
     font-weight: bold;
}

.newsFooter {
     margin-bottom: 20px;
     font-size: 0.8em;
}



/* ================ Company directory section ==================================== */

.dirListTable td {
     padding: 2px 0px 2px 0px;
}

.dirCompanyCats {
     float: right;
}

.directoryList {
     padding: 0px 0px 10px 10px;
}

.dirOpeningText {
}


.dirMainText {
     padding-top: 10px;
}

.dirAddress img {
     float: right;
}

/* ================ Advert section =============================================== */


.advert {
     margin: 10px;
     background: white;
     width: 120px;
}

.advertTitle {
     color: white;
     background: #000099;
     width: 114px;
     padding: 3px;
     font-size: 1.2em;
     font-weight: bold;
}

.advertOpening, .advertMainText, .advertLinkText {
     padding: 3px;
     width: 124px;
}

.advertMainText {
     font-size: 0.85em;
}

.advertLeft {
     position: absolute;
     top: 10px;
     left: 0px;
     padding-bottom: 20px;
     width: 180px;
     float: left;
}

.advertLeft img {
     float: left;
}

.advertRight {
     position: absolute;
     top: 10px;
     left: 761px;
     width: 180px;
     float: right;
}

.verticalAdvert {
     width: 180px;
     padding-bottom: 20px;
}

.advertRight .verticalAdvert img {
     float: right;
}



.heading .advert {
     width: 468px;
     padding: 0;
     margin: 0;
     background: white;
}


.horizAdvert {
     width: 468px;
}

.advertBottom {
     position: relative;
     left: 35px;
     width: 468px;
     clear: both;
     padding: 20px 0px 20px 0px;
}


.leftTitle {
     padding: 0px 0px 10px 0px;
     font-weight: bold;
}

.leftLinkText {
     padding: 0px 10px 0px 20px;
}

.leftImageOnly img {
clear: both;
margin-left: 17px;
}

.leftImageOnly {
width: 180px;
}

.evgImageTitle {
     width: 175px;
     padding-bottom: 5px;
     font-size: 0.85em;
     overflow: hidden;
     color: #b5b5b5;
     display: block;
     float: left;
}

.eventsGallery .moreButton {
clear: left;
float: left
}

.haveYourSay img, .storyFooter img {
     float: left;
     padding: 0;
     margin:0;
}

.authorDetails {
     color: #656565;
     font-weight: bold;
     padding-bottom: 10px;
}


#adTitle, #emTitle {
     color: #656565;
     text-align: center;
     font-weight: bold;
     padding: 5px 0px 5px 0px;
}

/* ================ Footer section =============================================== */

.footer {
     position: relative;
     left: 1px;
     border-top: 2px solid #656565;
     height: 270px;
     padding: 1px 0px 1px 0px;
     clear: both;
     background: white url('./images/website/footerLogo.png') no-repeat 0px 10px;
     width: 581px;
}

.footerText {
     position: absolute;
     top: 46px;
     left: 0px;
     text-align: left;
     color: #656565;
     font-size: 0.9em;
     width: 560px;
     padding: 0px 10px 0px 10px;
}

.footer a {
     color: navy;
}

.footerGbLink{
     position: absolute;
     right: 25px;
     top: 80px;
     color: #c0c0c0;
     font-size: 0.8em;
     font-weight: normal;
}

.footerGbLink a {
     color: #d0d0d0;
}
/* ================ Contact us page ========================================= */

.contactTable {
     margin: 0px 10px 0px 10px;
     padding: 0;
}

.contactTable td {
     padding: 5px;
}


/* ================ Form stuff ============================================== */

.requiredField {
     background: #f2f2f2;
}

.regCheck {
     margin-left: 20px;
     margin-top: 0;
     margin-bottom: 10px;
}
.regCheck input {
     margin-left: -20px;
     vertical-align: middle;
}


/* ================ Youtube videos ========================================== */

.youtubeEnclosure {
     margin-bottom: 10px;
}

.youtubeTitle {
     width: 350px;
     text-align: left;
     margin-bottom: 25px;
}