/* CSS Document */

body{ 
 background-color: #EEEEEE;
 font-family: Arial,sans-serif;
 color: #444444;
 line-height: 1.2;	
 margin: 0px;
 padding: 0px;
 }

h1{
 font: bold 250% Arial,sans-serif;
 color: #444444;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 200% Arial,sans-serif;
 color: #444444;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 150% Arial,sans-serif;
 color: #444444;
 margin: 0px;
 padding: 0px;
}

h5{
 font: bold 125% Arial,sans-serif;
 margin: 0px;
 padding: 0px;
}

h6{
 font: bold 75% Arial,sans-serif;
 color: #FFFFFF;
 margin: 0px;
 padding: 0px;
}

a:link, a:visited{
 color: #005FA9;
 text-decoration: none;
}

a:hover{
 text-decoration: underline;
}

.plain_list{
  list-style-type: none;
  margin-left: 1em;
  padding-left: 0px;
}

/* photo styles */
.inline_photo img{
 border: 1px solid #000000;
 margin: 5px 10px 0px 0px;
 padding: 5px;
}

.inline_photo iframe{
 border: 1px solid #000000;
 margin: 5px 10px 0px 0px;
 padding: 5px;
}

.inline_photo p{
 background-color: #CCCCCC;
 border: 1px dashed #000000;
 color: #444444;
 font: bold 90% Arial,sans-serif;
 margin: 2px 0 0 0;
 padding: 5px;
 text-align: center;
 width: 320px;
}

div.inline_photo{
 float: left;
 margin: 10px 10px 5px 10px;
}

.photo{
 border: 1px solid #000000;
 margin: 5px 10px 5px 0px;
 padding: 5px;
}

.streetsign{
 float: left;
 margin: 0px 10px 10px 0px;
}

.info_box{
  border: 1px solid #000000;
  margin: 1px 1px 1px 1px;
}


/* float id types */
#image_bar{
 background-image:url(images/navbar_background.jpg);
 background-repeat: no-repeat;
 background-position: right top;
 height: 120px;
 margin-top: 0px; 
 background-color:#FFFFFF;
}

#top_nav_bar{
 background-image:url(images/navbar_bg.gif);
 left: 0px;
 }
 
#page_container{
  clear: both;
  margin: 0 0 0 0;
  padding: 20px 0 0 0;
}
 
#sidebar{
 clear: none;
 background-color:#FFFFFF; 
 float: left;
 margin-left: 2px; 
 width: 170px; 
 border: 1px solid #999999;
 }
 
#content{
 background-color:#FFFFFF;
 margin-left: 180px;
 margin-right: 5px; 
 font-size: 80%;
 padding: 3px 3px 3px 3px;
 border: 1px solid #999999;
 }


/* float-specific CSS styles */

/* this is complete garbage that every browser except IE 6 and earlier 
ignores - forces IE6 and earlier to see the LI background as part of the link */
* html #top_nav_bar a{
 height: 1px;
}

#top_nav_bar ul{
 margin: 0;
 padding: 0;
 list-style: none;
 }

#top_nav_bar li{
 float: left;
 width: 6.7em;
}
 
#top_nav_bar a {
 background-image:url(images/navbar_bg.gif);
 background-position: left center;
 border: 1px solid #999999;
 border-left: none;
 color: #000;
 display: block;
 font-size: 80%;
 padding: 5px 5px 5px 5px;
 text-decoration: none;
}

#top_nav_bar a:hover{
 font-weight: bold;
}

#sidebar hr{
  height: 1px;
  background-color: #999999;
  color: #999999;
  width: 100%;
}