._calendar {
	margin: 10px;
	padding: 10px;
	float: left;
}

._calendar table {
	width: 700px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

._calendar table th {
	border: 1px solid #ccc;
	border-width: 0 1px 1px 0;
	text-align: center;
	font-weight: bold;
	background-color: #eee;
	font-size: 0.7em;
	padding: 5px;
}

._calendar table td {
	width: 14%;
	font-size: 0.8em;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	height: 50px;
	padding: 5px;
	vertical-align: top;
}

._calendar table td b {
	color: #333;
	font-size: 11px;
}

._calendar ul {
	border-top: 1px dotted #ccc;
	margin-top: 2px;
}

._calendar ul li {
	font-size: 0.8em;
	border: 1px dotted #ccc;
	border-width: 0px 0 1px 0;
	padding: 5px 2px 5px 2px;
}

._calendar ul li:hover {
	background-color: #fff9d9;
	color: #897444;
}

._calendar ul li.toggle {
	text-align: right;
}

._details {
	float: left;
	width: 200px;
}

._details div {
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 10px;
	margin-bottom: 10px;
}

._details div h3 {
	font-family: "Arial",Arial,sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}

._details div h4 {
	font-size: 0.8em;
	line-height: 1.2em;
}

._details div p {
	font-size: 0.8em;
	line-height: 1.1em;
	margin: 1.0em;
}

._details p small {
	font-size: 0.7em;
	text-align: right;
}

/*** MENU CSS ***/
._menu {
	width:100%; 
	height:auto; 
	font-size:0.85em; 
	position:relative; 
	z-index:100;
	border-right: 1px solid #ccc;
	font-weight: bold;
}
/* remove all the bullets, borders and padding from the default list styling */
._menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
._menu li {
	float:left;
	//width:149px;
	position:relative;
	list-style-type:none;
	margin-left: 0px;
	margin-right: 2px;
}
/* style the links for the top level */
._menu a, ._menu a:visited {
	display:block;
	font-size:11px;
	text-decoration:none; 
	color:#33466d; 
	//width:138px; 
	height:auto; 
	border: 1px solid #ccc;
	border-width: 0px 1px 1px 0px; 
	background:#eee; 
	padding-left: 5px; 
	padding-right: 5px;
	line-height: 25px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
._menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:25px;
	left:0;
	//width:149px;
	border-top:1px solid #ccc;
}


/* style the table so that it takes no ppart in the layout - required for IE to work */
._menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}

/* style the second level links */
._menu ul ul a, ._menu ul ul a:visited {
	background:#eee;
	color:#33466d;
	height:auto;
	line-height:1em;
	padding:5px 5px;
	width:128px;
	border-width:0 1px 1px 1px;
}

/* style the top level hover */
._menu a:hover, ._menu ul ul a:hover{
	color:#919eac;
}

._menu :hover > a, ._menu ul ul :hover > a {
	color:#919eac;
}

/* make the second level visible when hover on first level list OR link */
._menu ul li:hover ul,._menu ul a:hover ul{
	visibility:visible;
}

/* calendar
table.calendar { margin-left:20px; border-left:1px solid #999; border-collapse:collapse; }
tr.calendar-row { }
td.calendar-day { min-height:80px; font-size:1.0em; position:relative; margin:0; padding:0; }
* html div.calendar-day { height:80px; }
td.calendar-day:hover { background-color:#eceff5; margin:0; padding:5px; }
td.calendar-day-np { background-color:#eee; margin:0; padding:0; min-height:80px; }
* html div.calendar-day-np { height:80px; }
td.calendar-day-head { background-color:#ccc; font-weight:bold; text-align:center; width:126px; padding:5px; margin:0; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number { background:#999; padding:5px; color:#fff; font-weight:bold; float:right; clear: both; margin:-5px -5px 0 0; width:20px; text-align:center; }
td.calendar-day, td.calendar-day-np { width:126px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; margin:0; }
*/
table#calendar a {text-decoration: none;}
tr#days th {width: 14%;}
tr#days th.Saturday, tr#days th.Sunday {width: 15%;}
table#calendar tr#days th {color: #CCE; background-color: #557;
   font-weight: bold; text-align: center;
   padding: 1px 0.33em;}
table#calendar tr#title th {background: #9CF; color: black;
   border: 1px solid #242; font-size: 120%;}
table#calendar td { height:100px; vertical-align: top; padding: 0;
   border: 0px solid gray; border-width: 0 0 1px 1px;}
table#calendar td.Saturday {border-right: 1px solid gray;}
table#calendar a {font-weight: bold; display: block; margin: 0;}
table#calendar a:link {color: navy; font-size:11px; font-weight: bold; letter-spacing: 0.8px;}
table#calendar a:visited {color: purple; font-size:11px; font-weight: bold; letter-spacing: 0;}
table#calendar a:hover {background: #FF6;}
table#calendar td.Saturday, table#calendar td.Sunday {background: #DDF;}
table#calendar td.jun, table#calendar td.aug {
   background: #AAC; color: #88A;}
table#calendar tr#lastweek td {border-bottom: 2px solid #AAB;}
table#calendar td.holiday {background: #BBF;}
table#calendar td#jul16 {background-color: #6AF;}
td#jul16 div.date {color: #33C; font-weight: bold; background: #CCF;}
div.event {margin: 0.5em;}
div.event span {display: block;}
div.holiday {font-style: italic;}
span.time {font-weight: bold;}
span.loc {color: #555; font-style: italic;}
div.date {float: right; text-align: center;
   border: 1px solid gray; border-width: 0 0 1px 1px;
   padding: 0.125em 0.25em 0 0.25em; margin: 0;
   background: #F3F3F3;}
td.Saturday div.date, td.Sunday div.date {border-width: 0;
   color: gray; background: transparent;}
td.jun div.date, td.aug div.date {border-width: 0;
   color: gray; background: transparent;}