html{
        SCROLLBAR-FACE-COLOR: #7C2953;/*#993366;*/
		SCROLLBAR-HIGHLIGHT-COLOR:#fff;
		SCROLLBAR-SHADOW-COLOR: #66cc33;
		SCROLLBAR-3DLIGHT-COLOR: #66cc33;
		SCROLLBAR-ARROW-COLOR:#fff;
		SCROLLBAR-TRACK-COLOR: #E3EAD6;
		SCROLLBAR-DARKSHADOW-COLOR: #000;
		}
body {
margin :5px 0;
padding : 0;
font : 90% "Comic Sans MS",tahoma, helvetica, "Trebuchet MS", arial, sans-serif;
background : #BCC794;
}
#trips{
/*background-color:#fff;  */
background-color:#FDFEFC; /* #EDF1E4;   */
border: 5px solid #3C1510;
}
#travels{
	background-color:#78e928;
}
.style1 {font-family: "Comic Sans MS";}
P {
	font-size: 0.9em;
	padding-left: 1em;
	padding-right: 1em;

}
#header {
height : 200px;
width: 100%;
margin : 0;
border: 2px solid #FDFEFC; /*#F4F7F0;  */
/*background-color:#190003;   */
/*background :url(../images/demoheader2.jpg) left no-repeat; /*#d6c4ae*/
}
#head #description { float: left; font-size: 14px; font-weight: normal; color:#fff; padding: 20px 10px 0px 10px; font-family:  "Comic Sans MS", sans-serif;     }

#navcontainer ul {
text-align : center;
font-family:  "Comic Sans MS", sans-serif;
font-size : 100%;
padding-bottom : 5px;
padding-top : 5px;
padding-left : 0;
margin-top : 0;
margin-left : 0;
color :#EDF1E4; /*#993366;*/
line-height : 18px;
}
#navcontainer ul li {
display : inline;
padding-left : 0;
padding-right : 0;
padding-bottom : 5px;
padding-top : 5px;
}
#navcontainer ul li a {
padding-left : 10px;
padding-right : 10px;
padding-bottom : 5px;
padding-top : 5px;
color :#EDF1E4; /*#993366;*/
font-weight: 600;
text-decoration : none;

}
#navcontainer ul li a:hover {
background : #EDF1E4; /*#993366;*/
color :#3C1510;
}



#col1{ background : url(images/img2.jpg) no-repeat bottom right;
float : left;
width : 28%;
margin-left : 1%;
margin-bottom : 1em;
padding-right : 2%;
}
#col2{
float : left;
width : 64%;
margin-bottom : 1em;
padding: 0 0 5 0;
}
#footer {
clear : both;
background-color: #BCC794;
height : auto;
padding : 5px;
border-top : 10px solid #3C1510; /*#993366;*/
color : #000;
font-size: 0.8em;
}

#footer2 {
clear : both;
background-color: #3C1510;
/*background-color:#7C2953;   */
color:#fff;
height : auto;
padding : 5px;
border-top : 10px solid #3C1510; /*#993366;*/
color : #000;
font-size: 0.8em;
}
#footer2 a, #footer2 a:visited{color:#FFFFFF; text-decoration:underline;}
#footer2 a:hover{color:#BCC794;}
#footer2 p{ color: #FFFFFF; padding:0;margin:0;  }


h1 {
margin:0 0 0 5;
padding-top:1em;
font-size : 1.2em;
letter-spacing : 3px;
color :#7C2953; /*#993366; */
font-family:"Comic Sans MS", sans-serif;
font-weight: bold;
background : transparent;
}
h2 {
font-family:"Comic Sans MS", sans-serif;
padding : 0 0 0 5;
letter-spacing : 3px;
font-size : 1em;
color :#7C2953; /* #993366; */
background : transparent;
}
h3 {
padding : 0 0 0 0;
text-transform : none;
letter-spacing : 5px;
font-size : 140%;
color : #7C2953; /*#993366; */
background : transparent;
}
h4 {
margin : 10px 0 0 5px;
padding : 0.5em 0 0 0.5em;
text-transform : none;
letter-spacing : 5px;
font-size : 140%;
color : #7C2953; /*#993366; */
background : transparent;
}

#footer2 h3 {
padding : 0 0 0 0;
margin-top:0;
text-transform : none;
letter-spacing : 2px;
font-size : 120%;
color : #fff; /*#993366; */
background : transparent;
}
#footer2 img{border:1px solid #fff;}

a {
text-decoration : underline;
color : #72522c;
background : inherit;
}
a:hover {
text-decoration : underline;
color : #000;
background : inherit;
}
a img {
border : 0;
}


li {
   font-size: 0.9em;
   padding-top:0.5em;
}


/*       ###############################
         WIDGETS
         ############################### */

