/* GARBAGE 
#body-container { TEXT-ALIGN: left;
	PADDING-RIGHT: 0px; PADDING-LEFT: 2px; 
    PADDING-BOTTOM: 0px; MARGIN: 0px auto; 
    WIDTH: 710px; PADDING-TOP: 0px; voice-family: inherit;
    border: #000 1px solid;
    background-color: #fff;
}

#body-content .content {
	FLOAT: left; TEXT-ALIGN: left;
    margin: 0px 5px 0px 5px;
    background-color: #ccc;
}
*/

/*
 #container {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(assets/img/body-back.gif) repeat-y left top; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 750px; PADDING-TOP: 0px; POSITION: relative; TEXT-ALIGN: left
}
#header {
	BACKGROUND: url(assets/img/header-back.gif) no-repeat left top; WIDTH: 750px; HEIGHT: 144px
}
#footer {
	CLEAR: both; PADDING-RIGHT: 25px; PADDING-LEFT: 25px; FONT-SIZE: 90%; 
    BACKGROUND: url(assets/img/footer-back.gif) no-repeat left top; PADDING-BOTTOM: 0px; WIDTH: 750px; COLOR: #869048; PADDING-TOP: 43px; HEIGHT: 35px
}

#main-content {
	PADDING-RIGHT: 47px; PADDING-LEFT: 48px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 422px; PADDING-TOP: 0px; TEXT-ALIGN: justify
}
#menu {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 181px; PADDING-TOP: 15px
}
*/

#topbar { position:relative; height: 40px; font: 65% Verdana, Tahoma, sans-serif; color: #000; }

    
#navbar { position: relative; 
    height: 32px; font-size: 11px;  overflow: hidden;}

#topbar #topbarright { position: absolute; right: 5px; top: 2px;}


#header {
	/* BACKGROUND: url(assets/img/header-back.jpg) repeat-x left top; */
    WIDTH: 727px; HEIGHT: 160px; position: relative; margin-bottom: 20px;
    
}

#header #left { position: absolute; left: 0px; top: 2px;}

#header #right { position: absolute; right: 0px; top: 2px;}


.clearer { clear: both; line-height: 0px; height: 0px;}
.spacer { line-height: 3px; height: 3px; overflow: hidden }
.spacer-large { line-height: 15px; height: 15px; overflow: hidden }

#overallcontainer {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; 
    overflow: hidden;
    PADDING-BOTTOM: 0px; MARGIN: 0px auto; 
    WIDTH: 727px; PADDING-TOP: 0px; POSITION: relative; TEXT-ALIGN: left
}


#mainbody {   BACKGROUND: url(assets/img/body-back.jpg) repeat-y left top; width: 727px; position:relative; }

.columns2 { MARGIN: 15px 0px 0px 0px; WIDTH: auto; TEXT-ALIGN: left; BACKGROUND-POSITION: center top; }
.columns3 { MARGIN: 30px 0px 0px 3px; WIDTH: 727px; TEXT-ALIGN: center; BACKGROUND-color: transparent;   }

