
/** Global styles **/

body
{
	background:#2C2C2C url('images/background.jpg') repeat-x;
	margin:0;
}

a
{
	color:#006699;
}

form
{
	width:294px;
	margin:0 auto;
	border:1px solid #000;
}

#header
{
	background-image:url('images/header2.jpg');
	color:#333;
	height:48px;
	width:800px;
	margin:0 auto;
	font:bold 20px Verdana,Arial,Helvetica;
	text-align:center;
	border-bottom:1px solid #878787;
}

#main_container
{
	background-color:#fff;
	width:800px;
	margin:0 auto;
}

#page_left_container
{
	background-color:#eee;
	width:219px;
	height:535px;
	border-right:1px solid #333;
	float:left;
	padding:0 15px 15px 15px;
	overflow:scroll;
}

#page_left_container h3
{
	font:bold 16px "Times New Roman",Times;
	margin:15px 0 5px 0;
	padding:0 0 1px 0;
	border-bottom:1px solid #000;
}

#page_left_container form
{
	width:auto;
	margin:0;
	border:0;
}

#page_left_container p
{
	font:13px "Times New Roman",Times;
	margin:15px 0;
}

#page_left_container ul
{
	font:13px/20px "Times New Roman",Times;
	margin:0;
	padding-left:0;
	list-style-type:none;
}

#page_left_container li
{
	padding:1px 0;
}

#page_right_container
{
	position:relative;
	width:550px;
	height:550px;
	float:right;
}

#page_right_container h3
{
	font:bold 20px "Times New Roman",Times;
	text-align:center;
	margin:15px 0;
}

#page_right_container p
{
	font:15px "Times New Roman",Times;
	text-align:center;
	margin:15px 0;
}

#page_right_container ul
{
	text-align:center;
	margin-left:0;
	padding-left:0;
}


/** manage_events.php styles **/

#manage_buttons
{
	text-align:center;
}

#manage_buttons input
{
	font:bold 12px Arial,Helvetica;
	background-color:#ddd;
	color:#317B9F;
	padding:2px;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}

#button_left
{
	width:115px;
}

#button_right
{
	width:75px;
}

.bullet_container
{
	width:209px;
}

.bullet_left
{
	float:left;
	width:175px;
}

.bullet_right
{
	float:right;
	width:34px;
	text-align:right;
}

.event_details
{
	background-color:transparent;
	font:bold 13px "Times New Roman",Times;
	color:#006699;
	text-decoration:underline;
	border:0;
	margin:0;
	padding:0;
	cursor:pointer;
	display:block;
	width:53px;
}


/** footer.php.styles **/

#footer_container
{
	background-color:#ddd;
	width:100%;
	height:140px;
	position:absolute;
	bottom:0;
}

#footer_container form
{
	width:auto;
	margin:0;
	border:0;	
}

#footer_container input
{
	background-color:transparent;
	font:15px "Times New Roman",Times;
	color:#006699;
	text-decoration:underline;
	border:0;
	margin:0;
	padding:0;
	cursor:pointer;
	display:block;
	width:63px;
}

#tabs_container
{
	background-color:#fff;
	width:100%;
	height:25px;
}

.tab_spacer1
{
	float:left;	
	width:5px;
}

.tab_spacer2
{
	float:left;	
	width:2px;
}

#tab_left
{
	background-color:#ddd;
	float:left;
}

#tab_right
{
	background-color:#eee;
	float:left;
}

#tab_left p,#tab_right p
{
	font:bold 12px Georgia,Times;
	margin:0;
	padding:5px 7px;
}

#footer_content1,#footer_content2
{
	height:115px;
	width:100%;
	overflow:auto;
}

.daily_events_container
{
	width:100%;
	padding:2% 3%;
	border-bottom:1px solid #000;
}

.day_of_month
{
	font:bold 120px/86px "Times New Roman",Times;
	color:#aaa;
	width:23%;
	float:left;
	border-right:1px solid #000;
	padding-right:1%;
}

.daily_events
{
	width:75%;
	float:left;
}

.event_list_item
{
	margin:0 0 2px 0;
	padding-left:15px;
}

#event_description
{
	padding:10px 20px;
}


/** index.php styles **/

#calendar_container
{
	border:1px solid #000;
	width:294px;
	padding:10px;
	margin:20px auto;
}

#key
{
	width:294px;
	border:1px solid #333;
	padding:5px 0;
	margin:0 auto;
}

#key p
{
	margin:0;
	font-size:14px;
}

#key span
{
	background-color:#FFFF99;
}

#calendar
{
	width:294px;
}

#calendar th
{
	background-color:#ddd;
	text-align:center;
}

#calendar th a
{
	text-decoration:none;
}

#calendar td
{
	width:42px;
	text-align:center;
}

#space
{
	height:10px;
}

.day
{
	color:#aaa;
}

.highlight_day
{
	background-color:#FFFF99;
}

.subtext
{
	font:italic 13px "Times New Roman",Times;
}


/** book_event.php styles **/

.highlight_event
{
	background-color:#FFFF99;
}

.line1
{
	width:274px;
	padding:0 10px 8px 10px;
	border-bottom:1px solid #000;
}

.line2
{
	width:274px;
	padding:8px 10px 0 10px;
	border-top:1px solid #000;
}

#forms_container
{
	width:100%;
}

#form_left
{
	width:55%;
	float:left;
	border:0;
}

#form_right
{
	width:40%;
	float:left;
	border:0;
}

#form_left input
{
	width:135px;
}

#form_right input
{
	width:80px;
}

#form_left p
{
	text-align:right;
}

#form_right p
{
	text-align:left;
}


/** process_booking.php styles **/

.highlight
{
	background-color:#F0EBCD;
	padding:0 3px;
}


/** log-in.php styles **/

#sign-in_div
{
	width:400px;
	height:245px;
	background-color:#D3D3D3;
	border:1px solid #bbb;
	position:absolute;
	top:35px;
	left:50%;
	margin-left:-200px;
}

#sign-in_div p
{
	font:15px "Times New Roman",Times;
	text-align:center;
	margin:15px 0;
}

.input_box
{
	width:105px;
	height:11px;
	font-size:9px;
	padding:0 0 2px 0;
}

.link
{
	font:10px verdana,arial;
	color:#000;
}

.help
{
	position:absolute;
	top:83px;
	left:-30px;
}

.login
{
	position:absolute;
	left:225px;
	top:75px;
}

.instructions
{
	text-align:center;
	margin:20px 0;
}

#left-side
{
	width:175px;
	position:absolute;
	left:55px;
	top:140px;
}

#right-side
{
	width:165px;
	position:absolute;
	left:100px;
	top:140px;
}

#left-side p,#right-side p
{
	margin:0 0 10px 0;
}

#right-side form
{
	margin:0;
}

#logout
{
	font:bold 12px verdana,arial;
	text-align:center;
	margin:13px 0 0 0;
}