/* column container */
.colmask {
    position:relative;  /* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;         /* width of whole page */
    overflow:hidden;        /* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
    float:left;
    width:100%;
    position:relative;
}
.col1,
.col2,
.col3 {
   float:left;
   position:relative;
   padding:0 0 1em 0;
   overflow:hidden;
}

.col1 {
    padding-left: 2%;  /* a little extra padding on the left edge of the screen */
}


/* 2 Column (right) settings */
.RightColAd {
    background:#fff;        /* right column background color */
}
.RightColAd .colleft {
    right:25%;          /* right column width */
    background:#fff;        /* left column background color */
}
.RightColAd .col1 {
   width:71%;          /* left column content width (left column width minus left and right padding) */
   left:27%;           /* (right column width) plus (left column left padding) */
}
.RightColAd .col2 {
    width:21%;          /* right column content width (right column width minus left and right padding) */
    left:31%;           /* (right column width) plus (left column left and right padding) plus (right column left padding) */
																				}



#ListingBar {color:white; background:#000080; text-align:center; }

.listings {
    float:left;
    width:47%;
}

#leftcol {
    padding-right:3%;
}

#rightcol {
    padding-left:3%;
}


div.attraction {margin:1em 0 0 0; border:none; overflow:auto; font-family:Arial;}
div.attraction img {margin:.5em .5em .5em .5em; border:none; float:left; }
div.attraction img.left  {float:left; }
div.attraction img.right {float:right; }

div.attraction p {margin:0; font-size:small;}
img.citypass {float:left !important; margin-bottom:.2em !important;}


#NavList {text-align:center; margin-top:.1em;}
#NavList a {color:orange;}
#NavList span {font-size: smaller;}



body {
    margin:0;
    padding:0;
    border:0;           /* This removes the border around the viewport in old versions of IE */
    width:100%;
    background:#fff;
    min-width:600px;        /* Minimum width of layout - remove line if not required */
	                        /* The min-width property does not work in old versions of Internet Explorer */
    font-size:90%;
    font-family:Arial;
}






/* Things To Do - Top; text properties for states: normal, hover, click */
.TM0i0 {
	font-family: Arial, Helvetica, sans-serif;;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	padding-left: 5px;
}

/* Things To Do - Top; box properties for states: normal */
.TM0o0 {
	background: #D88719;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}

/* Things To Do - Top; table properties for states: normal, hover, click */
.TM0t0 {
	background: #606060;
}

/* Things To Do - Top; box properties for states: hover, click */
.TM0o1 {
	background: #00009B;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}


/* ---------- break between menu styles -----------------------*/

/* State Menu; text properties for states: normal, hover, click */
.LM0i0 {
	font-family: Arial, Helvetica, sans-serif;;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	padding-left: 5px;
}

/* State Menu; box properties for states: normal */
.LM0o0 {
	background: #00009B;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
}

/* State Menu; table properties for states: normal, hover, click */
.LM0t0 {
	background: #background: #D88719;
	
}

/* State Menu; box properties for states: hover, click */
.LM0o1 {
	background: #D88719;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;

}

/* Dropdown; text properties for states: normal, hover, click */
.LM2i0 {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	padding-left: 2px;
	width:200px;
}

/* Dropdown; box properties for states: normal */
.LM2o0 {
	background: #cccccc;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	width: 200px;
}

/* Dropdown; table properties for states: normal, hover, click */
.LM2t0 {
	background: transparent;
	width: 200px;
}

/* Dropdown; box properties for states: hover, click */
.LM2o1 {
	background: #00009B;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	width: 200px;
}

/* lodging page styles */

/* controls the formatting of featured cities and more cities */
.bigcity{font-size:large;_font-size:medium;padding:10px;font-family:arial;
}

/* controls the formatting of the horizontal rule */
.citydivide{width:80%;color:rgb(0,0,155);
}

/* div formatting - control space between columns as well */
.cityinfo{padding:5px 40px;font-family:arial;color:black;
}

/* city name formatting */
.city{font-size:medium;_font-size:small;padding-right:5px;
}

/* lodging span - control the size of the lodging link text and spacing */
.lodging{font-size:small;_font-size:x-small;padding-right:5px;
}

/* food span - control the size of the food link text */
.food{font-size:small;_font-size:x-small;
}

a:hover{color:rgb(0,0,155);
}

a:link{color:rgb(0,0,155);
}

a:visited{color:rgb(216,135,25);
}

a:underline{color:rgb(0,0,155);
}

a:active{color:rgb(0,0,155);
}

.SubHeading{font-size:16px;  margin-bottom:0px; color:rgb(255,255,255); font-family:Arial;
}

/* temporarily place code here*/

/* used to hide listings that we may want to put back on the site */
.paid{}
.remove{display:none; background-color:red;}
.hide{display:none; background-color:pink;}


/* Chitika settings */
div.AttractionHeader{
margin: auto; width: 728px;
}

div#adtop, div#adbottom{
margin-left:auto; margin-right: auto; width: 728px;
}

div#adtop.Attraction{
margin: auto; width: 700px;
}

.masthead728{
width: 728px; margin-left:auto; margin-right: auto; 
}