.columns2 .col1 {FLOAT: left; WIDTH: 300px; text-align: center; font-weight: normal; margin-right: 3px; background-color: transparent; }
.columns2 .col1 .col1content { font: 70% Verdana, Tahoma, sans-serif; padding: 5px; padding-top: 23px; line-height: 17px; color: #000 }
.columns2 .col1 .col1content a {  text-decoration: underline; font-weight: normal; }
.columns2 .col1 .col1content a:hover { color: #0000cc; text-decoration: underline; font-weight: normal; }


.columns2  .col2 .col2top { background: url(assets/img/text-box-top.gif) left top no-repeat; overflow: hidden; width: 380px; height: 22px;}
.columns2  .col2 .col2bottom { background: url(assets/img/text-box-bottom.gif) left top no-repeat; overflow: hidden; width: 380px; height: 22px;}

.columns2 .col2 {FLOAT: left; WIDTH: 380px; text-align: left; margin: 0px 5px 0px 10px; background-color: #CCCCFF;}
.columns2 .col2 .col2content { padding: 0px 12px 5px 12px; font: 70% Verdana, Tahoma, sans-serif; color: #000; line-height: 18px; }

.columns3 .col { FLOAT: left; WIDTH: 237px; height: 183px; margin: 0px 1px 0px 1px; text-align: center;  background: url(assets/img/column-box-back.jpg) no-repeat left top;  overflow:hidden;}
.columns3 .col .coltop { overflow: hidden; width: 237px; height: 33px; margin: 5px 0px 0px 0px;}


 div.colcontent { font: 70% Verdana, Tahoma, sans-serif; padding: 7px 5px 3px 5px; line-height: 17px; }
div.colcontent a { text-decoration: underline;  }

/*
.columns3 .col2 { FLOAT: left; width: 237px; height: 183px; margin: 0px 1px 0px 2px; text-align: center;  background: url(assets/img/column-box-back.jpg) no-repeat left top; }

.columns3 .col3 { FLOAT: left; width: 237px; height: 183px; margin: 0px 1px 0px 2px; text-align: center;  background: url(assets/img/column-box-back.jpg) no-repeat left top;}

*/



#tab-top { height: 20px;text-align: center; width: 727px; background: url(assets/tab-img/tab-top.gif) left top no-repeat;
    overflow: hidden }

#mainbody #collage { width: 727px; padding: 0px; margin: 0px; text-align: center; height: 207px; }

/* MENU BUTTONS AND MOUSEOVER EFFECT */

#menucontent { margin-left: 36px;  }

/* ACCOMODATION */
#menucontent  div.accomodation {
	BACKGROUND: url(assets/tab-img/accomodation-states.jpg) no-repeat 0px -47px; MARGIN: 0px 0px 0px 0px; 
    WIDTH: 105px; HEIGHT: 32px; float: left;    
}

#menucontent div.accomodation-home { 
    BACKGROUND: url(assets/tab-img/accomodation-home.jpg) no-repeat 0px 0px; MARGIN: 0px 0px 0px 0px;  
    WIDTH: 105px; HEIGHT: 32px; float: left; 
}

#menucontent  div.accomodation a {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; 
    BACKGROUND: url(assets/tab-img/accomodation-states.jpg) no-repeat 0px -4px; 
    PADDING-BOTTOM: 0px; MARGIN: 0px; font: 11px; 
    OVERFLOW: hidden; WIDTH: 100%; COLOR: #fff; PADDING-TOP: 0px; height: 100%; TEXT-DECORATION: none
}

#menucontent div.accomodation a:hover {
	BACKGROUND-IMAGE: none; COLOR: #0000ff
}

/* LOCATION */

#menucontent  div.location {
	BACKGROUND: url(assets/tab-img/location-states.jpg) no-repeat 0px -47px; MARGIN: 0px 0px 0px 3px; 
    WIDTH: 105px; HEIGHT: 32px; float: left;
    
}

#menucontent div.location-home { 
    BACKGROUND: url(assets/tab-img/location-home.jpg) no-repeat 0px 0px; MARGIN: 0px 0px 0px 3px;  
    WIDTH: 105px; HEIGHT: 32px; float: left; 
}

#menucontent  div.location a {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; 
    BACKGROUND: url(assets/tab-img/location-states.jpg) no-repeat 0px -4px; 
    PADDING-BOTTOM: 0px; MARGIN: 0px; font: 11px; 
    OVERFLOW: hidden; WIDTH: 100%; COLOR: #fff; PADDING-TOP: 0px; height: 100%; TEXT-DECORATION: none
}

#menucontent div.location a:hover {
	BACKGROUND-IMAGE: none; COLOR: #0000ff
}

/* AVAILABILITY */


#menucontent  div.availability {
	BACKGROUND: url(assets/tab-img/availability-states.jpg) no-repeat 0px -47px; MARGIN: 0px 0px 0px 3px; 
    WIDTH: 105px; HEIGHT: 32px; float: left;
    
}


#menucontent div.availability-home { 
    BACKGROUND: url(assets/tab-img/avail-home.jpg) no-repeat 0px 0px; MARGIN: 0px 0px 0px 3px;  
    WIDTH: 105px; HEIGHT: 32px; float: left; 
}


#menucontent  div.availability a {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; 
    BACKGROUND: url(assets/tab-img/availability-states.jpg) no-repeat 0px -4px; 
    PADDING-BOTTOM: 0px; MARGIN: 0px; font: 11px; 
    OVERFLOW: hidden; WIDTH: 100%; COLOR: #fff; PADDING-TOP: 0px; height: 100%; TEXT-DECORATION: none
}

#menucontent div.availability a:hover {
	BACKGROUND-IMAGE: none; COLOR: #0000ff
}

/* VISITOR ADVICE */


#menucontent  div.vis-advice {
	BACKGROUND: url(assets/tab-img/vis-advice-states.jpg) no-repeat 0px -47px; MARGIN: 0px 0px 0px 3px; 
    WIDTH: 105px; HEIGHT: 32px; float: left;
    
}

#menucontent div.vis-adv-home { 
    BACKGROUND: url(assets/tab-img/vis-adv-home.jpg) no-repeat 0px 0px; MARGIN: 0px 0px 0px 3px;  
    WIDTH: 105px; HEIGHT: 32px; float: left; 
}


