@charset "utf-8";
/* CSS Document */
Body {background-color:#000000; font-family:'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif;  color:#222;}
p {font-family:'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif; color:black; font-size: 11px; }
a {font-family:'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif; color:#fff; font-size: 11px; text-decoration:none; }
a:hover {font-family:'Lucida Sans Unicode', Verdana, Helvetica, Arial, sans-serif; color:#FF0099; font-size: 11px; }
#container { margin:auto; width:775px; padding:0; height:100%}
.calendarDiv a {color:black; font-size:11px; line-height:110%;}
.event a:hover, .calendarDay a:hover {color:#F0099;}
#background { width:750px; height:100%; background-color:#222; margin-top:0px; margin-bottom:10px; padding:10px;}
#logo {height:110px;}
#footer {margin:auto; color:#FFFFFF; margin-top:90px;}
#footer a:hover {margin:auto; color:#0099FF;}

.calendarDiv {
				z-index:20;
		     }
			 
.calendarTable {
				 border-color:#333333;
				 border-width:1px;
				 width:750px;
				 height:520px;
				 empty-cells:show;
 				 z-index:20;
			   }
			   
.calendarDaysOfWeek {
						background-color:#FFFFFF;
						text-align:center;
						font-weight:bold;
						color:#222;
					}			   

.calendarHeader {
					height: 10px;
					width: 100px;
					border-width: 1px;
					border-color:#222;
					background:#FF0099;
					color:white;
					font-size:14px;
					margin-right:20px;				
				}
				
.calendarDayRow {
				}				
				
.calendarDay {
				width: 100px;
				height: 100px;
				border-width: 1px;
				border-color:#333333;
				vertical-align:text-top;
				/*background-color:#ffffff;*/
				padding:3px;
				text-align:left;
			 }	
			 							
.calendarDayNumber {
						color:#000000;
						font-size:11px;
						font-weight:bold;
			 	   }	
				   
.calendarMonthName {
						font-size:18px;
						color:#FF0099;
						z-index: 30;
						text-align:left;
				   }	
				   
.calendarPreviousMonth {
							float:right;
							color:white;
							font-size: 0.25em;
							padding-right:10px;
							bottom:0;
					   } 	
					   
.calendarPreviousMonth a:link, .calendarPreviousMonth a:hover, .calendarPreviousMonth a:visited, .calendarPreviousMonth a.activate {
									color:#FF0099;
									text-decoration:none;
								  }					   
					   			  
.calendarNextMonth {
							float:right;
							color:white;
							font-size: 0.25em;
							bottom:0;

					   } 				  
					   
.calendarNextMonth a:link, .calendarNextMonth a:hover, .calendarNextMonth a:visited, .calendarNextMonth a.activate {
									color:#FF0099;
									text-decoration:none;
								  }
					    				   
.imageTest	{
				position:absolute;
				top: 0px;
				left: 40px;
				z-index: 0;
			}			
			
#eventDetailDiv {
					position: absolute;
					visibility: hidden;
					width: 400px;
					height: 300px;
					left: 20px;
					top: 300px;
					background-color: #ccc;
					border: 1px solid #000;
					padding: 10px;
				}		
				
#closeDiv {
	float: right;
}
	#menu { height: 40px; width: 775px; overflow:hidden; clear:both; margin-bottom:10px; float:left; margin:auto; }
#menu ul { margin:0; padding:0; height: 30px; float:left; width:100%; font-size:11px; text-indent:0;}
#menu ul li {list-style:none; background-position: 0px 0px; display:block; overflow:hidden; height:30px; width:140px; margin-right:13px; float:left; }
#menu ul li a {padding-top:8px; width:140px; float:left; margin:0; text-decoration:none; color:#FFF; font-size:10px; background:url(../images/bar.gif);}
#menu ul li a:hover, #menu ul li .current {background-position: 0px -30px;}


#menubottom { height: 40px; width: 775px; overflow:hidden; clear:both; float:left; left:0;  }
#menubottom ul { margin:0; padding:0; height: 30px; float:left; width:100%; font-size:11px; text-indent:0; }
#menubottom ul li {list-style:none; background-position: 0px 0px; display:block; overflow:hidden; height:30px; width:140px; margin-right:13px; float:left; }
#menubottom ul li a {padding-top:5px; height:30px; width:140px; float:left; margin:0; text-decoration:none; color:#FFF; font-size:10px; background:url(../images/bottombar.gif);}
#menubottom ul li a:hover, #menubottom ul li .current {background-position: 0px -30px;}


#glasses {background:url(../images/glasses.gif) no-repeat; float:right;  margin-top:-45px; clear:all; z-index:1; clear:both; width:100px; height:50px; margin-right:-43px;}