body
{
  background-color: #FFFFFF;
  text-align: center;
}
#footerbox
{
    position: relative;
    bottom: -600px; 
    color: #000;
    width: 80%;
    border-top: #4f432c solid 1px;
    text-align: left;
    margin-left:auto;
	margin-right:auto;
	height:50px;
	padding-top:5px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;

}
#footer
{
    text-align: center;
	width: 80%;
	margin: auto;
	padding: 5px;
	border-top: 1px solid #4f432c;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#tripactive
{
    text-align: left;
	background-color: #d3cf8c;
    font-family: Geneve, Arial, Helvetica, sans-serif;
    font: 18px bold;
    width: 100%;
    margin-left:auto;
	margin-right:auto;
    padding:5px;
}
#tripinactive
{
    text-align: left;
	background-color: #d3dfdc;
    font-family: Geneve, Arial, Helvetica, sans-serif;
    font: 18px bold;
    text-decoration: line-through;
    width: 100%;
    margin-left:auto;
	margin-right:auto;
    padding:5px;
}
#triptitle
{
    text-align: left;
	background-color: #d3cf8c;
    font-family: Geneve, Arial, Helvetica, sans-serif;
    font: 18px bold;
    width: 100%;
    margin-left:auto;
	margin-right:auto;
    padding:5px;
}
#commenttop
{
    text-align: left;
	background-color: #e6e4bb;
    font-family: Geneve, Arial, Helvetica, sans-serif;
    font: 13px;
    width: 60%;
    margin-left:0;
    border-bottom: 1px dashed #4f432c;
    margin-right:auto;
    padding:5px;
}
#comment
{
    text-align: left;
	background-color: #eef4bb;
    font-family: Geneve, Arial, Helvetica, sans-serif;
    font: 13px;
    width: 60%;
    margin-left:0;
	border-left: 1px dashed #4f432c;
    border-right: 1px dashed #4f432c;
    border-bottom: 1px dashed #4f432c;
    margin-right:auto;
    padding:5px;
}

#content
{

    text-align: left;
	background-color: #e6e4bb;
    font-family: Geneve, Arial, Helvetica, sans-serif;
    font-size: 13px;
    width: 80%;
    margin-left:auto;
	margin-right:auto;
    border-left: 1px solid #4f432c;
    border-right: 1px solid #4f432c;
	border-bottom: 1px solid #4f432c;
    padding: 15px;
}

#container
{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
#header
{
  text-align: left;
    background-color: #4f432c;
    
  width: 100%;   
  padding-bottom: 20px;
  padding-top: 20px;
  
}
#title
{
  position: relative;
  left: 5%;
  font: normal small-caps 900 50px tahoma;
  color: #dcdab4;
  width: 50%
}
#title2
{

    text-align: left;
	background-color: #c6c4a3;
    font-family: Geneve, Arial, Helvetica, sans-serif;
    font-size: 15px;
    width: 80%;
    margin-left:auto;
	margin-right:auto;
    border: 1px solid #4f432c;
    padding: 15px;
}

a.title{
  text-decoration: none;
  color: #eceac4;
}
a:hover.title{
  color: #eceac4;
}
a:visited.title{
  color: #eceac4;
}


.calendar * { margin: 0; padding: 0; border: 0; font-family: Tahoma, serif; font-weight: normal; color: #000; }
.calendar .invalidday a, .calendar .invalidday a:hover { color: #ccc; background: #fff; cursor: default; }
.calendar .selectedday { background: #ddd; }
.calendar .today { font-weight: bold; color: #f00; }
.calendar a { padding: 0 2px; color: #000; text-decoration: none; }
.calendar a:hover { background: #bbb; }
.calendar table { border-collapse: collapse; font-size: 90%; }
.calendar tbody td { width: 20px; }
.calendar td, .calendar th { padding: 1px; text-align: center; }
.calendar thead td { border-bottom: 1px solid #aaa; }
.calendar thead td { font-weight: bold; }
.calendar thead th a { font-size: 95%; font-weight: bold; }
.calendar thead th { padding: 2px 0; vertical-align: middle; background: #ddd; }
.calendar { padding-bottom: 2px; border: 1px solid #aaa; font-size: small; background: #fff; }
.calendaricon { cursor: pointer; }
.calendarlink, .calendaricon { margin: 0 3px; }