.masthead700{
 width: 700px; margin-left:auto; margin-right: auto; 
}

        div#chitika_ad{
		_text-align: left;
		}
        div#chitika_ad{
                width:700px;
                color:#000000;
                font-size-adjust:none;
                font-style:normal;
                font-variant:normal;
                font-weight:normal;
                line-height:normal;
                font-family:Arial,Helvetica,sans-serif;
                font-size:10pt;
        }
        div#chitika_ad ul{
                width:100%;
                list-style:none;
                margin:0;
                padding:0;
        }
        
        div#chitika_ad ul li{
	        width:100%;
                height:63px;
                padding:0;
        }
        
         div#chitika_ad Img{
                position:relative;
                height:50px;
                text-align:center;
                width:50px;
                margin-left:5px;
                margin-right:10px;
        }
        
        div#chitika_ad .desc{
                display:block;
                font-size:10pt;
                height:18px;
                line-height:18px;
                margin:0;
                overflow:hidden;
                text-decoration:none;
}
        
        div#chitika_ad a{
                color:#00C;
                cursor:pointer;
                font-weight:bold;
                font-size:12pt;
                height:19px;
                text-decoration:underline;
                overflow:hidden;
                position:relative;
                padding:0;      
        }
        
        div#chitika_ad a.link{
                color:#008000;
                text-decoration:none;
                font-weight:normal;
                font-size:9pt;
                margin-top:6px;
        }
        
        div#chitika_ad a.brand{
        position: relative;
                float: right;
                text-align: right;
                color:#999;
                font-size:9pt;
                text-decoration:none;
                font-weight:normal;
        }
                

/* -----------------------This starts the adSpace Section of the StyleSheet------------------- */

/*This class applies to all the ad space on the website.*/
/* Move the close comment below these on the live system 
  .adSpace{background-color:rgb(125,125,125);  }
  #adAboveHeader{height:90; }
  #adBelowHeader{height:90; }
  #adRight{height:660; }
  #adBottom{height:90; }

*/

/*This id specifically controls the ad space located above the header.*/
#adAboveHeader{width:728; margin-top:15px; margin-left:auto; margin-right:auto; _text-align:left;
}

/*This id specifically controls the ad space located below the header.*/
#adBelowHeader{width:728; margin-bottom:15px; margin-left:auto; margin-right:auto; _text-align:left;
}
#adBelowHeader.medrec{width:300; }



/*This id specifically controls the ad space located on the right of the page.*/
#adRight{width:160; margin-left:20px; border-left: none; margin-bottom:10px;
}

/*This id specifically controls the ad space located above the footer at the bottom of the page.*/
#adBottom{width:300; margin-top:15px auto; _text-align:left;
}

/*This id refers to the container surrounding the div containing the ad. This container is necessary with the text-align:center; to ensure that the div it contains is centered in Internet Explorer.*/
.adContainer{_text-align:center;
}

/*This id refers to the td in which the div containing the ad on the right is placed.*/
#adTdRight{width:15%; vertical-align:top;
}


/*This id specifically controls the ad space located IN the footer at the bottom of the page.*/
div#adbottom{width:300; margin-top:15px auto; _text-align:left;
}



/* ------------------ Lodging Listings ------------------- */

div.lodging.deluxe{text-align:left; margin:.5em 5em .5em 5em; padding:1em; font-size:medium; _font-size:small; border:1px solid black;}
.lodging.deluxe img{float:left; border:1px solid black; margin:0 10px 3px 0px;}
.lodging.deluxe h2{text-align:center; }
.lodging.deluxe a{}
.lodging.deluxe p{margin-bottom:3em;}


/* ------------------ Outfitter Listings ------------------- */

div.outfitter.deluxe{float: left; text-align:left; margin:.5em 5em .5em 5em; padding:1em; font-size:small; _font-size:x-small; border:1px solid black;}
.outfitter.deluxe img{float:left; border:1px solid black; margin:0 10px 3px 0px;}
.outfitter.deluxe h2{text-align:center; }
.outfitter.deluxe a{}
.outfitter.deluxe p{margin-bottom:3em;}
div.listingbox {width: 50%; }





/* ------------------ Uptake Listings ------------------- */
div.uptake {text-align:right; font-size: smaller; font-family:Arial; }     
div.uptake a{text-decoration:none; }
div.uptake p{text-align:right; }


/* ------------------ Yahoo! Ads ------------------------- */
div.YahooAd {padding-left: 5px; padding-bottom: 5px;}
.YahooAd {font-family:Arial; font-size:10pt;


/* ------------------ Attractions  ------------------------- */




/* column container */
.colmask { 
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
}

.col1 {
	padding-left: 2%;  /* a little extra padding on the left edge of the screen */
}


/* 2 Column (right) settings */
.RightColAd {
	background:#fff;		/* right column background color */
}
.RightColAd .colleft {
	right:25%;			/* right column width */
	background:#fff;		/* left column background color */
}
.RightColAd .col1 {
	width:71%;			/* left column content width (left column width minus left and right padding) */
	left:27%;			/* (right column width) plus (left column left padding) */
}
.RightColAd .col2 {
	width:21%;			/* right column content width (right column width minus left and right padding) */
	left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}


#ListingBar {color:white; background:#000080; text-align:center; }

.listings {
	float:left; 
	width:47%;
}

#leftcol {
	padding-right:3%;
}

	#rightcol {
	padding-left:3%;
}

div.attraction {margin:1em 0 0 0; border:none; overflow:auto; font-family:Arial;}
div.attraction img {margin:.5em .5em .5em .5em; border:none; float:left; }
div.attraction img.left  {float:left; }
div.attraction img.right {float:right; }

div.attraction p {margin:0; font-size:small;}
img.citypass {float:left !important; margin-bottom:.2em !important;}




/* */