/* 
 * I have noticed some issues with your CSS, I will put notes here as I think of them:
 * --------------------------------------------------------------------------------------------------------------------
 * 
 * * text-indent: 10px; -This should never be used for headings, when the line wraps 
 *                       the text starts 10px before the top line, use padding-left: 10px;
 *                       Text indent was designed to be used for blocks of text where you 
 *                       want the text on the first line to be indented like in a paragraph.
 * 
 * * height: --px; - When using a `hight` style you must be absolutly sure that the content you 
 *                   are applying it to will never wrap or go over this height. If you plan to use it you can make it 
 *                   cleaner by adding 'overflow: hidden;' this will hide any text if it wraps and not let the content 
 *                   crash in to other content unexpectedly. I rarely use `height` unless it is safe to do so, as it 
 *                   add restrictions on the content. You may have to use `padding` or `margin` as a substitue for `height`.
 * 
 * * a:hover       - If you are styling a hover over on a link ensure you are not styling the main `a` tag as well.
 *                   for example '.class a, .class a:hover { .. }' try '.class a:hover { .. }' instead 
 * 
 * * style blocks  - Try to keep all similar named styles grouped together. As the list gets larger it will be harder to 
 *                   edit and keep track of what is going on. Use comments where you can, to explain 
 *                   what is being styled.
 * 
 * 
 * 
 * 
 * 
 */


/*** Standard Class Styles ***/
.serif {
  font-family:Arial, Helvetica, sans-serif;
}
.MenuLocation a {
  font-size:11px;
  font-weight:bold;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.note, 
.small, 
.notes {
  font-size:10px;
  font-weight:normal;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: normal;
}

/*** Standard HTML Styles ***/
body {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:80%;
  text-align: left;
  background-color:#006699;
}

h2 {
    color:#1A6B36;
    font-size:18px;
    margin:0px;
    text-align:left;
    margin-left: 2px;
    font-weight: normal;
    font-family: Georgia, Times, serif;
}

h3 {
  color:#1A6B36;
  font-size:12px;
  margin:0px;
  text-align:left;
  margin-left: 12px;
  padding-left: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  width: 80%;
  padding-top: 6px;
  padding-bottom: 4px;
  text-transform: uppercase;
}

h3.arrowDn {
  background-image:url(../images/heading-arrow.png);
  background-repeat:no-repeat;
  background-position: 2px 2px ;
  font-size:18px;
  margin:10px 5px;
  padding:2px 0px 2px 0px;
  text-align:left;
  padding-left: 24px;
  font-family: Georgia, Times, serif;
  font-weight: normal;
  background-color: #E9F4E3;
  letter-spacing: normal;
  width: auto;
  padding-top: 0px;
  text-transform: none;
  color: #1A6B36;
}
h5 {
  color:#1a6b36;
  font-size:12px;
  margin:0px;
  text-align:left;
  margin-left: 12px;
  padding-left: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  background-color: #eaf4e3;
  width: 80%;
  height: 20px;
  padding-top: 6px;
  padding-bottom: 4px;
  text-transform: uppercase;
}

/*** Content Styles ***/
div#content {
  color:#217440;
  font-size:13px;
  line-height:18px;
}
#searchtop {
  color:#FFFFFF;
  float:left;
  font-size:13px;
  margin-left:55px;
  padding-top:30px;
  width:310px;
}   
div#topnav1 a {
  color:#666666;
  font-weight:bold;
}
.whiteheading {
  color:#FFFFFF;
  font-size:10px;
  font-weight:bold;
  padding-bottom: 0px;
  text-transform: uppercase;
  line-height: 16px;
}
#content01 .listingRow .listContent .description {
  font-size:12px;
}
.lightblueheading {
  color:#6CC3EE;
  font-size:18px;
  font-weight:normal;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#contentRight div.contentRightHead {
  color:#1A6B36;
  font-size:12px;
  margin:0px;
  text-align:left;
  margin-left: 12px;
  padding-left: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  background-color: #eaf4e3;
  letter-spacing: .4px;
  width: 90%;
  padding-top: 6px;
  text-transform: uppercase;
}

div.lightgreenbox {
  background-repeat: repeat;
  background-position: left bottom;
  background-image: url(../images/boxes/box-bg2.png); 
  color:#1A6B36;
  font-size:13px;
  padding: 5px;
  margin: 5px;
  border: 2px solid #C7DEC5
}
  div.lightgreenbox div.boxcontent p {
  padding: 0 !important;
}
div.lightgreenbox a, 
div.lightgreenbox a:link {
  color:#1A6B36;
  font-weight:bold;
  text-decoration:underline;
  font-size: 12px;
}   
  div.lightgreenbox a:hover {
  color:#32BD64;
}
  
