@charset "utf-8";
/* CSS Document */

html, body {
	margin:0;
	padding:0;
	height:100%;
	cursor:default;
	}	

img {
	border:none;
	}

h2 {
	font-size:18px;
	color:#333333;
	text-align:center;
	}

.bull {
	font-weight:bold;
	color:#FFFFFF;
}

.td_left {
	height:100%;
	width:140px;
	vertical-align:top;
	background:url(../img/site/left_bottom.gif) repeat-y;
	}
	
.td_right {
	height:100%;
	width:140px;
	vertical-align:top;
	background:url(../img/site/right_bottom.gif) repeat-y;
	}
	
.td_center {
	width:640px;
	vertical-align:top;
	background:url(../img/site/bg.gif);
	}
	
.td_bottom {
	vertical-align:bottom;
	background:url(../img/site/bg.gif);
	}

.table {
	width:920px;
	height:100%;
	}
	
/* ============== LEFT SIDE ==============	*/	

#left_wrapper {
	position:relative;
	float:left;
	width:140px;
	height:100%;
	}

#left {
	position:relative;
	float:left;
	width:50px;
	height:560px;
	background:url(../img/site/left_top.gif);
	}
	
#left_month {
	position:relative;
	float:left;
	width:90px;
	height:560px;
	cursor:pointer;
	}

#left_month img {
	position:relative;
	float:left;
}
	
/* ============== RIGHT SIDE ==============	*/

#right_wrapper {
	position:relative;
	float:left;
	width:140px;
	height:100%;
	}
	
#right {
	position:relative;
	float:left;
	width:50px;
	height:560px;
	background:url(../img/site/right_top.gif);
	}
	
#right_month {
	position:relative;
	float:left;
	width:90px;
	height:560px;
	cursor:pointer;
	}
	
#right_month img {
	position:relative;
	float:left;
}
	
/* ============== CENTER (main) ==============	*/	

#main_wrapper {
	position:relative;
	float:left;
	width:640px;
	height:100%;
	}
	
/* --------- top -------- */

#top {
	position:relative;
	float:left;
	width:640px;
	height:119px;
	background:url(../img/site/top.gif) no-repeat;
	}

#top a:hover {
	color:#e6d016;
	}

#par_vietni {
	position:absolute;
	left:105px;
	top:34px;
	font: 10px Times New Roman;
	font-weight:bold;
	text-decoration:none;
	letter-spacing:.1em;
	color:#534741;
	}

#search_box {
	position:absolute;
	left:436px;
	top:34px;
	width:120px;
	height:15px;
	border:none;
	background:transparent;
	font: 10px Times New Roman;
	font-weight:bold;
	letter-spacing:.1em;
	color:#534741;
	}
	
#search_but {
	position:absolute;
	left:568px;
	top:34px;
	width:15px;
	height:15px;
	border:none;
	background:transparent;
	cursor:pointer;
	}
	
#logo {
	position:absolute;
	left:240px;
	top:0px;
	border:none;
	}
	
#date {
	position:absolute;
	left:60px;
	top:83px;
	width:520px;
	height:15px;
	font: 12px Arno Pro;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	letter-spacing:.1em;
	cursor:default;
	}

#date a {
	text-decoration:none;
	color:#FFFFFF;
	}
/* --------- top end -------- */

#title {
	position:relative;
	float:left;
	width:640px;
	height:auto;
	color:#8e867a;
	font: 24px Arno Pro;
	font-weight:bold;
	cursor:default;
	}

#selected_date {
	position:relative;
	float:left;
	width:640px;
	height:auto;
	color:#534741;
	font: 24px Arno Pro;
	font-weight:bold;
	cursor:default;
	}
#selected_date span {padding-left:25px;}

#bg {
	position:relative;
	float:left;
	width:640px;
	height:100%;
	background:url(../img/site/bg.gif) repeat-y;
	}

#event_place {
	position:relative;
	float:left;
	width:640px;
	height:100%;
	}

.event_break {
	position:relative;
	width:640px;
	height:30px;
	margin-left:auto; 
	margin-right:auto;
	}

