body {text-align: center;
background: #000 url(../images/bg.jpg);
color: #304b52;
font: 1em arial, verdana, sans-serif; line-height: 20px;
margin-top: 20px; }

img { border: 0; }

#wrapper { width: 990px; margin: 0 auto; text-align: left; position: relative;  background:transparent; border: 1px solid #fff; }
#innerwrapper { background: #000; }
#top { float: left; width: 741px; height: 145px; }
#top1 { float: left; width: 249px; }
#topnav { height: 29px; background: url(../images/pattern.jpg) no-repeat #3d3d3b; clear: both; color: #fff; padding: 5px 0 0 19px; }
#midnav { height: 28px; background: url(../images/fade.jpg) no-repeat #3d3d3b; clear: both; color: #fff; padding: 5px 0 0 810px; margin: 0; }
#content { width: 425px; float: left; background: #fff; border: solid 4px #363645; margin: 0 12px; }
#contentwide { width: 740px; float: left; background: #fff; border: solid 4px #363645; margin: 0 12px; }
#toppic { width: 515px; float: left; border: solid 4px #000; margin: 0 12px 5px 12px;  }
#left { width: 212px; float: left; padding: 10px 0 0 0; background: #0e0e16; }
#righthome { width: 317px; float: left; }
#right { width: 5px; float: left; }
#info { clear: both; padding: 10px 0 10px 225px; }
#navbot { background: #171717 url(../images/fade1.jpg) no-repeat; height: 25px; clear: both; padding: 2px 0 0 225px; }
#footer { clear: both; height: 100px; background: transparent url(../images/footer.png) repeat-x; }

#inner { padding: 20px 12px; }

#flash { width: 750px; float: left; }
#hotels { width: 220px; background: #18181f; float: left; margin: 0 5px; padding: 5px; }

#firstcolumn{ width: 505px; float: left; padding-right: 15px; }
#secondcolumn { width: 185px; float: left; padding: 20px 5px; }
#thirdcolumn { width: 150px; float: left; padding: 5px; }

.box1 { width: 320px; float: left; padding: 0 15px; }

