.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */
body {
	margin: 0px;
	padding: 0px;
}
#messageContainer { width: 903px; }
#messageFormatting { font-family: Arial, Helvetica, sans-serif; text-align: center; font-weight: bold; width:100%; color: #cc0000; margin: 3px 3px 5px 3px; padding: 5px; border-style: solid; border-width: 2px; border-color: #990000; background-color: #ffeeee; }
#mainContainer { width: 923px; height: auto; margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; }
#leftContainer { width: 198px; margin: 0; float: left; }
#rightContainer { float: right; width: 705px; height: 100%; margin: 0; text-align: left; }
#noEvents { width: 705px; height: auto; margin: 5px 0; font-size: 14px; font-weight: bold; line-height: 16px; text-indent: 10px; color: #999999; }
.item {
	width: 705px;
	height: auto;
	padding: 5px 0;
	color: #000000;
	text-decoration: none;
	background-color: transparent;
}

.dayRow1 {
	width: 685px; height: auto; margin: 5px 10px; font-size: 12px; font-weight: bold; line-height: 14px;
}
.dayRow2 {
	width: 675px; margin: 0 10px; font-size: 12px; line-height: 14px;
}
.weekRow1 {
	color: #0d2b88; margin: 10px 0 0 0; font-size: 12px; font-weight: bold; line-height: 14px;
}
.weekRow2 {
	width: 705px; height: 2px; margin: 5px 0; background-color: #0d2b88; font-size: 2px; line-height: 2px;
}

.category_item {
	width: 196px; 
	margin: 0 !important; 
	padding: 0 !important; 
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	background-color: #cccccc;
	border-style: none !important;
}

.category_item_link {
	display: block; 
	width: 196px; 
	height: 100%; 
	line-height: 18px;
	padding: 1px 0 1px 0; 
	color: #000000; 
	background-color: #cccccc; 
	text-decoration: none;
	text-indent: 10px;
	border-style: none !important;
}

.category_item_link:hover {
	text-decoration: none;
	background-color: #8ba1c8;
}

.category_item_selected
{
	width: 196px; 
	margin: 0 !important; 
	padding: 0 !important; 
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	background-color: #3b6cc8;
	border-style: none !important;
}

.category_item_link_selected
{
	display: block; 
	width: 186px; 
	height: 100%; 
	padding: 1px 0 1px 10px; 
	color: #ffffff; 
	background-color: #3b6cc8; 
	text-decoration: none;
	border-style: none !important;
}

.category_item_link_selected:hover
{
	text-decoration: none;
}

.btncurrent, .btncurrent_selected {
	float: left;
	display: block;
	border-style: none !important;
	margin: 4px 0;
	padding: 0;
	width: 55px;
	height: 23px;
	text-decoration: none !important;
}

.btncurrent {
	background-image: url(/ical/images/btncurrent.gif);
	background-repeat: no-repeat;
}

.btncurrent:hover {
	background-image: url(/ical/images/btncurrent_hover.gif);
	background-repeat: no-repeat;
}

.btncurrent_selected {
	background-image: url(/ical/images/btncurrent_selected.gif);
	background-repeat: no-repeat;
}

.btnday, .btnday_selected {
	float: left;
	display:block;
	border-style: none !important;
	margin: 4px 0;
	padding: 0;
	width: 38px;
	height: 23px;
	text-decoration: none !important;
}

.btnday {
	background-image: url(/ical/images/btnday.gif);
	background-repeat: no-repeat;
}

.btnday:hover {
	background-image: url(/ical/images/btnday_hover.gif);
	background-repeat: no-repeat;
}

.btnday_selected {
	background-image: url(/ical/images/btnday_selected.gif);
	background-repeat: no-repeat;
}

.btnweek, .btnweek_selected {
	float: left;
	display:block;
	border-style: none !important;
	margin: 4px 0;
	padding: 0;
	width: 45px;
	height: 23px;
	text-decoration: none !important;
}

.btnweek {
	background-image: url(/ical/images/btnweek.gif);
	background-repeat: no-repeat;
}

.btnweek:hover {
	background-image: url(/ical/images/btnweek_hover.gif);
	background-repeat: no-repeat;
}

.btnweek_selected {
	background-image: url(/ical/images/btnweek_selected.gif);
	background-repeat: no-repeat;
}