#menucontent  div.vis-advice a {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; 
    BACKGROUND: url(assets/tab-img/vis-advice-states.jpg) no-repeat 0px -4px; 
    PADDING-BOTTOM: 0px; MARGIN: 0px; font: 11px; 
    OVERFLOW: hidden; WIDTH: 100%; COLOR: #fff; PADDING-TOP: 0px; height: 100%; TEXT-DECORATION: none
}

#menucontent div.vis-advice a:hover {
	BACKGROUND-IMAGE: none; COLOR: #0000ff
}

/* MAP */

#menucontent  div.map {
	BACKGROUND: url(assets/tab-img/map-states.jpg) no-repeat 0px -47px; MARGIN: 0px 0px 0px 3px; 
    WIDTH: 105px; HEIGHT: 32px; float: left;
    
}

#menucontent div.map-home { 
    BACKGROUND: url(assets/tab-img/map-home.jpg) no-repeat 0px 0px; MARGIN: 0px 0px 0px 3px;  
    WIDTH: 105px; HEIGHT: 32px; float: left; 
}


#menucontent  div.map a {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; 
    BACKGROUND: url(assets/tab-img/map-states.jpg) no-repeat 0px -4px; 
    PADDING-BOTTOM: 0px; MARGIN: 0px; font: 11px; 
    OVERFLOW: hidden; WIDTH: 100%; COLOR: #fff; PADDING-TOP: 0px; height: 100%; TEXT-DECORATION: none
}

#menucontent div.map a:hover {
	BACKGROUND-IMAGE: none; COLOR: #0000ff
}



/* PHOTOS */

#menucontent  div.photos {
	BACKGROUND: url(assets/tab-img/photos-states.jpg) no-repeat 0px -47px; MARGIN: 0px 0px 0px 3px; 
    WIDTH: 105px; HEIGHT: 32px; float: left;
    
}

#menucontent div.photos-home { 
    BACKGROUND: url(assets/tab-img/photos-home.jpg) no-repeat 0px 0px; MARGIN: 0px 0px 0px 3px;  
    WIDTH: 105px; HEIGHT: 32px; float: left; 
}


#menucontent  div.photos a {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; 
    BACKGROUND: url(assets/tab-img/photos-states.jpg) no-repeat 0px -4px; 
    PADDING-BOTTOM: 0px; MARGIN: 0px; font: 11px; 
    OVERFLOW: hidden; WIDTH: 100%; COLOR: #fff; PADDING-TOP: 0px; height: 100%; TEXT-DECORATION: none
}

#menucontent div.photos a:hover {
	BACKGROUND-IMAGE: none; COLOR: #0000ff
}



/*

#menucontent  div.outer a span.btn-text {
	PADDING-RIGHT: 10px; PADDING-LEFT: 100px; FONT-WEIGHT: normal; FONT-SIZE: 9px; PADDING-BOTTOM: 0px; MARGIN: 30px 0px 0px 0px;
    LINE-HEIGHT: 12px; PADDING-TOP: 80px
}

*/

.hide {
	DISPLAY: none
}


/* END MENU BUTTONS AND MOUSEOVER EFFECT */



#menu { overflow: hidden; width: 207px; font: 83% Verdana, Tahoma, sans-serif } 

.menuitem { 
    /* background: url(assets/img/nav-button-back.gif) no-repeat left top; 	
	background-repeat: no-repeat; height: 30px; color: #000; */
    margin-left: 30px; width: 217px;
}

.menuitem .menuitemcontent {    
    padding: 6px 5px 5px 40px;
}



#footer {
	CLEAR: both; margin: 0px 0px 20px 0px;
    font: 65% Verdana, Tahoma, sans-serif; color: #000; BACKGROUND: url(assets/img/footer-back.jpg)  no-repeat left top; 
    PADDING-BOTTOM: 0px; WIDTH: 727px; COLOR: #fff; PADDING-TOP: 50px; HEIGHT: 40px; 
    text-align: center; color: #000;
}

#footer #footercontent { 
    PADDING-RIGHT: 15px; PADDING-LEFT: 15px;  line-height: 20px;   
}

#footer #footercontent a {
    color: #000; font-weight: normal; text-decoration: underline;
}

#footer #footercontent a:hover { color: #0000cc; }

#position {
	MARGIN: 0px 0px 15px
}


#main-column {
	FLOAT: left; 
    WIDTH: 500px! important; 
    TEXT-ALIGN: justify; overflow: hidden; 
}

.main-column-content {  padding-left: 70px; PADDING-TOP: 20px; 
    PADDING-BOTTOM: 10px; padding-right: 30px; 
    
}
#menu {
	FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 210px! important; PADDING-TOP: 15px
}