body { background-color: #AAAAAA;  color: Black; border: 2px; margin: 0px; font-family: Verdana, Geneva, Arial, Helvetica; background-image: url(/images/street.jpg);}
h1 { font-family: Georgia, "Times New Roman", serif;  font-size: x-large;  font-style: italic;  color: #556B2F;  background-color: #FFFFF0;  border: 1px dashed #556B2F;  padding: 10px 15px 10px 15px; margin: 15px;  white-space: nowrap;      }
h2 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: large;
	color: #2F6A44;
	background-color: transparent;
	margin-right: 25px;
	text-align: right;
	white-space: nowrap;
}
a:link {
  color: #ffffff;
}
  
div#mainContent {
  width:780px;
}

a:visited {
  color: #eeeeee;
}
  

#page {
	margin: 10px;
	padding: 10px;
}
#menu {
	position: absolute;
	width: 150px;
	top: 180px;
	text-align: left;
	font-size: small;
}
#menu a{
	text-decoration: none;
	background-color: #F0FFF0;
	font-weight: bold; 
	display: block; 
	padding: 5px; 
	width: 120px; 
	margin-bottom: 5px; 
	border: 1px solid #8FBC8F;
	color: #556B2F;
}
#menu a:hover {
	background-color: #6B8E23;
	color: White;
	border-top: 1px solid #8FBC8F;
	border-left: 1px solid #8FBC8F;
	border-right: 1px solid #8FBC8F;
	border-bottom: 1px solid #2F4F4F;
}
#options a{
	background-color: #6B8E23;
	color: White;
	border-top: 1px solid #8FBC8F;
	border-left: 1px solid #8FBC8F;
	border-right: 1px solid #8FBC8F;
	border-bottom: 1px solid #2F4F4F;
}
#content {
	position: absolute;
	border-left: 1px solid green;
	padding-left: 20px;
	left: 170px;
	top: 180px;
}
#content p {
	padding-left: 30px;
	font-size: small;
}

#review {
  position: absolute;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  left: 230px;
  top: 120px;
  width: 400px;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: bold; 
}
#review p {
  border-right: 1px solid black;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
  padding-left: 30px;
  font-size: 12px;
}

.comments {
	background-color: white;
   padding-top: 10px;
   padding-right: 5px;
   padding-left: 5px;
   padding-bottom: 5px;
}
.comment {
  padding-top: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.comment-info {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-bottom: 5px;
  font-weight: normal;
}
.comments a:visited {
  color: #333322;
}
.comments a:link {
  color: #333333;
}

#notes {
  border-right: 1px solid black;
  padding-right: 20px;
  left: 15px;
  width: 300px;
}
#notes p {
  padding-left: 30px;
  font-size: small;
}

#photos {
  position: absolute;
  padding-right: 20px;
  left: 15px;
  top: 120px;
  width: 250px;

}
.photo-caption {
  font-weight: bold; 
  font-size: 10px;
  color: #000000;
  padding: 2px;
  width: 240px;
}
#street-name {
  position: absolute;
  background-color: #FFFFFF;
  border-right: 2px solid black;
  font-weight: bold; 
  font-size: 45px;
  color: #000000;
  border-bottom: 2px solid black;
  left: 5px;
  top: 5px;
  padding: 10px;

}

.heading {
  border-right: 2px solid black;
  border-top: 2px solid black;
  font-weight: bold; 
  font-size: 12;
  color: #000000;
  border-bottom: 2px solid black;
  padding: 2px;
}
.street-date {
  position: absolute;
  left: 5px;
  top: 83px;

}

#logo-menu {
  position: absolute;
  background-color: #dddddd;
  font-weight: bold;
  font-size: 30px;
  color: #000000;
  right: 255px;
  top: 5px;
  padding: 10px;
}

#first-photo {
  position: absolute;
  background-color: #ffffff;
  right: 5px;
  top: 5px;
  padding: 10px;
}

#logo-menu a {
  background-color: #ffffff;
  color: #000000;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  padding: 2px;
  padding-top; 2px;
  padding-bottom; 2px;
/*  font-size: 10px;*/
  margin:0px;
}

#logo-menu a img {
	margin:0px;
}
#other-streets {
  position: absolute;
  right: 5px;
  top: 153px;
  border: 1px solid black;
  padding: 5px;
  background-color: #333333;
  color: #ffffff;
  font-size: 12px;
}
#other-streets a {
  text-decoration: none;
  color: #999999;
}
#other-streets a:hover {
  text-decoration: underline;
}

.visited-street {
	font-weight: bold; 
    color: #ffff00;
}
.unvisited-street {
	font-weight: normal; 
}
  
#footer {
	border: 1px dotted black;
	color: #556B2F;
	background-color: #FAFAD2;
	margin-top: 20px;
	margin-bottom: 20px;
}
a { color: Maroon; text-decoration: none; background-color: transparent;}
a:hover {
	text-decoration: underline;
}
.article-footer {
	text-align: right;
	font-size: xx-small;
	color: Gray;
	padding-bottom: 15px;
}
.author, .datetime {
	font-weight: bold;
	color: #4F4F4F;
}
.article-title {
	font-size: large;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Sans-serif;
	font-style: italic;
}
#content form {
	padding-left: 30px;
	font-size: small;
	vertical-align: middle;
	}
#content form p{  }
.textbox {
	border: 1px solid gray;
	margin: 5px;
}
.button { border: medium outset;  background-color: #F5F5F5; margin-left: 150px;  color: black; margin-top: 10px;}


/*input {
  border: 1px #AAA outset;
  background: #555;
  color: #FFF;
  text-align: center
  padding: 15px;
  margin: 15px;
}*/

form div.error {
  color: #660000;
}

textarea, input {
  border: 1px #999 inset;
  background: #555555;
  color: #FFF;
  margin: 5px;
}

form div.topErrorMessage {
  background-color: #ffffe1;
  border: 1px solid #ff0000;
  color: #ff0000;
  padding: 5px;
  margin: 10px;
}