.widget {border:1px solid #ccc; padding:25px 10px !important; margin:10px 0; -moz-border-radius:5px;-webkit-border-radius: 5px; background:#fff url(../images/gradient.png) repeat-x; width:275px;}
div.widget h4 {border-bottom:1px dotted #ccc; font:bold 120% Helvetica, sans-serif;text-shadow:1px 1px 0 #fff;}

.widget2 {border:1px solid #ccc; padding:25px 15px !important; margin:10px auto; -moz-border-radius:5px;-webkit-border-radius: 5px; background:#fff url(../images/gradient.png) repeat-x; width:200px;}
.widgetpage {border:1px solid #ccc; padding:25px 15px !important; margin:10px 0; -moz-border-radius:5px;-webkit-border-radius: 5px; background:#fff url(../images/gradient.png) repeat-x; width:250px;}
.widget4 {border:1px solid #ccc; padding:25px 10px !important; margin:10px 0; -moz-border-radius:10px;-webkit-border-radius: 10px; background:#fff url(../images/gradient2.png) repeat-x; width:275px; color:#fff;}
.widget3 {float:right; border:none; padding:5px 5px !important; margin:10px; -moz-border-radius:5px;-webkit-border-radius: 5px; background:#fff url(../images/gradient.png) repeat-x; width:100px;}
.widget5 {border:1px solid #ccc; padding:5px 5px !important; margin:5px 0; -moz-border-radius:5px;-webkit-border-radius: 5px; background:#fff url(../images/gradient.png) repeat-x; width:170px;}
.widget5 ul{margin:0; padding:0;}
.widget5 ul li{padding:0 0 0 4px; list-style:none}
.widgetvid {border:1px solid #ccc; padding:5px 0px !important; margin:10px auto; -moz-border-radius:5px;-webkit-border-radius: 5px; background:#fff url(../images/paua.jpg) repeat-y; width:275px; color:#fff;}

.widget h2{ margin-top:0; font-size:110%; }
.widget4 h2{ margin-top:0; font-size:110%; color:#fff;}
.widgetvid h2{ margin-top:0; font-size:120%; color:#fff;}
.widgetvid p{ font-size:120%; color:#fff; font-weight:bold;}
div.widgetvid a {color:#fff; text-decoration: underline;}
div.widget a:hover {color:#FFFF00;}

#holiday{
  text-align: justify;
  margin: 0 1em;
}


div#right, div#appendix {font-size:120%;}
div#right ul, div#appendix ul {list-style:none; padding:0;}

div.widget h4 {font-size:130%; margin:0; padding:0 0 3px 0;}
div.widget a {color:#503774;}
div.widget a:hover {color:#666; text-decoration:none;}
div.widget li {padding:0 0 0 5px; margin:0; border-bottom:1px dotted #ccc;}
div.widget li li {padding:0 0 0 20px; margin:0; background:none; border-top:none; border-bottom:none;}

div.widget4 a {color:#FFFFFF;}
div.widget4 a:hover {color:#FFFF00; text-decoration:none;}

div#tag_cloud a {display:inline;}
div#tag_cloud {min-height:130px;}
div#archives {min-height:130px;}

.textwidget, .textwidget a {font-family:Segoe UI,Arial,Verdana,Helvetica,sans-serif !important;}
.textwidget p {margin: 0; padding: 0;}

/**************End of my widget code  */

 .newphoto{
	padding:0 1em;
	color: #000;
    background-color: #BCC794;
	font-family: "Comic Sans MS", sans-serif;
	font-size:0.75em;
	text-align: center;
	margin-top:0;
    margin-right:1em;
 	border: solid 1 #333;
	width: 260px;
	float: right;
}
.news{
    float:  right;
	padding: 5px;
	color: #000;
	background-color: #e3ead6;
	font-family: "Comic Sans MS", sans-serif;
	font-size:1em;
	text-align: justify;
	margin:1em;
	border:solid 1;
	width: 250px;
}
.news2{
    float:  none;
	padding: 5px;
	color: #000;
	background-color: #e3ead6;
	font-family: "Comic Sans MS", sans-serif;
	font-size:75%;
	text-align: justify;
	margin:1em auto;
	border:solid 1;
	width: 200px;
}
.news3{
    float:  none;
	padding: 5px;
	color: #000;
	font-size:75%;
	text-align: justify;
	width: 200px;
}
.clear {
clear : left;
}

.bh{
	border:solid 1;
	}

.trip{
	padding: 0.5em;
	color: #000;
	background-color: #e3ead6;
	font-family: "Comic Sans MS", sans-serif;
	font-size:0.8em;
	text-align: justify;
	margin-top:0;
	margin-right:1em;
	margin-left:1em;
	border:solid 1;
	width: 200px;
	float: right;
}

#trip1{
background-color:#F2F2CE; color:#333;  width:580px; padding:1em; margin:1em 2em 1em 1em; height:120px;-moz-border-radius:15px;-webkit-border-radius: 15px;
}
#trip2{
background-color:#F2F2CE; color:#333;  width:580px; padding:1em; margin:1em 2em 1em 1em; height:auto;-moz-border-radius:15px;-webkit-border-radius: 15px;
}
#trip3{
background-color:#fff; color:#333;  width:580px; padding:0; margin:1em 2em 1em 1em; height:auto;
}
#hotrip{background-color:#cc3333; color:#fff; font-size:100%;   width:580px; padding:1em; margin:1em; -moz-border-radius:15px;-webkit-border-radius: 15px;}
#hotrip2{background-color:#BCC794; /*#999966;*/ color:#000; font-size:100%;   width:580px; padding:1em; margin:1em; -moz-border-radius:15px;-webkit-border-radius: 15px;}

#day1{
  background-color:#A4D1FF; color:#333;  width:90%; padding:1em; margin:1em 2em;-moz-border-radius:15px;-webkit-border-radius: 15px;
}
#day2{
  background-color:#F2F2CE; color:#333;  width:90%; padding:1em; margin:1em 2em;-moz-border-radius:15px;-webkit-border-radius: 15px;
}
#day3{
  background-color:#F2ECF4; color:#333;  width:90%; padding:1em; margin:1em 2em;-moz-border-radius:15px;-webkit-border-radius: 15px;
}
#resume{background-color:#A4D1FF;; color:#000; font-size:100%;   width:580px; padding:0 1em; margin:1em; -moz-border-radius:15px;-webkit-border-radius: 15px;}



P.pop {
	font-size: 1.2em;
	text-align: left;
	margin: 1em;
}

H1.pop{
	font-size: 2em;
	text-align: center;
}

#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span {
    font-size: 12px;
    cursor: pointer;
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }

// Fly-in Advert Script
// copyright Stephen Chapman, 14th June 2005
// you may copy this code but please keep the copyright notice as well
var speed = 6;

var aDOM = 0, ieDOM = 0, nsDOM = 0; var stdDOM = document.getElementById;
if (stdDOM) aDOM = 1; else {ieDOM = document.all; if (ieDOM) aDOM = 1; else {
var nsDOM = ((navigator.appName.indexOf('Netscape') != -1)
&& (parseInt(navigator.appVersion) ==4)); if (nsDOM) aDOM = 1;}}
function xDOM(objectId, wS) {
if (stdDOM) return wS ? document.getElementById(objectId).style:
document.getElementById(objectId);
if (ieDOM) return wS ? document.all[objectId].style: document.all[objectId];
if (nsDOM) return document.layers[objectId];
}
function objWidth(objectID) {var obj = xDOM(objectID,0); if(obj.offsetWidth) return obj.offsetWidth; if (obj.clip) return obj.clip.width; return 0;}
function objHeight(objectID) {var obj = xDOM(objectID,0); if(obj.offsetHeight) return obj.offsetHeight; if (obj.clip) return obj.clip.height; return 0;}
function setObjVis(objectID,vis) {var objs = xDOM(objectID,1); objs.visibility = vis;}
function moveObjTo(objectID,x,y) {var objs = xDOM(objectID,1); objs.left = x; objs.top = y;}
function pageWidth() {return window.innerWidth != null? window.innerWidth: document.body != null? document.body.clientWidth:null;}
function pageHeight() {return window.innerHeight != null? window.innerHeight: document.body != null? document.body.clientHeight:null;}
function posLeft() {return typeof window.pageXOffset != 'undefined' ? window.pageXOffset:document.documentElement.scrollLeft? document.documentElement.scrollLeft:document.body.scrollLeft? document.body.scrollLeft:0;}
function posTop() {return typeof window.pageYOffset != 'undefined' ? window.pageYOffset:document.documentElement.scrollTop? document.documentElement.scrollTop: document.body.scrollTop?document.body.scrollTop:0;}
var xxx = 0; var yyy = 0; var dist = distX = distY = 0; var stepx = 2; var stepy = 2; var ad = 'flyad';
function distance(s,e) {return Math.abs(s-e)}
function direction(s,e) {return s>e?-1:1}
function rate(a,b) {return a<b?a/b:1}
function start() {xxx = -objWidth(ad)-10; yyy = 1; var eX = (pageWidth()-objWidth(ad))/2; var eY = (pageHeight()-objHeight(ad))/2; dist = distX = distance(xxx,eX); distY = distance(yyy,eY); stepx *= direction(xxx,eX) * rate(distX,distY); stepy *= direction(yyy,eY) * rate(distY,distX); moveit();
setObjVis(ad,'visible'); mover();}
function moveit() {var x = (posLeft()+xxx) + 'px'; var y = (posTop()+yyy) + 'px'; moveObjTo(ad,x,y);}
function mover() {if (dist > 0) {xxx += stepx; yyy += stepy; dist -= Math.abs(stepx);} moveit(); setTimeout('mover()',speed);
}
function moveback() {dist = distX; stepx = -stepx; moveit(); setTimeout('mover()',speed/2);}
window.onload = start;
window.onscroll = moveit;