body {
	background: #ccc;
	margin:     0;
	padding:    0;
}

a img {
  border: none;
}

a {
  border:0;
}

.clear {
  clear: both;
}

#trip_listing {
  border: solid 2px #430042;
  padding: 5px;
}


#photo_thumbnail {
  border: 1px solid #ccc;
  width: 150px;;
  text-align: center;
  float: left;
  margin-right: 10px;
}

.fieldWithErrors {
  display: inline;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #CF0000;
  padding: 0px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: 0px;
  background-color: #c00;
  color: #fff;
}
#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 8px;
}
#errorExplanation ul {
  margin: 2px 24px;
}
#errorExplanation ul li {
  font-size: 12px;
  list-style: disc;
}














#flash_notice, #flash_error {
  padding:  5px 8px;
  margin:   10px 0;
}

#flash_notice {
  background-color: #CFC;
  border:           solid 1px #6C6;
}

#flash_error {
  background-color: #FCC;
  border:           solid 1px #C66;
}

#topnav {
  color:            white;
  font:             10px Verdana, Arial, Helvetica, sans-serif;
  padding-left:     10px;
}

#topnav a:link, #topnav a:visited, #topnav a:active{
  color:            white;
  text-decoration:  none;
}

#topnav a:hover{
  font-weight:      bold;
  text-decoration:  none;

}

#container{
  background: #FFFDE9;
  border:     1px #CFCB9E solid;
  margin:     5px auto;
}

#leftcol{
  padding:  5px 8px;
  width:    156px;
}

#leftcol p{
  line-height:100%;
}

h1, h2, h3 {
  font-family:  Geneva, Arial, Helvetica, sans-serif;;
  font-weight:  bold;
  color:        #430042;
}

h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }

td, p, ul, ol{
  font:         11px Verdana, Arial, Helvetica, sans-serif;
  color:        #430042;
  line-height:  150%;
}

ul, ol{
  line-height:180%
}

a:link, a:visited, a:active{
  color:#8b0094;
  text-decoration:underline;
}
a:hover{
  color:          white;
  background:     #8b0094;
  text-decoration:underline;
}

#footer{
  color:      black;
  font:       10px Verdana, Arial, Helvetica, sans-serif;
  line-height:150%;
}
#footer a:link, #footer a:visited, #footer a:active {
  color: black;
  text-decoration:none;
  background:none;
}

#footer a:hover {
  color:            black;
  text-decoration:  underline;
  background:       none;
}

.white { color: white; }
.purple { color:#430042; }
.light-purple { color:#8b0094; }
.black { color:black; }