/* CSS Document */

#wrapper{
	width:830px;
	margin:auto;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	}
	
body{background-color:#cccc33;
}
	
/***************************************************
***************    TOP     *************************
***************************************************/

/**************   LEFT   **************************/
#left_top{
	float:left;
	width:225px;
	height:90px;
	margin-top:20px;
	}
	
#admin_left_top{
	float:left;
	width:830px;
	height:90px;
	margin-top:20px;
	}

#admin_title{
	float:left;
	width:830px;
	height:21px;
	margin-top:8px;
	border:0px;
	}
	
#directions a, #directions a:visited, #directions a:active{
	float:left;
	width:225px;
	height:21px;
	margin-top:8px;
	border:0px;
	background-image:url(buttons/directions.gif);
	color: #000000;
	font-size:16px;
	text-decoration: none;
	}
	
#directions a:hover{
	float:left;
	width:225px;
	height:21px;
	margin-top:8px;
	border:0px;
	background-image:url(buttons/directions_hov.gif);
	color: #000000;
	font-size:16px;
	text-decoration: none;
	}
	
#contact a, #contact a:visited, #contact a:active{
	float:left;
	width:225px;
	height:21px;
	margin-top:8px;
	border:0px;
	background-image:url(buttons/contact.gif);
	color: #000000;
	font-size:16px;
	text-decoration: none;
	}
	
#contact a:hover{
	float:left;
	width:225px;
	height:21px;
	margin-top:8px;
	border:0px;
	background-image:url(buttons/contact_hov.gif);
	color: #000000;
	font-size:16px;
	text-decoration: none;
	}


/**************   CENTER   **************************/	
#center_top{
	float:left;
	width:290px;
	margin-left:30px;
	margin-right:30px;
	height:90px;
	margin-top:20px;
	}	
	
#center_top a, #center_top a:visited, #center_top a:active{
	float:left;
	width:290px;
	height:21px;
	margin-top:8px;
	border:0px;
	background-image:url(buttons/calendar.gif);
	color: #000000;
	font-size:16px;
	text-decoration: none;
	}
	
#center_top a:hover{
	float:left;
	width:290px;
	height:21px;
	margin-top:8px;
	border:0px;
	background-image:url(buttons/calendar_hov.gif);
	color: #000000;
	font-size:16px;
	text-decoration: none;
	}

/**************   RIGHT   **************************/
#right_top{
	float:left;
	width:255px;
	height:90px;
	margin-top:20px;
	}
	
#right_top a, #right_top a:visited, #right_top a:active{
	float:left;
	width:255px;
	height:21px;
	margin-top:8px;
	border:0px;
	background-image:url(buttons/menu.gif);
	color: #000000;
	font-size:16px;
	text-decoration: none;
	}
	
#right_top a:hover{
	float:left;
	width:255px;
	height:21px;
	margin-top:8px;
	border:0px;
	background-image:url(buttons/menu_hov.gif);
	color: #000000;
	font-size:16px;
	text-decoration: none;
	}
	
/***************************************************
**************    LEFT     *************************
***************************************************/

#left_col{
	float:left;
	width:225px;
	border-top: 4px solid black;
	}
	
#left_col img{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 4px solid black;
	}
	
#logo a, #logo a:visited, #logo a:active{
	float:left;
	width:225px;
	height:175px;
	background-image:url(buttons/logo.gif);
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 4px solid black;
	}
	
#logo a:hover{
	float:left;
	width:225px;
	height:175px;
	background-image:url(buttons/logo_hov.gif);
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 4px solid black;
	}
		
	
/***************************************************
**************    CENTER     ***********************
***************************************************/
	
#center_col{
	float:left;
	width:287px;
	margin-left:30px;
	margin-right:30px;
	border-top: 4px solid black;
	}
	
#admin_center_col{
	float:left;
	width:535px;
	margin-left:0px;
	margin-right:30px;
	border-top: 4px solid black;
	}
		
.no_event{
	width: 287px;
	height: 125px;
	border-bottom: 4px solid black;
	margin-top:0px;
	margin-bottom:0px;
	background-image:url(lattice.gif);
	}

.no_event img{
	margin-top:7px;
	float: left;
	}
	
.no_event #day{
	margin-top:8px;
	float: left;
	}
		
.event{
	width: 287px;
	height: 125px;
	border-bottom: 4px solid black;
	margin-top:0px;
	margin-bottom:0px;
	}
	
.event_admin{
	width: 535px;
	height: 180px;
	border-bottom: 4px solid black;
	margin-top:0px;
	margin-bottom:0px;
	}
	
.new_event_admin{
	width: 535px;
	height: 500px;
	border-bottom: 4px solid black;
	margin-top:10px;
	margin-bottom:0px;
	}
	
