a:link {
  color:#559;
  text-decoration:none;
  }
a:visited {
  color:#226;
  text-decoration:none;
  }
a:hover {
  text-decoration:underline;
  }
a img {
  border-width:0;
  }
  
.aState {
 	height:65px; 
 	width:215px;
 }

#addABridge1 {
	text-align: left;
}
   
#body {  
  padding-bottom:40px;
}

#container {
   min-height:100%;
   position:relative;
}

.crumbs{
 	margin:0px;
 	text-align:left;
}

#directions {
  color:#555;
  
  font:small "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  
  text-align:left;
}


#directionsPanel{
	z-index: 2;
}

#footbar {
        text-align:center;
        display: inline;        
}

div#footbar ul {
        padding: 0;
        margin: 0;
        text-align:center;
}

div#footbar ul li{
        display: inline;
        padding: 0;
        margin: 0;
}

div#footbar li {
  	font-size:larger;
} 

#footbarWrap{
	position: absolute; 
	bottom: 0; 
	left: auto;
    right: auto;
	z-index: 1000;
	width: 100%;
	background:#FFF;
}

.gsc-input{display:none}
.gsc-search-button{display:none}
.gsc-clear-button{display:none}

#header a {
  color: #555;
  text-decoration:none;
  }

h2 {
  margin:1.5em 0em .75em;
  font:bold 100% "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
}

h3 {
  font:bold italic 100% "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-align: center;
  margin-left: 7px;
  margin-right: 7px;
}

h5 {
  font:small "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-align:left;
}

#header {
  text-align:center;
  border:0px none;
  padding: 10px 4px 4px;
  font-size:200%;
  line-height:0.7em;
  letter-spacing:.02em;
}

#header a {
  text-decoration:none;
  font-family: "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
}

#header a:hover {
  text-decoration:underline;
}

html,body {
  //background:#FFFFE6;
  margin:0 0 1px;
  padding:0;
  height:100%;
  font:small "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
  color:#555;
  text-align:center;
  }

#imageDate{
	display: inline;
}

.info-window {
	color:#555; 
	border:0px;
	text-align:left;
	font-size:12px;
	width:241px;
	overflow:visible;
}

.iw-cell-2 {
	background-color:#9FF;
	color:black;
	text-align:left;
}

 #main {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	font-size:small;
	//min-height: 76%;
	height: auto;
	//height: 76%;
	margin-bottom: -50px; /* the bottom margin is the negative value of the footer's height */
}
 
#map {
	height: 600px;
	width: 99%;
	float:right;
	text-align:left;
	margin: 10px 6px;
}

#map_canvas {
  color:#555;
  font:small "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-align:left;
  width:400px; 
  height:600px
}

#map-canvas {
	height: 550px;
	width: 550px;
	float:right;
	margin:12px;
	text-align:left;
	z-index: 2;
}

#map-section {
    height: 490px; 
    float: left; 
    width: 210px; 
    padding-top: 12px;
  	}

.mapthumb {
	margin:10px 7px 10px 20px; 
	height:33px;
	width:50px;
	float:left;
}

.mapthumbSquare {
	margin:10px 20px 10px 20px; 
	height:33px;
	width:33px;
	float:left;
}

.mobileName {
  	position:relative;
  	top:13px;
  	left:-4px
 }

    
div#navbar {
  margin:0 5px 5px;
  padding:0 3px 3px;
  border:0px;
  border-width:0px 0px 0px;
}

div#navbar ul {
        padding: 0;
        margin: 0;
        text-align:center;
}

div#navbar ul li{
        display: inline;
        padding: 0;
        margin: 0;
}

div#navbar ul li a{
        //color: black;
        text-decoration: none;
        padding: 0 5px 0 5px;
        text-align: center;
        width: 9em;
} 

div#navbar ul li a:hover, #nav ul li a:focus{
        text-decoration: underline;
}

div#navbar li {
  	font-size:larger;
} 

 
#novel {
	width:800px; 
	border:0px;
	font-size:small;
	
	text-align:left;
}

#rap {
  width:815px;
  height:90px;
  margin:0 auto;
  padding:12px;
  text-align:center;
  }
  
#resultsBlock{
  color:#555;
  
  font:small "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  z-index: 2;
}


#search_control {
	text-align: right;
	width:300px;
}

#sidebar {
	width:200px;
	overflow-y:scroll;
	max-height:500px;
    height: 101%;
}

.sidebar-entry {
	text-decoration:none; 
	border:1px solid #bbb; 
	padding:2px;
	text-align:left;
	font-size:small;
}

a.sidebar-entry {
	color:#559;
	font-size:small;
	text-decoration: none;
}

a.sidebar-entry:hover {
	background-color:#9FF; 
	text-decoration: none;
}

#siteFooter, #push  {
   bottom:0;
   width:100%;
   height:40px;
}

#sitename {
  font:bold italic 100% "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  text-align: center;
  	font-style: normal; 
	letter-spacing: 0.02em;
	margin:10px;
}

.stateOdd {
 	background-image:url('/images/blueBoxv3.jpg'); 
 	height:65px; 
 	width:215px;
 }
 
.stateEven {
 	background-image:url('/images/greenBoxv3.jpg'); 
 	height:65px; 
 	width:215px;
 }

.stateList {
	-moz-column-count:3; /* Firefox */
	-webkit-column-count:3; /* Safari and Chrome */
	column-count:3;
	max-width:800px;
	padding-right: 8px;
	padding-left: 28px;
	list-style-type: none;
	margin: auto;
}

.stateName {
  	position:relative;
  	top:20px;
  	left:-4px
 }

