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

body {

     font:          normal 0.75em Verdana, sans-serif;
     color:         black;
     background :   white;
     margin:        0px;
     padding:       0;
}

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

}

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

h1 {
     font-size: 16px;


}

h2 {
     color: navy;
     font-size: 1.3em;
}

a {
     color: #0303dc;
     text-decoration: none;
}

a:hover {
     color: red;
}

img {
     border: 0px;

}


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

.heading {
     padding-top: 15px;
     height: 86px;

}


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

.navBar{

     background-color : #dddddd;
     width: 160px;
     float: right;
     padding: 0px;
     margin: 10px;


}
.navBarHdr{
     background: url('./images/website/navigationHdr.png') no-repeat top left;
     height: 17px;
}

.navBarFtr{
     background: url('./images/website/navigationFtr.png') no-repeat bottom left;
     height: 10px;
}

.nav {

     padding: 0px;
     margin: 0;
     text-align: left;
     line-height: 2.0em;
     background: #D2D3D5;

}
.navSpa{
     border-top: 8px solid #DDDDDC;
}
.navHdr, .topItemsHdr{
     background: #666666;
     color: white;
     font-weight: bold;
     padding: 3px 10px 3px 10px;
}

.nav ul {
     list-style-type: none;
     padding: 0px;
     margin: 0;
}

.nav ul li {
     margin: 0px;

}

.nav ul li a {
     padding: 0px 0px 0px 24px;
     color: #505050;
     background: url('./images/website/circle.jpg') no-repeat 6px 4px;

}

.nav ul li a:hover{
     color: #333333;
     background: url('./images/website/disc.jpg') no-repeat 6px 4px;

}
.nav .currentPage a:visited {
     color: black;
     background: url('./images/website/disc.jpg') no-repeat 6px 4px;

}
.nav .currentPage ul a:visited {
     color: #505050;
     background: url('./images/website/circle.jpg') no-repeat 6px 4px;

}

.nav ul ul{
	padding-left : 12px;
}


/* =================== Looks after the extra stuff ==================== */
.extra {
	float: right;
     padding: 0px;
     padding-left: 10px;
     width: 192px;
}
.workshop, .office, .conference, .news, .bus, .menu, .hosp {

     width: 182px;
     padding : 0px 0px 0px 10px;
     color: white;

}

.workshop h1, .office h1, .conference h1, .news h1, .bus h1, .menu h1, .hosp h1 {
     color: white;
     font-size: 16px;
     padding: 0px;
     margin: 0px;

}
.conference a, .bus a, .menu a, .hosp a {
	color : #F7B5CB;
}
.conference a:hover, .bus a:hover, .menu a:hover, .hosp a:hover {
     color : red;
}

.workshop ul, .office ul, .conference ul{
     padding: 0px;
     margin : 10px 5px 10px 16px;

}

.officeHdr{
     background: url('./images/website/officeHdr.png') no-repeat top left;
     height: 20px;
}
.office{
	background: rgb( 1, 185, 242 );
}
.officeFtr{
     background: url('./images/website/officeFtr.png') no-repeat bottom left;
     height: 10px;
}
.conferenceHdr, .newsHdr, .busHdr, .menuHdr, .hospHdr {
	background: url('./images/website/conferenceHdr.png') no-repeat top left;
     height: 20px;
}
.conference, .news, .bus, .menu, .hosp {
	background: rgb( 123, 65, 150 );
}
.conferenceFtr, .newsFtr, .busFtr, .menuFtr, .hospFtr {
     background: url('./images/website/conferenceFtr.png') no-repeat bottom left;
     height: 10px;
}
.workshopHdr{
     background: url('./images/website/workshopHdr.png') no-repeat top left;
     height: 20px;
}
.workshop{
	background: rgb( 0, 146, 159 );
}
.workshopFtr{
     background: url('./images/website/workshopFtr.png') no-repeat bottom left;
     height: 10px;
}

.sizeSelector {
     position : relative;
     top: -18px;
     float: right;
     margin: 0px 10px 0px 10px;
     border: 0;
     width: 164px;
     text-align: center;
}

.sizeSelector td {
     text-align: center;
}


.sizeSelector td a {
     color: silver;
}

.sizeSelector td a:hover {
     color: silver;
     text-decoration: underline;
}



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

.main { /* main table */

     width      : 100%;

}


