/* Style Copyright (c) PawPrint Travel */

/* clearfix from www.positioniseverything.net/easyclearing.html */


body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #256f2e;
  font-size: 12pt;
  /*text-align: center;*/
  background-image: url(images/gradient_large.png); 
  background-repeat: repeat-x;
  margin:0px;
  padding: 0px;
}



p {
  font-size: 12px; 
}

li {
  font-size: 12px;
}

h1 {  
  font-size: 14px;
  color: black;
}

h2 {
  font-size: 13px;  
}

a img {
  border: none;
}
/*
a:focus, a:active{
  border-color: red;
  border-style: solid;
  border-width: 0px;
  padding: 0px;
  margin: 0px;
}
*/
.top-banner {
  background-color:#dee9df;
  padding-left:5px;
  padding-right:2px;
  padding-top:3px;
  float:left;
}

.top-banner img {
  /*display:inline;*/
}


.heading {
  background-color:white;
  padding:15px;
  margin-bottom:0px;
}

.single-paw {
  background-color: #dee9df;
  float: right;
  clear: right;
  padding: 2px;
  margin-left: 10px;
  margin-bottom: 10px;
}

.double-paw {
  background-color: #dee9df;
  float: right;
  clear: right;
  padding: 5px;
}

.front-menu ul
{
  margin: 0px;
  margin-bottom: 1px;
}

/* Menu container colours */
.front-menu, 
.menu-top, 
.menu-trek, 
.menu-chapter{
  background-color: #dee9df;
}

/* All menu list styles */
.front-menu ul,
.menu-top ul,
.menu-trek ul,
.menu-chapter ul{
  list-style-type: none;
}

/* The front page menu list */
.front-menu ul {  
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}


.menu-trek ul {
  height: 20px;
}

/* Horizontal menu & spacing*/
.front-menu li, 
.menu-top li, 
.menu-trek li {
  display: inline;
  margin-left: 5px;
  margin-right: 5px;    
}

/* Menu border colours and padding */
.front-menu li, 
.menu-top li, 
.menu-trek li,
.menu-chapter li{  
  padding: 0px;
  /*border-width: 1px;
  border-style: solid;
  border-color: white;*/
}

/* All menu anchors */
.front-menu li a, 
.menu-top li a, 
.menu-trek li a,
.menu-chapter li a {
  text-decoration: none;
  font-size: 10pt;  
  color: #256f2e;
  padding: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: white; 
  
}

/* All selected menus */
.front-menu li.current a, 
.menu-top li.current a, 
.menu-trek li.current a,
.menu-chapter li.current a {    
  background-color: white;  
}


/* All hovered menus */
.front-menu a:hover, 
.menu-top a:hover,
.menu-trek a:hover,
.menu-chapter a:hover {  
  border-color: #256f2e;
  border-width: 1px;
  border-style: solid;  
}

/* Join menus together by having no margin and no padding to start*/
.menu-top ul,
.menu-trek ul,
.menu-chapter ul{
  margin: 0px;
  padding: 0px;
}

/* menu width */
.menu-top {
  width: 1000px;
}

/* Shrink menu-chapter and space */
.menu-chapter {
  margin-left: 10px;
  padding: 0px;
}

.menu-chapter ul {
  margin: 10px;  
}

/* Vertical spacing */
.menu-chapter li {
  margin: 10px 0;
}

/* menu-chapter's anchors need to be block based so the anchor
 * fills the area fully
 */
.menu-chapter li a {
  display: block;
}

#top-logo {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
}

/* Space menus vertically */
.menu-top ul {  
  padding: 10px;
}



.menu-trek ul {    
  padding: 10px;
}

/* Chapter menu positioning */
.menu-chapter {
  float: right;
  clear: right;  
}


.intro {
  margin: 10px;
  margin-bottom: 20px;
  padding: 20px;   
  clear: both;
  font-size: 12px;
}

.intro h2 {
  margin-top: 0px;
  margin-bottom: 5px;
  font-size: 13px;
}

.intro-content {
  clear: left;
}

.float-right-img {
  margin-left: 10px;
  float:right;
  /*clear:right;*/ /*IETMP*/
}

.intro-title a {
  float:left;
  font-size: 14px;
}



#difficulty {
  float:right;
}

#title {
  float:left;
}

.text {
  text-align:justify;
  padding-left: 20px;
  padding-right: 20px;
  
  font-size: 12px;
  background-color: white;
  color: #256f2e;
}

.text p {
  color: #256f2e;
  background-color:white;
}

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

.text a:hover {
  background-color: #dee9df;
}

.content {
  background-color: white;
  color: #256f2e;
  font-size: 12px;
  text-align: justify;
  padding-left: 20px;
  padding-right: 20px;
}

