/*
------------------------------------------
scenic byways styles
modified: may07
------------------------------------------*/


* {
	padding: 0;
	margin: 0;
}

body{
	background:#FFFEE7 url(Images/topbggfx_bg.jpg) no-repeat center top;
	/*background: #FFFEE7 url(Images/html_bg.gif) no-repeat  center bottom;*/
	margin: 0px;
	padding: 0px;
	/* use keywords, since pixels are not sizable in ie win */
	font-size: small;
}

* html body{	/*  * html - servers ie browsers only  */
	font-size: x-small; /* for IE5/win - browser displays keywords one step 
larger */
	f\ont-size: small;	/* for other IE versions */
}

td,p,ul,caption,label,li, ul, ol, div, img {
	text-align:left;
	vertical-align:top;
}

img{ /* takes care of issue in firefox */
	padding: 0;
	margin: 0;
}

/*   =layout 
-------------------------------------------------------- */

/*#topbggfx{
	
	height: 308px;
	width:100%;
	z-index: 1;
	position:absolute;
	top:0;
	
}*/

#pagecontainer{
	margin:0 auto;
	width:784px;
	z-index: 2;	
	color: #444;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size:100%;
	position:relative;
	
	
}


#homeFlash{
		top:0px;
		left:0px;
		position:relative;
	}

#header{
	height:150px;
	position:relative;
	z-index: 4;
}

#googlemapcontainer{
	border:1px solid #999;
	background:#fff;
	z-index:5;
}

#map{
	background:#ccc;
    width: 100%;
    height: 100%;
	z-index:2;
}


.fullscreen
{
    z-index: 1000;
    position: absolute;
    top: 0px;
    left: 0px;
	margin-top:0px; 
	margin-bottom:0px; 
}

.regularmap
{
	padding:10px;
}

div.mapbutton
{
    border: 1px solid black; background-color: white; 
    text-align: center; width: 6em; cursor: pointer; right: 5.5em;
}
div.mapbutton div{
    
    font-family: Arial;
border-style: solid; border-color: white #b0b0b0 #b0b0b0 white; border-width: 1px; font-size: 12px;
}

Satellite{


}

#logo{
	position:absolute;
	height:95px;
	width:170px;
	top:20px;
	left:40px;
}

#nav{
	position:absolute;
	right:0;
	top:26px;
	width:300px;
	height:30px;
}

/* ------------------------------ primary navigation---*/

#nav{
	float:right;
	text-align:right;
	height: 30px;
 }

#nav ul {
	padding: 0;
	margin: 0;
 }

#nav ul li {
	float:left;
	color: #666;
	list-style: none;
 }



#nav a:link, #nav a:visited{
	padding: 0 8px;
	color: #444;
	text-decoration: none;
	height:30px;
	text-align:center;
	line-height:30px;
	vertical-align:middle;
	display: block;
	float: left;
	font-size: 90%;
}

#nav a:hover, #nav a:active{
	color: #333;
	background: #FEED9D;
	
}



#selectbyway{
	position:absolute;
	right:10px;
	top:70px;
	width:155px;
	height:27px;
	text-align:right;
	}
	

#bywaynav{
	z-index: 20;
	background: #fff;
	position:absolute;
	border:1px solid #960;
	font: 90% Arial, Helvetica, sans-serif;	
	padding:1em;
	width:470px;
	right:0px;
}

#bywaynav ul{
	margin:0;
	padding:0;

}

#bywaynav ul li{
	padding:3px 0;
	width:150px;
	float:left;
	
}

#bywaynav ul li.region
{
    font-weight: bold; 
	clear:left;
	width: 460px;
	background: #EAE7E2;
	padding:5px;
}

#bywaynav div.region {
    font-weight: bold; 
	float:left;
	width: 460px;
	background: #EAE7E2;
	padding:5px;
}

#bywaynav a:link, #bywaynav a:visited {
	color: #960;
	text-decoration: none;
}

	#bywaynav a:hover, #bywaynav a:active{
	color: #444;
	text-decoration:underline;

}

#bywaynavfooter{
	clear:left;
	background: #EAE7E2;
	color: #A67B4F;
	padding:5px;
    font-weight: bold; 
}


	
#description{
	width:330px;
	float:right;
	line-height:1.5em;
	font-size:90%;
	margin-top:20px;

}