table.grid {
	border-collapse:collapse;
	width:850px;
	position:relative;
	left:-5px;
}

#tablelist {
max-width:800px;
width: 80%;
border-collapse:collapse;
border-style:solid;
border-width:2px;
border-color:black;
margin: auto;
}

#tdlist{
border-style:solid;
border-width:1px;
border-color:gray;
padding:4px;
color:#555;
  
font:small "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
}

td.spacer {
	 width:40px;
}

.tdtop {
 	vertical-align: top;
 	padding:10px;
}

td.adp-substep{
	font:small "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
}

#ToHighlight{
	width: 200px;
}

#top {
  text-align:center;
  margin:0 auto 10px;
  border:0px none;
  background-repeat:no-repeat;
}

#top #header {
  margin:0px 5px 0;
  border-width:0px 0px 0;	
}


















@media screen and (max-width: 770px) {
div#navbar ul li{
	display: block;
	text-align: center;
}

div#footbar ul{
    width: 380px;
    padding: 0px;
    text-align: center;
    //padding-bottom: 56px;
}

#footbar{
	width: 100%;
	text-align: center;
}

#footbarWrap{
	position: absolute; 
	bottom: 0; 
	padding-right: 30%; 
	padding-left: 30%;
	z-index: 1;
}

#footbarWrap2{
	padding-right: 20%; 
	padding-left: 20%;
	z-index: 1;
}

li {
  	font-size:larger;
    } 
    
.stateList {
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
	column-count:2;
	max-width:100%;
	padding-right: 12%;
	padding-left: 12%;
}

#top {
  max-width:100%;
  text-align:center;
  margin:0 auto 10px;
  border:0px none; 
  background-repeat:no-repeat;
}

#rap {
  height: 120px;
  width: 100%;
}
    
#directionsPanel {
  	max-width: 100%
  	}

div#navbar {
  	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	max-width:90%;
	}
	  	
div#navbar ul {
    padding: 0;
    margin: 0;
    text-align: left;
	}

#imageDate{
	//display: inline;
	float: right;
}  	

#map {
	height: 60%;
	width: 98%;
	float:right;
	margin:12px;
	text-align:left;
}

#map-canvas {
	height: 484px;
	width: 64%;
	float: right;
	margin:0px;
	border:0px;
    padding-top: 32px;
    margin-right: 45px;
    z-index: 2;
  	}
  
#map-section {
    height: 484px; 
    float: left;  
    padding-top: 0px;
    width: 25%;
    }

#novel{
  	font-size: smaller;
  	display: inline;
 }  
 
p {
	margin: 1px;
	}    
    
#sidebar {
	width: 100%;
	overflow-y: scroll;
	max-height: 474px;
   }
  
.sidebar-entry {
	font-size: small;
    }        	
	
#sitename { 
	padding-top: 15px;
  	} 
	  
#spacer{
 	height: 50px;
 } 
 	  
#suggest {
	font-size: small;
    max-width: 80px;
    float:left; 
    padding-top: 10px; 
    padding-left: 0px;
    }
    
.thumbImg {
  	height: 55px;
  	width: 55px;
    } 
    
#ToHighlight {
	font-size: small;
	width: 100%
    }   
}





@media screen and (max-width: 567px) {
#adder{
 	display:none;
 } 

#spacer{
 	height:50px;
 } 
 	
.stateList {
	padding-right: 4%;
	padding-left: 4%;
	list-style-type: none;
}

#footbarWrap {
  display:none;
}

header {
  display:none;
}

#main {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	font-size:small;
	height: 100%;
	/*margin-bottom: -50px; /* the bottom margin is the negative value of the footer's height */
}

#map {
	height: 100%;
	width: 100%;
	float:right;
	text-align:left;
	margin: 0px;
}
}






@media screen and (max-width: 481px) {
.stateList {
	-moz-column-count:1; /* Firefox */
	-webkit-column-count:1; /* Safari and Chrome */
	column-count:1;
	//max-width:100%;
	text-align: center;
	padding-right: 0px;
	padding-left: 56px;
}

li {
	list-style-type:none;
	font-size: large;
	padding:7px;
}
	
div#navbar {
	max-width: 100%;
	}

div#navbar ul li{
    margin-bottom: 10px;
    }
	
div#footbar {
	max-width: 100%;
	}
	
div#footbar ul{
    width: 240px;
    text-align: center;
}		

#footbarWrap{
	position: absolute; 
	bottom: 0px; 
	padding-right: 15%; 
	padding-left: 18%;
	text-align: center;
	z-index: 1;
}

#footbarWrap2{
	display: none;
}
	
.headerImage {
	width: 180px;
	height: 63px;
	}

html {
  font:x-small;
  }

  
#map-canvas {
	height: 100%;
	width: 100%;
	float:right;
	margin:0px;
	text-align:left;
	border:0px;
    padding-top: 32px;
    }
  
#map-section {
  	display: none;
    }			
	
.stateOdd {
 	background-image:url('/images/NULL.jpg'); 
 	height:35px; 
 	width:215px;
 	margin:auto;
 }
 
.stateEven {
 	background-image:url('/images/NULL.jpg'); 
 	height:35px; 
 	width:215px;
 	margin:auto;
 }
 
 .stateList {
	padding-right: 0;
	padding-left: 0;
	list-style-type: none;
}
 
 .aState {
 	display: none;
 }
 
 .mapthumb {
 	display:none;
 }
 
 .mapthumbSquare{
 	display:none;
 }
 
 #novel{
  	display:none;
 }
 
.notes
	margin: 10px; 
	margin-right: 10px;
}