.btnmonth, .btnmonth_selected {
	float: left;
	display:block;
	border-style: none !important;
	margin: 4px 0;
	padding: 0;
	width: 48px;
	height: 23px;
	text-decoration: none !important;
}

.btnmonth {
	background-image: url(/ical/images/btnmonth.gif);
	background-repeat: no-repeat;
}

.btnmonth:hover {
	background-image: url(/ical/images/btnmonth_hover.gif);
	background-repeat: no-repeat;
}

.btnmonth_selected {
	background-image: url(/ical/images/btnmonth_selected.gif);
	background-repeat: no-repeat;
}

.selectedlink, .nowlink {
	display: block; 
	width: 28px !important; 
	height: 28px; 
	line-height: 28px;
	vertical-align: middle;
	text-decoration: none; 
	color: #ffffff; 
	font-size: 14px;
	font-weight: bold;
}

.selectedlink:hover, .nowlink:hover {
	text-decoration: none; 
}

.othermonthlink {
	display: block; 
	width: 28px !important; 
	height: 28px; 
	line-height: 28px;
	vertical-align: middle;
	text-decoration: none; 
	color: #000000; 
	font-size: 14px;
	font-weight: bold;
}

.othermonthlink:hover {
	text-decoration: none; 
}

.othermonthlinkselected, .calendarlinkselected {
	display: block; 
	width: 28px !important; 
	height: 28px; 
	line-height: 28px;
	vertical-align: middle;
	text-decoration: none; 
	color: #000000; 
	font-size: 14px;
	font-weight: bold;
	background-image: url(/ical/images/day_selected.gif);
	background-repeat: no-repeat;
}

.calendarlink { 
	display: block;
	width: 28px !important; 
	height: 28px; 
	line-height: 28px;
	vertical-align: middle;
	text-decoration: none; 
	background-image: url(/ical/images/day.gif); 
	background-repeat: no-repeat;
	color: #000000; 
	font-size: 14px;
	font-weight: bold;
}

