/*   Month   */

div.calendar {display: block;	float: left; clear: both; position: relative; width: 100%;}
div.calendar a {display: block;}
.calendar-list a {color: #303030;}
div.calendar-event table.day {margin-bottom: 25px;}
div.calendar-header, div.calendar-footer {font-family: Arial,Helvetica,sans-serif;font-size: 16px;font-weight: bold;display: block;float: left;clear: both;position: relative;width: 100%;height: 75px;}
div.calendar-footer {	height: auto;margin: 15px 0 20px 0;}
div.calendar-footer form { display: block; position: relative; margin: 0px; padding: 0px; float: left; clear: none; width: 70%; text-align: center; margin: auto;}
div.calendar-footer a {float: left;display: block;clear: none;position: relative;text-align: center;margin-top: 10px;text-decoration: none;color: #1C3D70;}
div.calendar-footer a:hover {text-decoration: underline;}
a.prev, a.next {float: left;display: block;clear: none;position: relative;text-align: center;margin-top: 10px;text-decoration: none;color: #1C3D70;}
a.prev:hover, a.next:hover {text-decoration: underline;}


div.calBodyContent {padding: 30px; background-color: #ecf2fb; margin-left: 3px; margin-right: 3px;}
div.bodyFooter {background: url('../images/bodyFooter.png') top left no-repeat; height: 23px; width: 985px;}
					
div.calendar div.headerText {background: url('../images/bodyHeader.png') top left no-repeat; height: 80px; width: 985px; font-size: 20pt; font-weight: bold;}				
div.calendar div.headerText h1 {padding-top: 35px; padding-left: 35px;}
div.calendar h1 {float: left;clear: none;position: relative;display: block;color: #1C3D70;margin: 0;padding: 0;font-size: 26px;width: 100%;}
div.calendar-header h1 {width: 33%;text-align: center;}
div.calendar-header div.calendarname {float: left;clear: none;position: relative;display: block;width: 100%;}

table.calendar-days {display: block;float: left;position: relative;border-collapse: separate;border-spacing: 2px;}
table.calendar-days th {text-align: center;color: #1C3D70;font-weight: bold;}
table.calendar-days td {width: 125px;height: 100px;text-align: left;padding: 5px 10px 10px 5px;vertical-align: top;}

.notCurrentMonthCell {background-color: #576925;font-weight: bold;}
a.calendarDayNumber {color: #303030;text-decoration: none;font-weight: bold;}
.notCurrentMonthCell a {color: #A6C02E;text-decoration: none;}
.notCurrentMonthCell a:hover, a.calendarDayNumber:hover {text-decoration: underline;}

.currentMonthCell {background-color: #A6C02E;}
a.calendarEventHeadline {color: #fff;font-size: 12px;text-decoration: none;}
a.calendarEventHeadline:hover {text-decoration: underline;}

/*   Event   */
div.calendar table.event {background-color: #ecf2fb; width: 980px;border-collapse: separate;border-spacing: 2px; padding: 25px 0; margin-left: 3px; margin-right: 3px;}
div.calendar table.event th {width: 150px;color: #fff;text-align: right;font-weight: bold;background-color: #576925;padding: 5px;}
div.calendar table.event td {text-align: left;font-weight: bold;background-color: #A6C02E;padding: 5px;color: #404F18;}
div.calendar table.event td a {font-weight: bold;	color: #1C3D70;}
div.calendar table.event tr.headerText {background: url('../images/bodyHeader.png') top left no-repeat; height: 80px; width: 985px;}
div.calendar table.event tr.headerText h1 {padding-left: 35px;}

/*   Day   */
div.calendar table.day {width: 100%;border-collapse: separate;border-spacing: 2px;}
div.calendar table.day th {width: 150px;color: #fff;text-align: right;font-weight: bold;background-color: #576925;padding: 5px;}
div.calendar table.day td {text-align: left;font-weight: bold;	background-color: #A6C02E;	padding: 5px;	color: #404F18;}
div.calendar table.day td a {font-weight: bold;	color: #1C3D70;}

div.calendarday {	display: block;	clear: both; position: relative;width: 70%;	margin: 10px auto 0 auto;}
div.calendar-footer a.back {width: 20%;text-align: center;}
div.calendar-footer a.nextevent, div.calendar-footer a.prevevent {width: 40%;text-align: right;}
div.calendar-footer a.prevevent {text-align: left;}

p.noevents {display: block;float: left;clear: both;position: relative;margin: 15px 0 0 0;padding: 0;font-size: 18px;color: #576925;width: 100%;}
