/* This css tells the customer the elements that can be changed to meet their requirements */
/* At the moment all the elements have been switched off - uncomment elements to switch them on */

/* Standard elements */


body{
     font:          normal 0.75em Arial, Verdana, Helvetica, sans-serif;
     color:         #f1f1f1;
     background :   #1d1d1d;
}


h1 {

     color: #f1f1f1;

}

h2 {
     color: #f1f1f1;

}
h3{
     color: #9ece9a;
}


a {
     color: #787878;

}

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


/* Start of the web site */


.outer {

     background : #1d1d1d;


}



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

/* Heading Section - To be govened by the client needs day at the branding as default */
/*
.heading {
     height: 100px;
     background: blue;
     padding : 10px;

}

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

/* Top Menu Bar and background to search box - To be govened by the client needs day at the branding as default */
/*
.topMenuBar {
     background     : url('./images/inconH1.png') repeat-x bottom left;
     padding        : 0px;

}
*/
/* Look of the Navigation bar */

.topBdy ul li{
      border-left        : 1px solid #787878;
}

.topBdy ul li:first-child {
     border-left:        0px solid #1d1d1d;
}


.topBdy ul li a {

     color          : #787878;

}

.topBdy ul li a:hover{
     color: #e73930;

}

/* All current pages */

.currentPage a:visited{
     color: white;
     font-weight    : normal;

}

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

}
/* The search box */

.searchBox{
     padding :0px 0px 0px 20px;
     text-align: left;
     vertical-align: top;
}


/* ====== The columns width 200px plus padding of 10 px */

.leftCol {

     padding : 10px 20px 10px 0px;
     width: 200px;


}
.rightCol{

     padding : 10px 0px 10px 20px;
     width: 200px;


}


/* The left hand column holds the navigation and top items */

.nav{
     line-height: 1.5em;
}

/* navSpa governs the space between the navigation bars */
/*
.navSpa{
     padding-top: 10px;
}
*/
/* navHdr governs the header of the navigation bar */

.navHdr {
     font-size: 1.2em;
     background: #333333 url('./images/inconH1.png') repeat-x bottom left;;
     margin: 0;
     padding : 5px 10px 5px 10px;
     color: white;
     font-weight: bold;
     text-align: left;
     border: 1px solid #f1f1f1;
     border-bottom: 0px;

}

/* nav governs the Look of the linked list - Remember allow foy two levels on linked list */


.nav ul {
     font-size: 1.1em;
     list-style-type: none;
     padding: 5px 0px 5px 0px;
     margin: 0;
     background: black;
     border: 1px solid #f1f1f1;
     border-top: 0px;

}
.nav ul ul {
     font-size: 0.9em;
}

.nav ul li {
     margin: 0px;


}
.nav ul li ul{
     padding-left : 10px;
     border: 0px;
}
.nav ul li:visited{
	background: red;
}
.nav ul li a {
     padding-left: 10px;
     color: #e7577b;

}

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

/* Top Items are the adverts on the left and right hand side */

/* Top Items Title - Governs the look of the title above the adverts */
.topItems{
     line-height: 1.5em;
}
.topItemsTitle {
     font-size: 1.2em;
     background: url('./images/inconAdHdr.png') repeat-x bottom left;
     margin: 0;
     padding : 5px 10px 5px 10px;
     color: white;
     font-weight: bold;
     text-align: left;
     border: 1px solid #f1f1f1;
     border-bottom: 0px;

}

/* Top Items opening - the after the title - Used above list of pdfs */
/*
.topItemsOpening {
     margin: 0;
     background: #cccccc;
     padding:5px;

}
*/
/* Main text is the text area for pdfs, while image only is for images */


.topItemsMainText {
     margin    : 0px;
     padding   : 10px;

     border: 1px solid #f1f1f1;
     border-top: 0px;

}

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


}
.topItemsPlain{
     border : 1px solid #f1f1f1;
     border-top: 0px;
     padding:1px;
     }


/* Govern the diary look */

.diary{
     width: 195px;


}
.diary td{

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

.diaryBdy{
     background: black;

}
.altDiaryBdy{

     background: #313131;

}


/* Govern the navigation used within the 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: #e7577b;

}

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



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



.content {

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

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



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

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

     border: 1px solid #f1f1f1;

}

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


.eventPicture{

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

}

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

.enqPicture{
     background: url('./images/incon_enqPic.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;
     color: #9ece9a;
}

/* 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 #f1f1f1;

}
/* 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: #313131 url('./images/inconH1.png') repeat-x bottom left;
     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: #313131;

}
.eventAltTdRight{

     text-align: right;

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

.packageTable{
     border: 1px solid #f1f1f1;
}
.packageHdr{

     background: #313131 url('./images/inconH1.png') repeat-x bottom left;
     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;
}

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

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


.botBdy ul li{
      border-left        : 1px solid #787878;
}

.botBdy ul li:first-child {
     border-left:        0px solid #1d1d1d;
}


.butBdy ul li a {

     color          : #787878;

}

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

}