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

body {
     margin:        0px;
     padding:       0px;
     font:          normal 0.75em Arial, Verdana, Helvetica, sans-serif;
     color:         #666666;
     background :   url('./images/website/bg-body.png') repeat-x top left;

}

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

}

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


h1 {
     font-size: 1.6em;
	color: #333333;
     margin-top: 0px;
}

h2 {
     color: #333333;
     font-size: 1.4em;
}

h3{
     color: #006699;
     font-size: 1.2em;

}

a {
     color: red;
     text-decoration: none;
}

a:hover {
     color: red;
     text-decoration: underline;
}

img, form {
     border: 0px;
     padding: 0px;
     margin: 0px;

}

/* Start of the web site */


.outer { /* outer table */
     margin     : auto;
     background : white;
     width      : 980px;

}

.main { /* main table */

     width      : 100%;


}




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

.heading { /* To be govened by the client needs day at the branding as default */
     height: 100px;


}


/* ===== Top navigation ======================================================== */


.topMenuBar { /* To be govened by the client needs day at the branding as default */

     padding        : 0px;
     height         : 20px;

}

.topHdr{

     display: none;
}

.topBdy{

     padding        : 0;
     margin         : 0;

}


.topBdy ul {
     list-style: none outside;
     padding: 5px 0px 5px 5px;
     margin: 0px;


}



.topBdy ul li{
      display            : inline;

}


.topBdy ul li:first-child {

}

.topBdy li {

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

.topBdy ul li a {

     color          : #666666;

}

.topBdy ul li a:hover{
     color: red;

}
.currentPage a:visited{
     font-weight    : bold;

}
.currentPage ul a:visited{
     font-weight    : normal;

}

/* ======= The columns ======== */
.leftCol {

     padding : 10px;
     width: 200px;


}
.rightCol {
     padding : 10px;
     width: 200px;
}


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

.nav {
     width: 200px;
     text-align: left;
     line-height: 1.3em;
     margin: 0;
     padding: 0;
}

.navSpa{
	padding-top: 10px;
}

.navHdr {
     font-size: 1.2em;
     background: #006EA8;
     margin: 0;
     padding : 5px;
     color: white;
     font-weight: bold;
     text-align: center;

}

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

.nav ul li {
     margin: 0px;

}
.nav ul li ul{
     padding-left : 10px;
}

.nav ul li a {
     padding-left: 10px;
     color: #006EA8;

}

.nav ul li a:hover{
     color: red;
     text-decoration: underline;
}

.searchBox{
	padding :0px 0px 0px 10px;


}
.searchBox input{
               text-align: left;
     vertical-align: top;
}

/* ================ Top Items ==================================================== */

.topItems {
     width: 200px;
     margin: 0px;
     padding: 0px;


}

.topItemsTitle {
     font-size: 1.2em;
     background: #006EA8 url('./images/website/hdrBackground.png') no-repeat top left;
     margin: 0;
     padding : 9px 5px 9px 35px;
     color: white;
     font-weight: bold;

}

.topItemsOpening {
     margin: 0;
     background: #666666;
     padding:5px;

}

.topItemsMainText {
     margin    : 0px;
     padding   : 5px;
     border    : 1px solid black;

}

.topItemsImageOnly {
     margin    : 0px;
     padding   : 0px;
     border    : 0px;

}
.topItemsSpa{
	padding-top: 10px;
}

/* Extra elements in top Items*/


.diary{
     width: 200px;

}
.diary td{

     width: 33%;
     text-align: center;
     border : 1px solid black;
     font-size: 1.3em;
     margin: 0;
     padding: 5px;
}

.diaryBdy{


}
.altDiaryBdy{

     background: #cccccc;

}

/* Navigation for packages */

.topItems ul{
	list-style-type: none;
     padding: 5px 0px 0px 0px;
     margin: 0;

}

.topItems ul li {
     margin: 0px;

}
.topItems ul li ul{

}

.topItems ul li a {

     color: #006EA8;

}

.topItems ul li a:hover{
     color: red;
     text-decoration: underline;
}

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



.content {

     padding: 10px 0px 10px 0px;
}

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



/* =============== Event information ================ */

/* The list of events table */

.eventList{
     width: 540px;
     clear: both;
}

/* Looks after the events Page */
.eventsPage{
	width : 540px;
	clear: both;
	}


/* Governs the event box at the top of the events page */
.event {

     display: block;
     border: 1px solid #e8e8e8;
     min-height: 180px;
}

/* This is the background to the picture for events */

.eventPicture{

     background: url('./styles/images/buttonBackground1.png') no-repeat bottom left;

}
/* This is the background of the enquiry picture */

.enqPicture{
	background: url('./styles/images/buttonBackground.png') no-repeat bottom left;
}

/* This determins the position of the picture in events on both the event and enquiry page */

.eventPictureClass{
	float: right;
}
/* This padding is needed to compensate for the position of the event picture */

.eventText{

	padding: 10px 210px 10px 10px;
     line-height: 1.5em;

}

/* The look of location text */

.eventLoc{
     font-weight: bold;
}
/* The look of the date */

.eventDate{
	font-style : italic;
     font-size: 1.2em;
     font-weight: bold;
}

/* The notes at the bottom of an event */
.eventNotes{
     padding:       20px 0px 0px 0px;
     font-style : italic;


}
/* The costs table */

.eventCosts{

     width :100%;
     border: 1px solid #e8e8e8;

}
/* Governs the padding on all of the table cells */

.eventCosts td{
	     padding : 5px;
}

/* Governs the look of the header row */

.eventCostsTh, .eventThRight{

     font-size: 1.2em;
     background: #006EA8;
     color: white;
     font-weight: bold;


}

.eventThRight{

     text-align: right;

}

/* Governs the look of the odd rows */

.eventTd, .eventTdRight{



}
.eventTdRight{

     text-align: right;

}
/* Governs the look of the even rows */

.eventAltTd, .eventAltTdRight{

     background: #eeeeee;

}
.eventAltTdRight{

     text-align: right;

}
/* Governs the look of the package table */

.packageTable{
	border: 1px solid black;
}
.packageHdr{

     background: #006EA8;
     padding: 5px;
     font-size: 1.2em;
     color: white;
     font-weight: bold;

}

/* Govens the look of the enquiry form */

.enquiryForm {

     display: block;
     border: 1px solid silver;
     padding : 10px 10px 0px 10px;
}


#frtUkcodayattheEnquiry{
     clear :both;
}