.content {

     padding : 0px;
     margin: 10px;
     margin-left: 160px;
     margin-right: 180px;
}
.thread{
	padding: 0px;


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

.tableContent td {
     margin: 0;
     padding: 0px 16px 16px 16px;
}

.contentSplurge, .contentText {
     text-align: justify;
     padding:    0px;
     line-height: 1.4em;

}
.contextText {
     display: block;
     border: 1px solid black;

}
.contentText h2{
     clear: both;

}

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

}
/* ======================= Images ======================================== */

.imageLeft {
     float: left;
     padding-right: 15px;
}


.imageCenter {
     text-align: center;

}


.imageRight {
     float: right;
     padding-left: 15px;

}

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

.PIC_PAN{

     width: 455px;
     height: 250px;
     overflow: auto;

}
.NEWS_RIGHT{
	float: right;
     padding-left: 15px;
     width: 300px;
}

.landing {

     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;
}

/* == button section ==== */

.buttonSection{

     padding : 10px;
     float : left;
     width: 137px;

}

/* ================ Footer section =============================================== */
.footer{
	     clear: both;
}
.footerText {
     clear: both;
     margin: 0;
     padding: 0px;
     text-align: center;

}


.ftr {

     padding        : 0px;

          height:             20px;
          margin:             0px;
          border-width:       1px 0px 1px 0px;
          border-style:       solid;
          border-color:       rgb( 175, 173, 176 );
          background:         rgb( 231, 232, 234 );

}

.ftrHdr{

     display: none;
}

.ftrBdy{

     padding        : 0;
     margin         : 0;

}


.ftrBdy ul {
     list-style: none outside;

     padding: 2px 0px 0px 0px;
     margin: 0px;


}



.ftrBdy ul li{
      display            : inline;
      border-left        : 2px solid #505050;
}


.ftrBdy ul li:first-child {

     border-left:        0px solid #505050;
}

.ftrBdy li {

     padding: 2px 10px 2px 10px;
}

.ftrBdy ul li a {

     color          : #505050;

}

.ftrBdy ul li a:hover{
     color: yellow;

}




.footerGbLink{

     padding :20px;
}
/* ================ Contact us page ========================================= */

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

.contactTable td {
     padding: 5px;
}


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

.requiredField {
	background: #ffffc0;
}
#contactForm  .constantData{
	text-align: right;
}
#contactForm td{
	padding: 5px;
}


/* ----- Ticker tape area ------------------------------------------------------- */

.ticker {

          font-family:        Courier, monospace;
          font-size:          9pt;
          font-weight:        bold;
          vertical-align:     middle;
          height:             20px;
          color:              rgb( 111, 112, 114 );
          margin:             0px 0px 0px 0px;
          padding:            0px 0px 0px 15px;
          border-width:       1px 0px 1px 0px;
          border-style:       solid;
          border-color:       rgb( 175, 173, 176 );
          background:         rgb( 231, 232, 234 );
          position:           relative;

}
.ticker div{
	     display:            inline;
}
/* ================ The Mini News Item on the front page =============== */

.newsSpa{
	height: 20px;
}
.miniNews{
	     background: url('./images/website/newsBackground.png') no-repeat top left;
          height: 68px;
          padding: 10px;
}
.miniNewsTxt{
	width: 290px;
}

.maxWidth{
	width: 100%;
}
.leftCol{
	width: 25%;
}
.cenCol{
	width: 50%;
     text-align: center;
}
.rightCol{
	text-align: right;
     width: 25%;
}

/* ========= Styles associated with the gallery ======= */

.pictureNav {

     width:100%;
}

.pictureNav td{
     width:33%;
}

.picNavCentre{
     text-align: center;
}

.picNavRight{
     text-align: right;
}

.galleryPicture{
     display: inline;
}

.galleryTxt{
     float: right;
     display: block;
}

.galleryDetail, .galleryList {
     border-top: 1px solid #d4d8dc;
     border-bottom: 1px solid #d4d8dc;
     padding: 10px;
     background: #f4f8fc;
     text-align: center;
}

.galleryPic {
     border: 1px solid #e4e8fc;
     clear: both;
     height: 100px;

     padding: 10px;
}
.noPic{
     border: 1px solid #e4e8fc;
     clear: both;
     padding: 10px;
}
.galleryPicture{
     padding: 5px;
}
.galleryDetail .imageTitle{
	display: none;
}

@media print{

     .navBar, .buttonSection, .ticker, .extraImage {
         display:none;
     }

     .content{
          width: 100%;
          padding: 0px;
          margin: 0px;
     }


}