h1 { font: 1.4em arial, verdana, sans-serif; font-weight: 700; }
h2 { font: 1.2em arial, verdana, sans serif; color: #eeecec;  font-weight: 700; }
h3 { font: 1.1em arial, verdana, sans serif; color: #fff; padding: 5px 0 0 5px; background: url(../images/h.jpg) repeat-x; height: 30px; font-weight: 700; }
h4 { font: .9em arial, verdana, sans-serif; font-weight: 700; color: #465f19; margin-bottom: 0; }

.larger { font-size: 1.5em; padding: 0 0 0 20px; }
.slightlybigger { font-size: 1.4em; }
.copyright { padding: 1px 0 0 470px; color: #ecf6fe; }
.arrow { text-align: center; padding: 8px 0; }

.paddingpic { padding: 6px 0 0 0; }
.picright { float: right; margin: 0 0 0 10px; }
.picleft { float: left; margin: 0 10px 0 0; }
.picleft1 { float: left; margin: 0 17px 10px 17px; }
.paddingtop { padding-top: 20px; }
.nopadding { padding-top: 5px; margin-top: 0; }
.center { margin: 20px auto; text-align:center; }

div#nav a { font: .8em verdana, arial, sans-serif; color:#fff; text-decoration: none; background: transparent; font-weight:700;  padding: 5px 5px 5px 12px; display:block; margin: 0 0 0 5px; }
div#nav a:visited { font: .8em verdana, arial, sans-serif; color:#fff; text-decoration: none; background: transparent; font-weight:700;  padding: 5px 5px 5px 12px; display:block; margin: 0 0 0 5px; }
div#nav a:hover { font: .8em verdana, arial, sans-serif; color:#fff; text-decoration: none; background: transparent url(../images/linkon.gif) no-repeat;  font-weight:700; padding: 5px 5px 5px 12px; display:block; margin: 0 0 0 5px; }

div#nav1 a { font: .8em verdana, arial, sans-serif; color:#fff; text-decoration: none; background: transparent; font-weight:700;  padding: 0 5px; }
div#nav1 a:visited { font: .8em verdana, arial, sans-serif; color:#fff; text-decoration: none; background: transparent; font-weight:700;  padding: 0 5px; }
div#nav1 a:hover { font: .8em verdana, arial, sans-serif; color:#96cffa; text-decoration: none; background: transparent;  font-weight:700; padding: 0 5px; }

div#nav2 a { font: .8em verdana, arial, sans-serif; color:#96cffa; text-decoration: none; background: transparent; font-weight:700;  padding: 0 5px; display:block; margin: 3px 0 6px 30px; }
div#nav2 a:visited { font: .8em verdana, arial, sans-serif; color:#96cffa; text-decoration: none; background: transparent; font-weight:700;  padding: 0 5px; display:block; margin: 3px 0 6px 30px; }
div#nav2 a:hover { font: .8em verdana, arial, sans-serif; color:#55aef3; text-decoration: none; background: transparent;  font-weight:700; padding: 0 5px; display:block; margin: 3px 0 6px 30px; }

a:link { color: #5e99d0; text-decoration: underline; background: transparent; font-weight: 700; }
a:visited { color: #5e99d0; text-decoration: underline; background: transparent; font-weight: 700;}
a:hover { color: #174165; text-decoration: underline; background: transparent; font-weight: 700; }

/* White links for dark background */
a.link2:link { color: #fff; text-decoration: none; background: transparent; font-size:1em; font-weight: 500; }
a.link2:visited { color: #fff; background: transparent; text-decoration: none; font-size:1em;  font-weight: 500; }
a.link2:hover { color: #fff; background: transparent;  text-decoration: underline; font-size:1em;  font-weight: 500; }

/* Big Green links */
a.link3:link { color: #fff; text-decoration: none; background: #465f19 url(../images/greenbg.jpg) repeat-x; font-size:1.2em; font-weight: 700; padding: 5px; }
a.link3:visited { color: #fff; background: #465f19 url(../images/greenbg.jpg) repeat-x; text-decoration: none; font-size:1.2em;  font-weight: 700; padding: 5px;}
a.link3:hover { color: #fff; background: #465f19 url(../images/greenbg.jpg) repeat-x;  text-decoration: underline; font-size:1.2em;  font-weight: 700; padding: 5px; }

/* Plain green links */
a.link4:link { color: #465f19; text-decoration: underline; background: transparent; font-size:1em; font-weight: 500; padding: 3px; }
a.link4:visited { color: #465f19; background: transparent; text-decoration: underline; font-size:1em;  font-weight: 500; padding: 3px; }
a.link4:hover { color: #1a4c5e; background: transparent;  text-decoration: underline; font-size:1em;  font-weight: 500; padding: 3px;  }

.nolink { color: #800000; text-transform: uppercase; background: transparent; font-weight: 700; }

.bold { font-weight: 700; }
.dots { background-image: url(../images/dots.gif); background-repeat: repeat-x; height: 1px; clear: both; margin: 20px 0; }
.line { background: #053905; height: 1px; clear: both; padding: 0; margin: 0 0 10px 0; }
.border { border: solid 4px #428ec8; }
.bordergrey { border: solid 4px #363645; }
.bordergrey1 { border: solid 4px #e5e5e5; }

.clear { clear: both; }
.clear1 { clear: both; margin: 40px 0; }
.left { float: left; }
.right { float: right; }

.leftgallery { float: left; padding: 5px; }
.galleryback { width: 400px; }
.gallery { float: left; width: 150px; margin: 5px; padding: 6px; border: solid 1px #eaeaea; text-align: center; height: 130px; }

.mouse { cursor: pointer; }


/*Lightbox enlarging images effect */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../images/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(../images/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(../images/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../images/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(../images/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(../images/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(../images/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(../images/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(../images/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
