/*
    3 Column Clear Style with header, all div's follow body bg color or image...
    No borders in DIV's so all should appear clear...
    Use <style type="text/css"> body {background: image loc} </style>
    to apply background image
*/

/* Style elements */

.pp{
    padding:0 5px;
    margin: 0;
    margin-left: 2px; 
    margin-top: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px;
}
.menu{
    font-size: smaller;
    padding:0 5px;
    margin: 0;
    margin-left: 2px; 
    margin-top: 2px; 
    margin-right: 0px; 
    margin-bottom: 0px;
}
a.menu{
    font-size: 9pt;
    /*padding:25px;
    margin: 32px;
    margin-left: 0px; */
    margin-top: 2px; 
    margin-right: 2px; 
    margin-bottom: 0px;
}
h1.title{
    text-align: center;
    font-size: 24pt;
    padding:0 5px;
    margin: 0;
    margin-left: 2px; 
    margin-top: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px;
}
dt
{
    padding : 0 10px;
    margin : 0;
}

/* Layout Stylesheet */ 

body{
  /*background: url('http://www.kayakvb.com/images/POCOTY_OVRLOOK_bw.jpg') ;*/
  /*background: url(./images/POCOTY_OVRLOOK_bw.jpg) ;*/
  font-family : Verdana;
  padding:0;
  margin: 0;
} 

#lh-trip-top{
  /*position: absolute;
  top: 80px;
  left: 0px;
  width: 180px;
  margin: 0;
  padding: 0px;
  height: 60px;
  border: 1px solid #aabbcc;
  z-index: 1;*/
}

#lh-trip-mid{
  /*position: absolute;
  top: 140px;
  left: 0px;
  width: 180px;
  margin: 0;
  padding: 0px;*/
  height: 420px;
  overflow: auto;
  /*border: 1px solid #000000;
  z-index: 1;*/
}
#lh-trip-bot{
  /*position: absolute;
  top: 560px;
  left: 0px;
  width: 180px;
  margin: 0;
  padding: 0px;*/
  height: 100px;
  /*border: 1px solid #aabbcc;
  z-index: 1;*/
}

#lh-col{
  position: absolute;
  top: 80px;
  left: 0px;
  width: 180px;
  margin: 0;
  padding: 0px;
  height: 700px;
  /*border: 1px solid #aabbcc;*/
  z-index: 1;
}

#rh-col{
  position: absolute;
  top: 80px;
  right: 0px;
  width: 180px;
  margin: 0px;
  padding: 0px;
  height: 700px;
  /*border: 1px solid #00bbcc;*/
  z-index: 1;
}

#hdr{
  /*## position: absolute;*/
  top: 00px;
  height:80px;
  margin:0;
  padding:1px;
  z-index: -1;
  /*border: 1px none #aabbcc;*/
} 
#hdrsm{
  /*## position: absolute;*/
  top: 00px;
  height:50px;
  margin:0;
  padding:1px;
  text-align: center;
  text-align: center;
  z-index: -1;
  /*border: 1px none #aabbcc;*/
}

    /* Primary/First center column */
#c-col{
  position: relative;
  margin: 0 181px 10px 181px;
  padding: 0px;
  z-index: 3;
 }
    /* Secondary/follow on center columns */
 .cc-col{
  position: relative;
  margin: 0 181px 1px 181px;
  padding: 0px;
  /*border: 1px solid #aabbcc;*/
  z-index: 3;
}
.cc-debug{
  font : medium  courier;
  position: relative;
  margin: 0 181px 1px 181px;
  padding: 0px;
  border: 1px solid #00bbcc;
  z-index: 3;
}