.event #day{
	margin-top:8px;
	float: left;
	}
	
.event a, .event a:visited, .event a:active{
	float: right;
	color: #000000;
	font-size:20px;
	width:185px;
	margin-top:8px;
	margin-bottom:0px;;
	text-decoration:none;
	}
	
.event a:hover{
	float: right;
	color: #000000;
	font-size:20px;
	width:185px;
	margin-top:8px;
	margin-bottom:0px;;
	text-decoration:none;
	background-color: #bbbbbb;
	}
	
.event p{
	float: right;
	margin-top:2px;
	color: #000000;
	font-size:16px;
	width:185px;
	line-height:21px;
	}
	

#calendar{
	float:left;
	width:575px;
	margin-left:30px;
	border-top: 4px solid black;
	}

.cal_info{
	float:left;
	width: 575px;
	height: 82px;
	border-bottom: 4px solid black;
	padding-top:5px;
	}
	
.cal_info a, .cal_info a:visited, .cal_info a:active{
	text-decoration:none;
	color:#000000;
	font-size:20px;
	}
	
.cal_info a:hover{
	text-decoration:none;
	color:#000000;
	background-color:#bbbbbb;
	font-size:20px;
	}
		
#ci_left{
	float:left;
	width: 164px;
	height: 82px;
	}
	
#ci_right{
	float:left;
	height: 82px;
	width:410px
	}
	
.cal_noevent{
	float:left;
	width: 82px;
	height: 82px;
	border-bottom: 4px solid black;
	margin-top:0px;
	margin-bottom:0px;
	background-image:url(lattice.gif);
	font-size:20px;
	}
	

	
.cal_event{
	float:left;
	width: 82px;
	height: 82px;
	border-bottom: 4px solid black;
	margin-top:0px;
	margin-bottom:0px;
	}
	
.cal_event a, .cal_event a:visited, .cal_event a:active{
	float:left;
	height: 82px;
	width: 82px;
	font-size:20px;
	color:#000000;
	text-decoration:none;
	}
	
.cal_event a:hover{
	float:left;
	height: 82px;
	width: 82px;
	font-size:20px;
	color:#000000;
	text-decoration:none;
	background-image:url(buttons/lilON.gif);
	}
	
.dj_pic{
	height:693px;
	width:287px;
	overflow:hidden;
	border-bottom: 4px solid black;
	}
	
.center_text{
	width: 290px;
	border-bottom: 4px solid black;
	margin-top:0px;
	margin-bottom:0px;
	}
	
.center_text p{
	margin-top:6px;
	color: #000000;
	font-size:16px;
	line-height:21px;
	}
	
.center_text h1{
	color: #000000;
	font-size:20px;
	margin-top:8px;
	margin-bottom:0px;;
	text-decoration:none;
	}
/***************************************************
***************    RIGHT     ***********************
***************************************************/
		
#right_col{
	float:left;
	width:255px;
	border-top: 4px solid black;
	}
	
#admin_right_col{
	float:left;
	width:245px;
	border-top: 4px solid black;
	}
	
.special{
	width:255px;
	height: 90px;
	border-bottom: 4px solid black;
	margin-top:0px;
	margin-bottom:0px;
	}

.admin_special{
	width:245px;
	height: 200px;
	border-bottom: 4px solid black;
	margin-top:0px;
	margin-bottom:0px;
	}
		
.special #day{
	margin-top:7px;
	float: left;
	}	
	
.special p{
	float: right;
	margin-top:6px;
	margin-left:10px;
	color: #000000;
	font-size:16px;
	width:185px;
	line-height:21px;
	}	
	
.right_text{
	width: 225px;
	border-bottom: 4px solid black;
	margin-top:0px;
	margin-bottom:0px;
	}
	
.right_text p{
	margin-top:6px;
	color: #000000;
	font-size:16px;
	line-height:21px;
	}
	
.right_text h1{
	color: #000000;
	font-size:20px;
	margin-top:8px;
	margin-bottom:0px;;
	text-decoration:none;
	}
	
#right_col a, #right_col a:visited, #right_col a:active{
	float:left;
	width:225px;
	height:21px;
	margin-top:8px;
	border:0px;
	background-image:url(buttons/next_event.gif);
	color: #000000;
	font-size:16px;
	text-decoration: none;
	}
	
#right_col a:hover{
	float:left;
	width:225px;
	height:21px;
	margin-top:8px;
	border:0px;
	background-image:url(buttons/next_event_hov.gif);
	color: #000000;
	font-size:16px;
	text-decoration: none;
	}
	
/***************************************************
***************   FOOTER     ***********************
***************************************************/

#footer{
	float: left;
	font-size:8px;
	color: #000000;
	width: 800px;
	padding-top: 75px;
	padding-bottom:25px;
	}