.sb_index { scrollbar-3dlight-color:#192C3B; 
scrollbar-arrow-color:#ffffff; 
scrollbar-base-color:#192C3B; 
scrollbar-darkshadow-color:#192C3B; 
scrollbar-face-color:#192C3B; 
scrollbar-highlight-color:#ffffff; 
scrollbar-shadow-color:#192C3B;
}

#calendar_container{ float:left; width:666px;}

#calendar { width:666px; background-color:#E8E8E8; float:left; border-bottom:1px solid #E8E8E8; font-family:Arial, Helvetica, sans-serif; padding:0px; margin:0px; }

#calendar span.days span { 
						float:left; width:94px;height:32px;background-color:#FAFAFA;
						border-top:1px solid #E8E8E8; border-left:1px solid #E8E8E8;
						font-weight:bold; font-size:14px; text-align:center;line-height:32px; color:#227FC5;}

#calendar a.today { background-color:#C8DBEA;}

#calendar a {
			float:left; width:94px; height:68px; 
			border-top:1px solid #E8E8E8; border-left:1px solid #E8E8E8;
			background-color:#FAFAFA; text-decoration:none; 
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			cursor:pointer;
			color:#095DC0;}

#calendar a:hover { background-color:#C8DBEA; }




#calendar a span.date{float:left; height:46px; width:91px; text-align:right; padding:2px 5px 0px 0px;}
#calendar a span.det{float:left; height:20px; width:91px; line-height:20px; padding:0 5px 0 5px; text-decoration: underline; color:#EC3E1C; font-size:11px;}

div.content { 
			position:absolute; left:150px; top:100px; width:390px;z-index:100; float:left; background-color:#192C3B;
			font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#FFFFFF;	}

div.content span.title { float:left; width:380px; border-bottom:1px solid #8C969F; height:28px; line-height:28px;  padding:0 5px 0 5px; text-align:right; }
div.content span.title span.date { width:330px; float:left; text-align:left;}
div.content span.title span.close { width:40px; float:left; cursor:pointer;}

div.content span.title span.close a { color:#FFFFFF;}

div.content ul.events {float:left; width:390px; padding:20px 0 0 0 ; height:250px; overflow: auto; list-style:none; margin:0px;}
div.content ul.events li.name {width:110px; float:left; padding-left:10px; font-weight:bold; list-style:none; margin:0px;}
div.content ul.events li.desc {width:252px; float:left; padding-bottom:20px;}

#calendar_nav { float:left; width:670px; font-family:Arial, Helvetica, sans-serif; padding-bottom:5px;}

#calendar_nav span.month{ float:left;font-size:18px;color:#E78700; width:200px;}
#calendar_nav span.month a.prev {height:20px; width:20px; background:url(btn_cal_left.gif) no-repeat; text-decoration:none; float:left; margin-right:5px;}
#calendar_nav span.month span { float:left;}
#calendar_nav span.month a.next {height:20px; width:20px; background:url(btn_cal_right.gif) no-repeat; text-decoration:none; float:left; margin-left:5px;}

#calendar_nav span.year{ float:left; width:460px; text-align:right; padding:5px 10px 0 0; height:16px;}
#calendar_nav span.year a { padding-left:15px; font-size:12px; text-decoration:underline; color:#ED3E23;}
#calendar_nav span.year a:hover { text-decoration:none; color:#A6A6A6;}
#calendar_nav span.year a.current { text-decoration:none; color:#A6A6A6;}