body {
   text-align: left;
   font-family: "trebuchet MS", verdana, helvetica, sans-serif;
   font-size: 80.01%;
   line-height: 1.3em;
   color: #383731;
}

div#headercontainer {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #468cb6;
	color: white;
	border-bottom: 4px solid #1a3d86;
}

div#nav {
    position: absolute;
    left: 400px;
    top: 57px;
}

div#nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

div#nav li {
    float: left;
    margin-right: 10px;
}

div#nav a {
    text-decoration: none;
    color: #9cc0d6;
}

div#nav li.selected a {
    color: white;
}

div.left-column {
    width: 500px;
}

#header h2 {
	font-weight: normal;
	font-size: 2em;
	margin-bottom: 0.5em;
	margin-top: 0.8em;
}

h2 {
	margin-top: 0.3em;
}

#header p {
	color: #9cc0d6;
	margin-bottom: 0.8em;
}

#header a, #header a:visited, #header a:hover {
	color: white;
	text-decoration: none;
}

div#header {
	margin-left: 4em;
}

div#main {
	position:absolute;
	top: 8em;
	left: 4em;
}

.next {
	margin-top: 20px;
	float: right;
}

.right {
    float: right;
}

.previous {
	margin-top: 20px;
	float: left;
}

form table {
    width: 400px;
    margin-top: 20px;
}

form label {
    float: right;
}

form td, th {
    vertical-align: top;
}

table.fieldset td{
    padding-bottom: 15px;
    color: gray;
	font-size: 0.8em;
}

form label {
    font-weight: normal;
    padding-right: 10px;
}

form ul.errorlist {
    list-style-type: none;    
    padding: 0;
    margin: 0;
}

form ul.errorlist li{
    color: red;
}

form textarea {
    height: 4em;
}

textarea#calendar_dates {
    height: 0;
}

form table input, form textarea {
    border: 1px solid #9cc0d6;
    padding: 3px;

}

table {
	border: none;
}
th {
	border: none;
	white-space: nowrap;
}

td {
	border: none;
	padding: 2px 3px;
}

#error_message {
	color: red;
}

.times .time .odd{
	background-color: #bed1dc;
}

.times .time .even {
	background-color: #dae9f0;
}

.times .month .odd{
	background-color: #d3b4c9;
}

.times .month .even {
	background-color: #ead2e3;
}

.times .day .even{
	background-color: #bde4a9;
}

.times .day .odd {
	background-color: #daf4c8;
}

.times .year .even{
	background-color: #e9d6b4;
}

.times .year .odd {
	background-color: #f7ecd2;
}

.times .person th{
	text-align: right;
	padding-right: 10px;
	width: 10%;
}

.times tr.person {
		background-color: #e6e6e6;
}

.times .Y {
	color: #3ca039;
}

.times .N {
	color: #c37f7f; /*#bd3f3f;*/
}

.times .count {
	color: #cccccc;
}

.times td {
	text-align: center;
}

.field_name {
	color: #cccccc;
	padding-right: 15px;
}

td.field_name {
    white-space : nowrap;
    vertical-align: top;
}

.event_heading {
	font-weight: bold;
}

.manager_message {
	font-style: italic;
}

div.eventview {
    width: 500px;
}

#message {
	width: 450px;
	background-color: #bde4a9;
	padding: 10px;
	margin-bottom: 20px;
}

#message.preview {
	background-color: #faf5ba;
}

#message a, #message a:visited, #message a:hover {
	color: #6f8664;
}

div.eventprompt {
	width: 450px;
	margin-top: 30px;
	font-size: 110%;
	font-style: italic;
	color: gray;
	line-height: 1.4em;
}

div#comments {
    width: 450px;
    clear: both;
    margin-top: 100px;
    margin-bottom: 50px;
    padding: 0.6em;
    border: solid 5px #ededed;
}

div#comments .even {
    background-color: #ecf9e3;
}

div#comments .odd {
    background-color: #f6fbf2;
}

div#comments h3 {
    margin-top: 0;
}

div#comments .comment {
    padding: 0.5em;
    color: #7e9878;
    margin-bottom: 3px;
}

div#comments .comment h3{
    font-size: 0.9em;
    font-weight: normal;
    margin-bottom: 0.5em;
}

div#comments .comment .name {
    font-weight: bold;
    color: #566651;
}

div#comments .comment .text {
    color: #383731;
}

div#commentform {
    margin-top: 20px;
}

div#commentform label {
    font-size: 0.9em;
}

div#cotd {
    position: absolute;
    top: 18px;
    left: 650px;
}