#bywayinfowrapper{
					/* wraps description and byway facts */
	width:540px;
	float:left;
	

}	

#bywayfacts{
	width:200px;
	float:left;
	font-size:.80em;
	margin-top:10px;
}

#bywayfacts ul{
	list-style: none;	
	margin:5px;
	padding:0;
	
}

#bywayfacts li{
	border-top: 1px solid #EDDE89;
	margin:  0px;
	padding: 5px;
}

#bywayfacts li h4{
	color:#8E7C34;
	padding:0;
	margin: 0;
}

#bywayfacts a:link, #bywayfacts a:visited {
	color: #C28302;
	text-decoration: none;
}

	#bywayfacts a:hover, #bywayfacts a:active{
	color: #996600;

}


#pointsofinterest{
	width:240px;
	float:right;
	
	margin-top:200px;
}

#pointslist{
	background: url(Images/poi_list_bg.jpg) no-repeat center top;
	width: 223px;
	margin-top:0px;
	float:right;
	
}


#pointslist ul{
	list-style:none;
	width:193px;
	margin: 0 auto;
	padding-top:80px;
}

#pointslist ul li{
	
}

#pointslist a:link, #pointslist a:visited {
	color: #996600;
	font: 86% Georgia, "Times New Roman", Times, serif;
	display: block;
	padding: 5px 5px 5px 0.5em;
	text-decoration: none;
	width: auto;
	border-bottom:1px solid #CCC;
	_height: 1em; /* for ie  whitespace bug */
}


	#pointslist a:hover, #pointslist a:active{
	color: #F8A704;

}

/*
#googlemapgutter{
	height:129px;
	position:relative;
}

*/

#googlemapgutter h1{
	padding-top:70px;
	width:500px;
}

#bywaysign{
	width:129px;
	height:129px;
	position:absolute;
	left:230px;
	top:5px;
	z-index:2;
	
	
}

#loopsign{
	float:left;
	margin-right:5px;
}

#americasbyways{
	width:120px;
	height:65px;
	position:absolute;
	left:380px;
	top:50px;
	z-index:2;
	
}

#viewslideshow{
	width:230px;
	height:190px;
	position:absolute;
	left:570px;
	top:500px;
	z-index:2;
}


#footer {
	clear:both;
	height:100px;
}


/* generics
--------------------------------------------*/

.floatright{
	float:right;
}

.clearboth { 
	clear: both; 
}

.hide { 
	display: none; 
}

.show { 
	display: block; 
}

/* =clear fix 
----------------------------------------*/


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* 	=text
---------------------------------------------------------------*/

p {
  margin:.5em .5em 1em 1em;
  }



h1, h2, h3, h4, h5 {
	font-weight: lighter;
	font-family: Georgia, "Times New Roman", Times, serif;	
}

h1 {
	color: #444;
	font-size: 1.5em;
	letter-spacing: 1px;
	margin-bottom:0.5em;
	margin-top:0.5em;
}

h2 {
	color: #996600;
	margin: .5em 0em .5em 0em;
	font: normal 1.3em Arial, Helvetica, sans-serif;	
}

h3 { 
	font-size: 1.1em;
	color: #999900;
	font: normal Arial, Helvetica, sans-serif;
}

h4 {
	font-size: 1.1em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	color: #999900;
	}
	
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
	
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
	
/* =lists
--------------------------------------------------------*/

dl, ol 
{
	/*list-style: none;*/
   	margin-left: 1em;
	padding-left: 0; /* must set both for crossbrowser indentation */
}

ul{
	
   	margin-left: 1em;
	padding-left: 0; /* must set both for crossbrowser indentation */
	list-style: none;
}



 li
{
	margin: 2px 0px;
}	

a:link, a:visited {
	color: #996600;

}

 a:hover,a:active{
	color: #F8A704;

}

a.linkexternal, a.externallink{
	padding-right: 12px;
	background: url(Images/arrow_external.gif) no-repeat right center;	

}


#signpole{
	
	margin:20px 10px 0px 0px;
	
	width:220px;
	
	float:right;
}


#signpole img{
	border:0;
	margin:0 auto;
	float:right;
}