
body {
  background-color: #800000;
  margin: 0px auto;
  width: 1000px;
  height: 100%;
  font-size: 10pt;
  /* from cake.generic */
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
}
div {
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}
form#EventEditForm label,
form#EventAddForm label {
	display: block;
	float: left;
	width: 120px;
}
div#announcementsView {
	text-align: center;
}
div#announcementsView p {
	text-align: left;
}

div#content .events.form {
	height: 320px;
}
/*
div#content .events.index legend {
	position: relative !important;
	float: right !important;
}
*/

input#EventName,
textarea#EventDescription {
	width: 420px;
}
div#EventRecursChoices {
	margin-left: 120px;
}
div#EventRecursDaily input {
	float: left;
}
div#EventRecursDaily input#EventRdWeeks {
	float: none;
}
div#EventRecursDaily div.input {
	float: left;
}
div#EventRecursDaily label {
	width: 20px;
}


#features {
	text-align: center;
}
#features fieldset{
	margin-top: 10px;
}
div.inner {
	padding: 5px;
}
div#calendarTypeSpanSelection  {
	border: 1px solid red;
	padding: 3px;
	width: 280px;
	margin-left: auto;
	margin-right: auto;
}
form#EventIndexForm select {
	float: left;
}
form#EventIndexForm div.submit {
	width: 50px;
	float: right;
}

div#body {
  height: 100%;
}
div#container {
  border: 2px solid black;
  background-color: #ffffff;
}
div#header {
  height: 120px;
  background: #ffa500 url('/img/24hc_banner1.jpg') no-repeat scroll center;
}
div#navigation {
	text-align: center;
	color: #ffffff;
	
  float: left;
  width: 20%;
  background-color: #cc0000;
}
div#content {
  width: 60%;
  float: left;
  background-color: #ffffff;
}
div#features {
  float: right;
  width: 20%;
  background-color: #0000ff;
  color: #ffffff;
}

div#features a {
	color: #ffff66;
}

div#features fieldset {
	padding: 4px 2px;
	text-align: center;
}
div#navigation .input input{
	border: 2px solid #ffaaaa;
	text-align: center;
	width: 75%;
	height: 15px;
}
div#features .input input {
	border: 2px solid #aaaaff;
	text-align: center;
	width: 75%;
	height: 15px;
}

div#footer {
	text-align: center;
}


/** CALENDAR **/
#cal {
	margin: 4px auto;
  text-align: center;
  background-color: #000000;
}
.cal_lastmonth {
  background-color: #990000;
}
.cal_nextmonth {
  background-color: #990000;
}
.cal_thismonth {
  background-color: #cc0000;
}
.cal_weekday {
  background-color: green;
}
.cal_today {
  background-color: #009900;
}
.cal_dayselected {
  background-color: #999900;
}
.cal_nextmonth:link, .cal_lastmonth:link  {
  color: #aaaaaa;
}
.cal_thismonth:link  {
  color: #ffffff;
}
a.cal_day, a.cal_day:link, a.cal_day:visited, a.cal_day:hover, a.cal_day:active  {
  text-decoration: none;
  color: #ffffff;
}





