body{
  margin: 0px;
  padding: 0px;
  background:#a40018 url(../imgs/bg2.jpg) repeat-x ;
  font-family:Arial, Helvetica, sans-serif;
}

.error{
  background: red;
  color: white;
  font-weight: bold;
}

.popupheader{
	width:550px;
	color: #A40018;
	font-size:18px;
  font-weight: bold;
}

.popupcontents{
	width:550px;
  left: 20px;
	height:360px;
  text-align: left;
  overflow: auto;
  color: black;
}

.popupcontents *{
  font-size: 12px;
}

.popupeventheader, .popupeventheader a, .popupcontents a{
	color: #A40018;
  font-weight: bold;
  text-decoration: none;
}

.popupeventheader{
  display: block;
}

.popupeventheader a:hover, .popupcontents a:hover{
  text-decoration: underline;
}

.popupeventdetails{
  color: black;
  margin-left: 1em;
  display: block;
}

#page .popupheader{
  position: relative;
  top: 28px;
}

#page .popupcontents{
	width:500px;
  position: relative;
  top: 48px;
}

#leftdetails{
  position: absolute;
  left: 0px;
  top: 190px;
  display: none;
}

.details{
  width: 200px;
  height: 342px;
  background: url(../imgs/details.jpg);
  color: white;
}

.details h1{
  font-size: 1.25em;
  margin: 0px;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.details div{
  position: absolute;
  top: 50px;
  overflow: auto;
  width: 185px;
  height: 280px;
  margin-left: 8px;
  font-size: 0.75em;
}

.details div p{
  margin-top: 0px;
}

.loader{
  background: url(../imgs/ajax-loader.gif) no-repeat;
  width: 16px;
  height: 16px;
}

#logowrapper{
	text-align:center;
  font-size:20px;
}

#logo{
	background:url(../imgs/logo.gif) no-repeat;
	height:101px;
	width:586px;
  margin: 0 auto;
}

#patchlogo{
	position:relative;
	height:133px;
	width:131px;
	top:-71px;
	left:0px;
  width: 100%;
	text-align:right;
	font-size:20px;
	background:url(../imgs/logopatch.jpg) no-repeat;
  background-position: right; 
}

#wrapper{
	width:100%;
	height:750px;
	margin:0 auto;
	padding:0;
}

#footer{
	position:absolute;
	top:600px;
  width: 100%;
	text-align:center;
	font-size:10px;
  color:#FFFFFF;
}

#footer a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
}

#page{
	position:relative;
  top: 47px;
	width:550px;
	height:428px;
  background:url(../imgs/calbg.jpg);
  text-align: center;
}

.calendar{
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #A40018;
	background-color: #FAFAFA;
	border-collapse: collapse;
	border-spacing: 0px;
	width:453px;
  position: relative;
  top: 28px;
}

.calendar a{
	color: #A40018;
  text-decoration: none;
}

.calendar a:hover{
  text-decoration: underline;
}

.calendar th{
  background: #F1EDC8;
  font-weight: normal;
}

.calendar td{
	border-bottom: 1px solid #999999;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 11px;
	color: #A40018;
	background-color: white;
	border-right:1px solid #999999;
	padding-left: 3px;
	border-left: 1px solid #999999;
	height:48px;
}

td.calendar_past{
  color: #A40018;
  font-weight:bold;
  background:#d1d1d1;
  text-align: left;
  vertical-align: top;
}

td.calendar_today{
  color: #A40018;
  font-weight:bold;
  text-align: left;
  vertical-align: top;
}

td.calendar_future{
  color: #A40018;
  font-weight:bold;
  text-align: left;
  vertical-align: top;
}

.calendar_prev_month{
  color: black;
  float: left;
  position: relative;
  top:20px;
}

.calendar_prev_month a{
  font-weight: bold;
  color: black;
}

.calendar_title{
	color: #A40018;
	font-size:18px;
  display: inline;
  font-weight: bold;
}

.calendar_next_month a{
	color: black;
  float: right;
  display: inline;
  position: relative;
  font-weight: bold;
  top:20px;
}

.calendar_day_header td{
  background: #FAFAFA;
  border-bottom: 1px solid #999999;
  border-right:1px solid #999999;
  border-left:1px solid #999999;
  font-weight:bold;
  font-size:13px;
  text-align:center;
  vertical-align:bottom;
  width: 100px;
  height: 1.25em;
}

td.calendar_blank{
  color: gray;
  background: #FAFAFA;
  width: 100px;
}

.calendar{
}

div .container{
  display: block;
}