/* CAIRNS CITY BACKPACKERS main */

body,table,input,select,textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; background-color:#C2D6FF;}
body { margin:20px; padding:0; color:#000; }
 
/*background-color: gradient from #CD6803 to #FFF 
#frame { margin:0; padding:20px; 
  background:#CD6803 url(../images/i-frame-bg.jpg) repeat-x;
  min-height:480px;
}
*html #frame {
  filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#CD6803', endColorstr='#FFF', gradientType='0');
}
*/

input,select,textarea { background-color:#FFF; font-size:1em;}
small { font-size:0.85em;}
img { border:0; }
form { margin:0; padding:0;}
ul {  margin:0.5em 0 1em 2em; padding:0; }
li {margin: .2em 0 0.2em 0 }
p,dl { margin:1em 0 1em 0; }
dl.col { line-height:1.5em;}
dl.col dt { float:left; width:6em;}
dl.col dd { margin-left:7em;}

a { text-decoration:none; color:#3333CC;}
a:hover { color:#33CC99;}
h1,h2,h3,h4,h5 { font-size:1em; color:#3333CC; font-family : Arial, Helvetica, sans-serif;}
h1 { margin:0 0 0.5em 0; font-family:Arial, Helvetica, sans-serif; font-size:1.6em; font-weight:bold;}
h2 { margin:1em 0 1em 0;  font-size:1.4em; font-weight:bold; }
h3{ font-size : 1.2em;}



.imgL { float:left; margin-right:5px; padding:3px; border:#000 solid 1px; }
.imgR { float:right; margin-left:5px; padding:3px; border:#000 solid 1px; }
img.right{float:right; margin-left:5px; padding:3px;}


.clear:after { content:"."; height:1px; display:block; clear:both; visibility:hidden;}
.clr { clear:both;}

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

/*End Standard CSS*/

#Header         { background-color:#ffe3a4; height:117px; }

#Header .flags  { float:right; position:absolute; top:20px; right:20px; width:32px;  }
           
#Header .flags a { display:block; height:23px; }

#NavTop         { background-color:#33CC99; position:relative; top:-11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
#NavTop a       { color:#fff; text-decoration:none; }
#NavTop a:hover { color:#999; }
#NavTop ul      { padding-top:5px; padding-bottom:5px; }
#NavTop li      { display:inline; margin-right:35px;}

#Main           { background-color:#010066; margin-top:-24px; width:100%; }
    
#Main .Left     { background-color:transparent; position:absolute; width:200px; left:20px; min-height:800px; }
#Main .Content  { background-color:#FFFFCD; margin:0 0 0 200px; padding:10px 10px 10px 30px; min-height:795px; }
*html #Main .Left { height:800px; }
*html #Main .Content { height:795px; }



#Right          { background-color:#FFD068; float:right; width:170px; margin:0 0 10px 10px; padding:5px; border:#B0B0B0 solid 2px; font-size:80%; color:#F00; }
#Right h1,
#Right h2       { text-align:center; color:#F00; }

#Vistabuttons

{ background-color:#FFFFCD;  }

.Vistabuttons tr, td
{ background:#FFFFCD;}

#Footer         { background-color:#3333CC; padding:10px; color:#FFF; }
#Footer img     { float:right; }
#Footer a       { color:#FFF; }    

/* images */ 
.noBorder       { border:0; }
.inline img     { float:left; margin:10px 10px 10px 0; padding:3px; border:solid 1px #000; }
.inlineNB img   { float:left; margin:10px 10px 10px 0; padding:3px; }

/* tables */
table.rates { width:80%; background: #302571; }
table.rates tr.heading td { color: #FFFFFF; background: #302571; }
table.rates td { background: #F0F4F3; color: #302571; }
table.rates td.note { text-align: right; background: #F0F4F3; }
table.rates textarea { background-color:#FFF; width:98%;}
table.rates input { background-color:#FFF; width:90%; }
table.rates input.submit { width:auto; }

/*tours*/

.tours
{
  background-color: #33CC99;  
  margin-bottom : 10px; 
  border: 2px solid #CD6803;
  padding : 15px;
  color : #fff;
  width : 650px;
  display : block;
}

.tours h2
{
    padding: 0.2em 0.2em 0.2em 0.2em;
    margin : 0.1em 0 0 0;
    font-size: 16pt;
    color : #FFF;
    font-weight: bold;
}

.photo
{
  width : 260px;  
  float: left;  
}

.photo img
{
  float; left;
  border : 1px solid #fff;
}

.details{
  width : 350px;
  float: left;
  
}

dl.tour {
  line-height:2.0em;
  border : 0px solid #fff;
  padding : 5px;
  /*
  background-color: #CDA7CD;*/
  color #fff;
  
}

dl.tour dt {
  float:left;
  width: 15em;
  font-weight:normal;
  line-height: 17px;
 
}

dl.tour dd {
  margin-left:7em;
}


.tour a{
  text-decoration: none;
  color : #fff;
}

.tour a:hover{
  text-decoration : underline;
}

a.booknow{
  background-color: #CD6803;
  padding : 0.2em 0.4em 0.2em 0.4em;
  color : #fff;
  border: 1px solid #fff;
}

.action{
  width : 272px;
  height: 100px;
  float: left;
  
}