.content a {
  color: black;
  text-decoration: none;
}

.content a:hover {
  background-color: #dee9df;
}

.content h1 {
  padding: 15px;
  margin-bottom: 0px;
}

/* this doesn't quite work to space the bullets
.content ul li{
  margin-left: 1em;
}
/*


/* BEGIN holly hack */

.content:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visbility: hidden;
}

/*  \*/
* html .content {
  height: 1%;
}
/*  */

/*  \*/
* html .hollyHack {
  height: 1%;
}
/*  */

/* END holly hack */

.text-dest{
  /*background-image: url(images/gradient_large.png); 
  background-repeat: repeat-x;*/
  /*margin-top: 1px;*/
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  border-style: solid;
  border-color: white;
  border-width: 1px;
  margin: 0px;
  font-size: 12px;
 }

.flag-box {
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: #dee9df;
  padding: 5px;
  color: black;
  margin-bottom: 5px;
  margin-top: 10px;
  background-color: white;
  font-size: 12px;
}

.text-dest .intro {
  background-color: white;
  border-style: solid;
  border-width: 1px;
  border-color: #dee9df;
  color: #256f2e;/*IE*/
  width: 900px; /*IETMP*/
  text-align: justify;
  font-size: 12px;
}

.text-dest a {
  color: black;
  text-decoration: none;
}

.text-dest a:hover {
  background-color: #dee9df;
}

.flag-box img {
  padding-left: 15px;
  padding-top: 5px;
}

table {
  color: #256f2e;
}

div.book-this {
  float:left;
  clear:left;
  margin:2em;
  padding:1em;
  border-width: 2px;
  border-style: solid;
  border-color: #256f2e;
  width:6em;
  text-align:center;
}

.strong {
   color: black;
   font-weight: bold;
}


.pricing-summary {
  float:left;
  clear:left;
}


.front1 {
  text-align: center;
  color: black;  
  font-family: Verdana;
  border-style: solid;
  border-width: 1px;
  border-color: #dee9df;
  background-image: url(images/gradient_large.png); /*IE*/
  background-repeat: repeat-x;
  margin:10px auto;
  width:867px;
  padding: 0px;
}


.front1 a { 
  text-decoration: none;
  color: #256f2e;
  padding: 10px;
  text-align: center; 
}

.front1 a:hover/*, .front1 a:active, .front1 a:focus*/ {
  background-color: white;
}

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

.front1 li {
  display: inline;  
}

.front1 li a {
  border-style: solid;
  border-width: 1px;
  border-color: white;
  margin: 5px;
  width: 175px;  
  white-space:nowrap;/*NEW*/
  padding: 5px;
  margin: 5px;
  font-size:10pt;
}

.front1 li a.XX {
  border-style: none;
  color: black;
  font-size:12pt; 
/*width:auto;
display:block;*/
white-space:nowrap;
}

.XX a {
  border-style: none;
  color: black;
  font-size:10pt;
  padding:5px;
  text-decoration: none;
}

.XX a:hover {
  background-color: white;
}

.front li a img {
  border-style: none;
  border-width: 0px;
}

.box-spacer {
  margin:0px;
  padding:1px 0px;
  width: 867px;
}


.button a {
  border-style: solid;
  border-width: 1px;
  border-color: white;
  margin: 0px;
  padding: 0px;
  width: 140px;
  font-size: 9pt;
  text-align: center;
  color: #256f2e;
  text-decoration: none;
  display: block;
}

.button a:hover {
  background-color:white;
}

.team {
  
  margin: 10px 0px;
  padding: 5px;
  background-color: white;
  text-align: justify;
  border-style: solid;
  border-width: 1px;
  border-color: #dee9df;
  width:950px;/*IETMP*/
  font-size: 12px;
}

.team h2 {
  margin: 0;
  color: black;
  font-weight: normal;  
  clear:left;  
  font-size: 13px;
}

.team img {
  float: left;
  padding-top: 3px;
  margin-right: 5px;
}

div.centerI {
  text-align: center;
}

.floatRight {
  float: right;
  margin-left:1em;
  margin-bottom: 1em;
} 

.floatLeft {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

.middleImage {
  margin-top: 1em;
  margin-bottom: 1em;
}

.bullets {
  margin-right: 2em;
}

/* bordered-content is really just a copy of team but without the img style
this needs to be neatened up at some point*/
.bordered-content {
  margin: 10px 0px;
  padding: 5px;
  background-color: white;
  text-align: justify;
  border-style: solid;
  border-width: 1px;
  border-color: #dee9df;
  width:950px;/*IETMP*/
  font-size: 12px;
}

.bordered-content h2 {
  margin: 0;
  color: black;
  font-weight: normal;  
  clear:left;  
  font-size: 13px;
}