/*
------------------------------------------
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;
  padding-top:30px;

}


#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:26px;
  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;
}