.calendarlink:hover { text-decoration: none; background-image: url(/ical/images/day_hover.gif); background-repeat: no-repeat; }
.link { margin: 0; text-decoration: none; color: #000000; }
.linkprev { margin: 0; float: left; border-style: none; width: 28px; height: 23px; background-image: url(/ical/images/leftarrow.gif); background-repeat: no-repeat; text-decoration: none; }
.linkprev:hover { background-image: url(/ical/images/leftarrow_hover.gif); background-repeat: no-repeat; text-decoration: none; }
.nolinkprev { margin: 0; float: left; border-style: none; width: 28px; height: 23px; background-image: url(/ical/images/leftarrow.gif); background-repeat: no-repeat; text-decoration: none; }
.linknext { margin: 0; float: left; border-style: none; width: 28px; height: 23px; background-image: url(/ical/images/rightarrow.gif); background-repeat: no-repeat; text-decoration: none; }
.linknext:hover { background-image: url(/ical/images/rightarrow_hover.gif); background-repeat: no-repeat; text-decoration: none; }
.nolinknext { margin: 0; float: left; border-style: none; width: 28px; height: 23px; background-image: url(/ical/images/rightarrow.gif); background-repeat: no-repeat; text-decoration: none; }
.itemlinkprev { margin: 0; float: left; border-style: none !important; width: 29px; height: 23px; background-image: url(/ical/images/centertop_left.gif); background-repeat: no-repeat; text-decoration: none; }
.itemlinkprev:hover { background-image: url(/ical/images/centertop_left_hover.gif); background-repeat: no-repeat; text-decoration: none; }
.itemlinknext { margin: 0; float: left; border-style: none !important; width: 29px; height: 23px; background-image: url(/ical/images/centertop_right.gif); background-repeat: no-repeat; text-decoration: none; }
.itemlinknext:hover { background-image: url(/ical/images/centertop_right_hover.gif); background-repeat: no-repeat; text-decoration: none; }
.calnav { margin: 0; float: left; width: 130px; height: 23px; line-height: 23px; background-image: url(/ical/images/monthdisplay.gif); background-repeat: no-repeat; text-align: center; vertical-align: middle; }
.itemnav { margin: 0; float: left; width: 617px; height: 23px; background-image: url(/ical/images/centertop_centerbg.gif); background-repeat: repeat-x; line-height: 23px; text-align: center; vertical-align: middle; font-weight: bold; }
#myCalendar { float: left; margin: -10px 10px -10px -11px; color: #000000; background-color: transparent; text-align: center; border: none; }
#myCalendar a { text-decoration: none !important; border-bottom: none !important; }
#myNavigator { width: 705px; height: 23px; color: #000000; background-color: transparent; text-align: center; }
.weekDays { margin: 0; padding: 0; height: 12px !important; color: #000000; background: #a6a6a6; font-size: 11px; font-weight: bold; text-align: center; }
.monthDay { margin: 0; padding: 0; width: 28px; height: 28px; color: #000000; background-image: url(/ical/images/day.gif); background-repeat: no-repeat; font-weight: bold; text-align: center; }
.monthDay:hover { background-image: url(/ical/images/day_hover.gif); background-repeat: no-repeat; }
.openDay { margin: 0; padding: 0; color: #ffffff; background: #3366cc; text-align: center; }
.eventDay { margin: 0; padding: 0; color: #000000; background: #e6c534; text-align: center; }
.toDay { margin: 0; padding: 0; color: #ffffff; background-image: url(/ical/images/today.gif); background-repeat: no-repeat; font-weight: bold; text-align: center; }
.toDay:hover { background-image: url(/ical/images/today_hover.gif); background-repeat: no-repeat; }
.selectedDay { margin: 0; padding: 0; color: #ffffff; background-image: url(/ical/images/day_selected.gif); background-repeat: no-repeat; font-weight: bold; text-align: center; }
.selectedToDay { margin: 0; padding: 0; color: #ffffff; background-image: url(/ical/images/today_selected.gif); background-repeat: no-repeat; font-weight: bold; text-align: center; }
.nonMonthDay { margin: 0; padding: 0; color: #000000; background-image: url(/ical/images/other_month.gif); background-repeat: no-repeat; font-weight: bold; text-align: center; }
.calendarHeader { margin: 0; padding: 0; font-size: 14px; font-weight: bold; background-color: #a6a6a6; color: #000000; }
.monthnav { height: 28px; line-height: 28px; color: #000000; font-size: 14px; font-weight: bold; vertical-align: middle; text-decoration: none; }

/* alright!!! YES!!! let's do some media queries!!! :-) */

@media only screen and (max-width: 1260px) {
	#messageContainer { width: 603px; }
	#mainContainer { width: 723px; }
	#rightContainer { width: 505px; float: right; }
	#leftContainer { float: left; margin: 0; }
	#myNavigator { width: 505px; }
	#noEvents { width: 505px; }
	.item {	width: 505px; }
	.itemnav { width: 427px; font-size: 1em; }
	.dayRow1 { width: 485px; }
	.dayRow2 { width: 475px; }
	.weekRow2 { width: 505px; }
}    

@media screen and (max-width: 800px) {
	#messageContainer { width: 603px; }
	#mainContainer { width: 723px; }
	#rightContainer {  width: 100%; float: none; }
	#leftContainer { float: none; margin: 10px 0 0 10px; }
	#myNavigator { width: 505px; }
	#noEvents { width: 505px; }
	.item {	width: 505px; }
	.itemnav { width: 427px; font-size: 1em; }
	.dayRow1 { width: 485px; }
	.dayRow2 { width: 475px; }
	.weekRow2 { width: 505px; }
}

@media screen and (max-width: 650px) {
	#messageContainer { width: 460px; }
	#mainContainer { width: 480px; }
	#rightContainer { widht: 480px; }
	#myNavigator { width: 480px; }
	#noEvents { width: 480px; }
	.item {	width: 480px; }
	.itemnav { width: 420px; font-size: 1em; }
	.dayRow1 { width: 480px; }
	.dayRow2 { width: 480px; }
	.weekRow2 { width: 480px; }
}

@media screen and (max-width: 400px) {
	#messageContainer { width: 260px; }
	#mainContainer { width: 280px; }
	#rightContainer { widht: 260px; }
	#myNavigator { width: 260px; }
	#noEvents { width: 260px; }
	.item {	width: 260px; }
	.itemnav { width: 200px; font-size: .7em; }
	.dayRow1 { width: 260px; }
	.dayRow2 { width: 260px; }
	.weekRow2 { width: 260px; }
}