#frtUkcodayattheEnquiry td{
     padding: 0px 0px 10px 0px;
}
#contactUsFrm td{
     padding: 10px 0px 0px 0px;
}



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

.footer {
     margin: 0;
     padding: 0px;
     text-align: center;

}

.footerGbLink{

     padding :20px;
}


/* ===== Bottom navigation ======================================================== */


.botMenuBar { /* To be govened by the client needs day at the branding as default */

     padding        : 0px;
     height         : 20px;

}

.botHdr{

     display: none;
}

.botBdy{

     padding        : 0;
     margin         : 0;

}


.botBdy ul {
     list-style: none outside;
     padding: 5px 0px 5px 5px;
     margin: 0px;


}



.botBdy ul li{
      display            : inline;

}


.botBdy ul li:first-child {

}

.botBdy li {

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

.botBdy ul li a {

     color          : #666666;

}

.botBdy ul li a:hover{
     color: red;

}


/* General items */

.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.5em;
}


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

}

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


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

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

.imageTitle {
     display:none;
}


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

.tdRight {
     text-align: right;

}

/* ================ Contact us page ========================================= */

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

.contactTable td {
     padding: 5px;
}




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

.requiredField {
	background: #ffffc0;
}

/* ===== Evtra stuff === */

.maxWidth{

     width :100%;
}


.thick {
     font-weight: bold;
}

.FLOAT, .FLOAT20{
	float : left;
     padding-bottom :20px;
}
.FLOAT20 {

	padding-right :20px;
}