.month_link {
	position:relative;
	float:left;
	text-decoration: none;
	border: none;
	padding: 0;
	margin: 0;
	}
	
.month_link img {
	position:relative;
	float:left;
	border: 0;
	padding: 0;
	margin: 0;
	}

/* --------- event -------- */
.event {
	position:relative;
	width:520px;
	height:255px;
	margin-left:auto; 
	margin-right:auto;
	background:url(../img/site/paper.gif) no-repeat;
	}

.e_top {
	position:relative;
	float:left;
	width:520px;
	height:30px;
	}

.e_left {
	position:relative;
	float:left;
	width:15px;
	height:200px;
	}

.e_text {
	overflow:hidden;
	position:relative;
	float:left;
	width:270px;
	height:200px;
	text-align:justify;
	font: 16px Arno Pro;
	font-weight:bold;
	color:#534741;
	}

.e_text a {
	font: 12pt Arno Pro;
	font-weight:bold;
	color:#534741;
	text-align:center;
	font-variant:small-caps;
	padding-left:40px;
	}

.e_text_but {
	position:relative;
	float:left;
	width:25px;
	height:200px;
	}
	
.e_img {
	position:relative;
	float:left;
	width:190px;
	height:150px;
	}

.e_img img {
	padding: 5px;
	border: 1px solid #434343;
}

.e_img_but {
	position:relative;
	float:left;
	width:190px;
	height:30px;	
	font: 14px Arno Pro;
	font-weight:bold;
	color:#534741;
}

.e_img_but img {
	cursor:pointer;
	}
	
.e_img_com {
	position:relative;
	float:left;
	width:190px;
	height:30px;
	text-align:left;
	font: 14px Arno Pro;
	font-weight:bold;
	color:#534741;
	}

/* --------- event end -------- */

#bottom {
	position:relative;
	float:left;
	width:640px;
	height:60px;
	background:url(../img/site/bottom.gif) bottom no-repeat;
	font: 12px Arno Pro;
	text-decoration:none;
	letter-spacing:.1em;
	color:#FFFFFF;
	}

#bottom a {
	font: 12px Arno Pro;
	text-decoration:none;
	letter-spacing:.1em;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	}
	
/* --------- panel -------- */
.panel_bg {background:url(../img/site/bg.gif);}

#top_admin {
	position:relative;
	margin-left:auto; 
	margin-right:auto;
	width:640px;
	height:119px;
	background:url(../img/site/top.gif) no-repeat;
	}
	
#top_admin a:hover {
	color:#e6d016;
	}
	
#main_admin {	
	width:100%;
	height:auto;
	margin-left:auto; 
	margin-right:auto;
	}

.panel_view {
	padding:0px 20px 0px 20px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
		}

.panel_view a {
	text-decoration:none;
	color:#003399;
		}
		
.panel_view a:hover {
	color:#e6d016;
		}

.panel_view th {
	color:#000000;
	font-variant:small-caps;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-bottom: 1px solid #534741;
	background-color: #CCCCCC;
	-moz-opacity: 0.4;
	opacity:.40;
	filter: alpha(opacity=40);
		}

.panel_view td {
	text-align:center;
	border-bottom: 1px solid #534741;
		}
		
#panel_view_event {
	text-align:justify;
	padding-left:5px;
	padding-right:5px;
		}
		
.panel_add_date {
	width:50px;
		}
		
.panel_add_event {
	width:300px;
	height:150px;
		}	
		
.panel_add_photo {
	width:300px;
	background-color:#f4f5dd;
		}
		
.panel_add_info {
	width:300px;
		}
		
h3 {
	color:#534741;
	font: 24px Arno Pro;
	font-weight:bold;
	cursor:default;
		}
	  
#help {
	  background-color:#FFFFCC;
}

#help_wrapper {
		padding: 50px;
	}

.help_text {
	padding:8px;
	text-align:justify;
	line-height:25px;
		}

.close {
	color:#FF0000;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration:none;
	float:right;
		}
		
.close:hover {
	color:#CC0000;
		}

#error_text {
	color:#FF0000;
	}
	
/* --------- panel end -------- */