div.darkgreenbox {
  color:#FFFFFF;
  font-size:11px;
}
.rateTable .rate, 
.blueTable .right, 
.rateTable .tourrate, 
.rateTable .book {
  background-color:#e2f1dc;
  border-bottom:1px solid #1F8943;
  border-left:1px solid #1F8943;
}
.rateTable .rate, 
.blueTable .right, 
.rateTable .tourrate, 
.rateTable .book {
  background-color:#E9F9E3;
  border-bottom:1px solid #1F8943;
  border-left:1px solid #1F8943;
}
.rateTable thead,
.rateTable .title,
.rateTable .currency,
.blueTable thead,
.blueTable .ltblue {
  background-color:#68B65A;
  color:#ffffff;
}
.rateTable .rateValidity,
.blueTable .dkblue {
  background-color:#1F8943;
  color:#ffffff;
}
.rateTable,.blueTable { 
  width:450px;
  margin:0;
  padding:10 px;
  border:1px solid #1F8943;
  background-color:#DBEDD3;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
}
.rateTable .rateTitle, 
.blueTable label {
  color:#1F8943;
  font-weight:bold;
  text-align:left;
}
.rateTable .rateDesc, 
.rateTable .rateTitle, 
.blueTable .left, 
.rateTable .text {
  border-bottom:1px solid #1F8943;
}
div.darkgreenbox .whiteheading a, 
div.darkgreenbox .whiteheading a:link {
  font-style:normal;
  text-decoration:underline;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-transform: none;
  color: #ffff9c;
}   
.orangeheading {
  color:#FD6A22;
  font-size:13px;
  font-weight:bold;
  line-height:14px;
  margin:0pt;
  padding:0pt;
}   
.blueheading {
  color:#4E77A5;
  font-size:13px;
  font-weight:bold;
  line-height:14px;
  margin:0pt;
  padding:0pt;
}
div#container .bussinessEven .image {
  float:left;
  margin:0px 10px;
  border-color: #FFFFFF;
  background-color: #FFFFFF;
  padding: 1;
  border-width: 1px 1px 1px 1px;
}
.bussinessEven a.companyName,
.bussinessEven a.companyName:link {
  color:#87BBE2 !important;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  text-decoration: underline;
}
div#container .bussinessOdd .companyName,
div#container .bussinessOdd .companyName:link {
  color:#FA7E26 !important;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  text-decoration: underline;
}
.MenuCompany a {
  font-size:10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.orangelink a {
  color:#FFFFFF;
  font-size:10px;
  font-weight:bold;
  text-decoration:underline;
  text-transform:uppercase;
  width: 188px;
  height: 19px;
}
div.CategoryList {
  background-repeat: no-repeat;
  background-position: left bottom;
  background-image: url(../images/boxes/box-bg2.png);
}
  .CategoryList .categoryItems ul li {
    line-height:1.2em;
    font-size: 9px;
    color: #77ee77;
  }
  .CategoryList .categoryItems a, 
  .CategoryList .categoryItems a:link {
    color:#1a6b36;
    font-size:12px;
    text-decoration:underline;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
  }
  .CategoryList .categoryItems ul a:hover {
    color: #32bd64;
  }
  .CategoryList .categoryTitle a, 
  .CategoryList .categoryTitle a:link {
    color:#004477;
    font-size:12px;

    height:34px;
    line-height:34px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
  }
  .CategoryList .categoryTitle a:hover {
    color:#006699;
  }
  
div#headerTop {
  background-color:#006699;
  color:#eeffff;
  font-size:10px;
  text-transform:uppercase;
  margin-left: 20px;
}   


div#headerMid {
  background-position:left top;
  background-repeat:no-repeat;
}
.headerTabSmall01 {
  color:#FFFFFF;
  font-size:12px;
  padding:0px 10px;
}


div.Spider h3 {
  font-weight:normal;
  margin-top:10px;
  text-align:left;
  background-color:#eaf4e3;
  color:#006699;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:normal;
  height:auto;
  letter-spacing:120%;
  padding-top:6px;
  padding-left: 0;
  text-align:left;
  text-transform:none;
  width:auto;
}
div.Spider {
  background-color:#EAF4E3;
  border:1px solid #CCCCCC;
  color:#000000;
}
div.specialBox div.specialWrapper div.specialBoxBody p.specialValid {
  font-size:10px;
}
div#topnav1 a {
  color:#555555;
}
div.darkgreenbox .whiteheading a, 
div.darkgreenbox .whiteheading a:hover {
  color:#FFFFcc;
}
div.MediaGallery .gallery h3 {
  background-color:#EAF4E3;
  color:#1A6B36;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:normal;
  height:auto;
  margin:0px 0px 0px 12px;
  padding-top:0px;
  text-align:left;
  padding-left: 30px;
  text-transform:uppercase;
  width:auto;
}
div.MediaGallery .gallery h2 {
  margin:0px;
  padding:0px;
  padding-left: 40px;
  font-size: 14px;
}
div.RatesView .rateHead .listingTitle {
  background-color:#EAF4E3;
  color:#1A6B36;
  font-weight:bold;
  margin:0px;
  padding:4px;
}
.listingRow .listContent {
color:#1A6B36;
font-size:12px;
margin:3;
padding:3px 3px 1px 4px;
}
.listingRow .listContent .image {
float:left;
padding:0px 5px 0px 0px;
text-align:center;
}
.listingRow {
margin:0;
padding:5px 0;
width:100%;
}


div#container a.button1, 
div#container a.button1:link, 
div#container a.button1:hover {
  background-image:url(../images/blue-button.png);
  background-repeat:no-repeat;
  color:#004477;
  display:block;
  font-size:12px;
  font-weight:bold;
  height:40px;
  line-height:26px;
  margin:0px 5px -5px -9px;
  padding:0px;
  text-align:center;
  text-decoration:none;
  width:170px;
}





/* These css tags crash the layout: 
-- This p tag is bad as it affects p tags globally
p {
  line-height: 1.4em;
  margin: 4px 0;
  padding: 0;
}
-- This affects the margin of the adverts throwing out the page layout
div#container .boxText img {
  float: right;
  margin: 5px;
}
*/