/*  
Theme URI: http://www.holyghostsociety.com/
Version: 1.0
Author: ComproDesign
Author URI: http://www.comprodesign.com
*/

/* Fix up IE6 PNG Support */
#logo { behavior: url(includes/js/iepngfix.htc); }

*{ 
	padding:0; 
 	margin:0;
 }
h2{ font:normal 24px/30px "Times New Roman", Times, serif ;
	color:#DF3B26;
	padding-bottom:10px;
	}
h3{ font:normal 18px/24px "Times New Roman", Times, serif ;
	color:#DF3B26;
	padding-bottom:5px;
	}
.header1{
	font:bold 16px/24px Arial, Helvetica, sans-serif;
	color:#333;
	padding-bottom:5px;
	}
.small_txt{font:bold 12px/18px Arial, Helvetica, sans-serif;
	color:#666;
	padding-left:5px;
	border-bottom:1px solid #999;
	}
body {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	line-height:18px;
	background:url(../../images/bg_grad.gif) repeat-x left top;
	background-color:#F0F7E6;
}
.container{
	width:855px;
	margin:0 auto;
	}
	
/*--------header-----------*/
#header {
	width:auto;
	height:72px;
}
#logo h1 {
	margin:0px;
	display:block;
	text-indent:-9999px;
	}
#logo {
	background-image:url(../../images/logo.png);
	background-repeat:no-repeat;
	width:305px;
	height:50px;
	float:left;
	margin:15px;
}
/*---------------language----------------*/
#language{
	float:right;
	width:125px;
	margin:15px 5px;
	}
#language p{
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	}
.floatright
{
float: right;
border: 1px solid #135107;
margin-left:3px;
}
.floatright:hover{
	border: 1px solid #000;
}
/*----------- Menu Formatting ---------------*/
#memu { 
	display: block;
	text-align: center;
	font-size: 120%;
	text-decoration: none;


}

#menu ul { 
	width: 850px; /*If your links text is bigger you will have to adjust this value*/
	height: 39px;
	margin: 0 auto;
	padding: 0;
	line-height: 39px; /*same as height. This will center your text vertically*/
	text-decoration: none;
	background: url(../../images/menu_grad.jpg) repeat-x left top;
	margin-top:8px;
	}

/*Left Corner*/
#menu ul li.left {
	display: block;
	float: left;
	clear: left;
	width: 23px;
	height: 39px;
	background:url(../../images/left_side.jpg) no-repeat left top;
}

/*Right Corner*/
#menu ul li.right {
	display: block;
	float: right;
	clear: right;
	width: 23px;
	height: 39px;
	background:url(../../images/right_side.jpg) no-repeat right top;	
}

#menu ul li { 
	width: auto;
	display: inline;
	float: left;
	list-style: none;
	text-align: center;
	text-decoration: none;
}
			
#menu ul li a { 
	display: block;
	text-decoration: none;
	text-transform: inherit;
	padding: 0 25px;
	color: #FFFFFF ;
	font-weight: bold;
}

#menu ul li em {
	display: block;
	float: left;
	width: 1px;
	height: 39px;
	background:url(../../images/menu_sep.jpg) no-repeat left top;
}

/*last separator*/
/*This will add a separator after your last link*/
#menu ul li.sep {
	width: 1px;
	background: url(../../images/menu_sep.jpg) no-repeat left top;
}
		  
#menu ul li a:hover, #menu ul li a.active { 
	background: transparent url(../../images/menu_over.jpg) repeat-x center top;
	text-decoration: none;
	Color: white;
}

#menu ul li a.active {
	font-weight: bold;
	cursor: default;
}

/*---------------banner-------------------------*/
#whole_banner{
 	border-bottom:1px solid #E4E3E3;
	
	}
#banner{
	width:auto;
	background:url(../../images/banner_left.jpg) no-repeat left top;
	height:207px;
	border:5px solid #FFFFFF;
	clear:left;
	background-color:#9BB9D1;
}
#right_banner{
	background:url(../../images/banner_right.jpg) no-repeat top right;
	width:299px;
	height:207px;
	float:right;
	}
p.green_txt{ font:normal 24px/24px Arial, Helvetica, sans-serif;
	color:#ecfd31;
	margin:30px 15px 5px 15px;
	}
p.green_txt span{ 
	font:normal 16px/24px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-top:5px;

}
/*---------------main-------------------------------------*/
#main-wrapper{
	background-color:#FFFFFF;
	width:855px;
	float:left;
	position:relative;
	overflow:hidden;background-color:#FCFCFC;
	}

#column_left{
    background:url(../../images/main_wrapper_grad.gif) repeat-y left top;
	width:515px;
	float:left;
	padding:10px 20px;
	/*border-right:1px solid #ADACAC;*/
	min-height:450px;
	height:auto !important;
	height:450px;
	}

#column_right{
	/*background:url(../../images/main_wrapper_grad.gif) repeat-y right top;*/
	width:240px;
	float:left;
	padding:10px 20px;
	

		}
#column_menu{
	width:812px;
	padding:10px 20px;
	background-color:#FFFFFF;
		

}
#menucard{
	margin-top:2px;
	background:url(../../images/menucard_bg.gif) repeat-y left top;
	
}
.menucard_top{
	background:url(../../images/menucard_top.gif) no-repeat left top;
	height:5px;
	}
.menucard_bottom{
	background:url(../../images/menucard_bottom.gif) no-repeat left bottom;
	height:5px;

}
#inside_menucard{
	padding:20px 0px 20px 30px;
	background:url(../../images/mid_menucard.gif) no-repeat 6px top;
	width:800px;
	position:relative;
	overflow:hidden;

}
#category_main{
	width:350px;
	float:left;
	margin-right:45px;
	margin-bottom:20px;
	}
	
#category{
	width:auto;
	margin-right:45px;
	margin-bottom:20px;
	border: 0px solid #000;
}
	
p.cat_header{
	font:bold 18px/20px "Courier New", Courier, monospace;
	color:#a73d6a;
	padding-bottom:4px;
}
.sub_list{
	list-style-type:none;
	
}
.sub_list li{
	width:305px;
	display:block;
	padding:0px 0;
	position:relative;
	background:url(../../images/dot_line.gif) repeat-x 	150px 15px;
	margin-bottom:0px;
	}
.sub_list li b{
	background-color:#F9F7F5;
	padding:0px;
	font:normal 12px/18px Helvetica, sans-serif;
	color:#000000;
	}
.sub_list li span{
	width:auto;
	padding:5px 0;
	position:absolute;
	left:310px;
	top:0;

}
/*---------------welcome-----------------------------*/
#welcome{
	width:auto;
	padding:15px 0 ;
	}
/*------------------------- Calendar------------------- */

#calendar_wrap {
	padding: 0 10px 20px 15px;
	border:1px solid #E2E2E2;
	min-height:220px;
	height:auto !important;
	height:220px;
	overflow:visible;
	margin-bottom:15px;
	
}
html>body #calendar_wrap { overflow:auto;}
#calendar_wrap caption{
	font:bold 14px "Times New Roman", Times, serif;
	color:#DF3B26;
	padding:5px;
	}
#calendar_wrap table {
	width:200px;
	float:left;
	text-align: center;
	background: #F6F6F6;
	border: 2px solid #FFFFFF;
	border-collapse: collapse;
	border:1px solid #E2E2E2;
}

#calendar_wrap th, #calendar_wrap td {
	padding: 2px;
	}

#calendar_wrap thead {
	background: #FFFFFF;
	}

#calendar_wrap tbody {
	font-size: .8em;
	font-weight: bold;
}

#calendar_wrap tbody td {
	padding: 5px;
	border:1px solid #CCC;
}

#calendar_wrap tbody a {
	font-size: 1.2em;
	color:#0099CC;
}
#calendar_wrap tbody a:hover {
	font-size: 1.2em;	
	color:#FF0000;
}

#calendar_wrap tfoot {
	background: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .8em;
	
}
#calendar_wrap tfoot a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	color:#1D62B3;
	text-decoration:none;
	
}
#calendar_wrap tfoot a:hover {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
	color:#FF0000;
	text-decoration:none;
	
}

#calendar_wrap tfoot #prev {
	text-align: left;
	}

#calendar_wrap tfoot #next {
	text-align: right;
}

#cal_detail{
	width:200px;
	height:172px;
	float:left;
	border:1px solid #E2E2E2;
	padding:15px 20px;
	margin:0px 10px;
	
}
a.date{
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	color:#0099CC;
	text-decoration:underline;
	padding-bottom:10px;
	}
a.date:hover{
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	color:#DF3B26;
	text-decoration:none;
}
/*-------------------booking-------------------------*/
#booking {
	padding: 0 10px 20px 15px;
	border:1px solid #E2E2E2;
	height:182px;
	margin-bottom:15px;
	background:url(../../images/hall_pic.jpg) no-repeat 15px 15px;
}
#online_btn{
	margin:20px 0px 0 350px;
	font:bold 16px/24px Arial, Helvetica, sans-serif;
	color:#0099CC;
	text-align:center;
}
#online_btn a.blue_btn{
	background:url(../../images/btn_small.jpg) no-repeat left top;
	width:84px;
	height:27px;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
	padding:5px 28px 5px 28px;
	}
#online_btn a.blue_btn:hover{
	color:#DF3B26;
	}
#booking_info{
	margin-top:60px;
	display:block;
	float:left;

}
/*------------------news----------------------------*/
#news{
	width:250px;
	}
p.right_header{
	font:bold 16px/24px arial,"Times New Roman", Times, serif ;
	/*color:#DF3B26;
	border-bottom:1px solid #E2E2E2;*/
	color:#333;
	padding-bottom:3px;
	margin-bottom:5px;
	clear:left;
	
	}
img.left_img{
	float:left;
	padding:3px;
	border:1px solid #E2E2E2;
	margin-right:10px;
	}
.line{
	background:url(../../images/dot_line.gif) repeat-x left 15px;
	width:250px;
	height:20px;
	padding:5px 0 0;
	}
a.more{
	float:right;
	text-decoration:none;
	font:normal 11px/18px tahoma, Arial, Helvetica, sans-serif;
	background:#FCFCFC;
	
	
}
a.more:hover{
	color:#DF3B26;
	}
/*------------------other_info----------------------------*/
#other_info{
	width:auto;
	padding:15px;
	margin-bottom:15px;
	
}
ul.list1{
	list-style-type:none;
	}
ul.list1 li a{
	background:url(../../images/arrow_bullet.png) no-repeat 0 10px;
	width:220px;
	text-decoration:none;
	padding:5px 10px 5px 18px;
	margin-left:10px;
	display:block;
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	color:#0099CC;
	}
ul.list1 li a:hover{
	color:#DF3B26;
	}
/*-----------------aboutus--------------------------*/
#aboutus{
	width:auto;
	padding:15px 0;

}

#gallery_whole{
	width:auto;
	padding:10px 20px;
	}
/*----------------list_news--------------------------*/
#list_news{
  	width:auto;
	padding:15px 0;

}
#topic1{
	padding:5px 10px 10px;
	border:1px solid #E4E3E3;
	background:#FBFBFB;
}
#topic2{
	padding:5px 10px 10px;
	border:1px solid #E4E3E3;
	background:#EFEFEF;
}
/*--------------contactus---------------------------------*/
/* the main layout */

#contentForm {
	display: block;
  	width: 490px;
 	margin:15px 10px 15px 0;
  	background-color: white;
}
/* and now the form formatting itself */

.errormsg {
  	display: block;
  	width: 90%;
  	color: #FFFFFF;
  	font-weight: bold;
  	background: #FF9D9D url(../../images/stop.gif) no-repeat 10px center;
  	padding: 3px 10px 3px 40px;
  	margin: 10px 0;
  	border-top: 2px solid #FF0000;
  	border-bottom: 2px solid #FF0000;
	}

.msgSent {
  	font-size: 20px;
  	text-align: center;
}

#contFrm input {
	margin: 0;
  	padding: 2px;
  	font-size: 1em;
  	color: #666666;
  	background: #FFFFFF;
  	border: 1px solid #ccc;
  	margin: 5px 0;
  	width:200px;
	}
#contFrm textarea {
  	margin: 0;
  	padding: 2px;
  	font-size: 1em;
  	color: #666666;
  	background: #FFFFFF;
  	border: 1px solid #ccc;
  	margin: 5px 0;
  	width:350px;
  	height:200px;
	}

#contFrm input, textarea, select, p {
  	font-family: Arial, Helvetica, sans-serif;
}

#contFrm input:focus, textarea:focus, select:focus {
  	border: 1px solid #999;
  	background-color: #FFFFFF;
	}

#contFrm input.button {
  	cursor: pointer;
  	border: none;
  	margin-left: 120px;
  	background:url(../../images/btn_small.jpg) no-repeat left top;
  	width:84px;
  	height:27px;
  	font:bold 12px Arial, Helvetica, sans-serif;
  	text-decoration:none;
  	color:#FFFFFF;
  	padding-bottom:7px;
  	padding-left:15px;
	}
#contFrm input.button:hover{
	color:#DF3B26;
	}


#contFrm .float-left{
  	display: block;
  	float: left;
  	clear: left;
  	Width: 120px;
  	margin-bottom: 10px;
  	margin: 5px 0;
}

span.required{
  	font-size: 13px !important;
  	color: red !important;
}
#confirmation_box{
	font:normal 24px/45px Arial, Helvetica, sans-serif;
	color:#DF3B26;
	padding-top:45px;
	text-align:center;
	background:url(../../images/mail_send.png) no-repeat 45px 30px;
}
/*--------------------error pge ---------------------*/	
#error	{
	width:100%;
	height:344px;
	

	}
	
/*------------------**/
#rev_form{
	width:auto;
	padding:15px 0;

}
#list_event{
	width:auto;
	padding:15px 0;

}
/*-----------------menu_list-----------------------*/
/* - record list - */
.table_list { 
	border-top:1px solid #CCCCCC; 
	border-right:1px solid #CCCCCC; 
} 
.table_list th {
	border-bottom:1px solid #CCCCCC; 
	border-left:1px solid #CCCCCC;
	/*background-color: #EEEEEE;*/
	background:url(../../admin/images/sub_header_bg.gif) repeat-x left top;
	padding:4px;
	text-align:left;
}
.table_list td {
	border-bottom:1px solid #CCCCCC; 
	border-left:1px solid #CCCCCC; 
	padding:2px;
}
.table_list td a {
	color:#0000CC;
	text-decoration:none;
}
.table_list td a:hover {
	color:#0000FF;
	text-decoration:underline;
}
.table_list tr:hover {
	background-color:#EEEEEE;
}
.table_list tr.odd {
	background-color:#FFFFFF;
}
.table_list tr.even {
	background-color:#F8F8F8;
}
/* ------------------------------ */



/*------------------footer------------------------*/
#footer{
	clear:both;
	height:42px;
	background:url(../../images/footer_grad.gif) repeat-x left top;
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	padding:11px 5px 10px;
	position:relative;
	}
#footer img{
	position:absolute;
	top:0;
	left:600px;
	padding:5px;
	}
#location{

width:400px;
height:auto;
margin-left:15px;
float:left;
}
#location_map{

width:auto;
height:auto;
margin-left:5px;
}

#menu_tab{
height:30px;
width:150px;
background-image:url(../../images/dine_in_active.gif);
background-repeat:no-repeat;
float:left;
}

#tab_main{
height:30px;

}
#menu_tab1{
height:30px;
width:150px;
background-image:url(../../images/take_away.gif);
background-repeat:no-repeat;
float:left;
}
p.heading {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:10px 10px 10px 10px;
font-weight:800;
}

a:active {
	color:#0000CC;
	text-decoration:none;
}
a:link {
	color:#0000CC;
	text-decoration:none;
}
a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
a:visited {
	color:#0000CC;
	text-decoration:none;
}

/* hit counter
-------------------------------------------------------------------------------------------------------------------*/
.hit_counter{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	padding:0px 15px 5px 15px;
	margin-top:-2px;
	margin-bottom:5px;
		}
.round_box{
	background:#B9D0F0;
	padding:3px 15px 3px;
	border:1px solid #B9D0F0;
	margin:0 10px;
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	color:#000;	
	text-align:center;
	}
.poweredby_txt{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	}
.poweredby_txt span{
margin-top:15px;

}	
.link1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#999999;
	padding:5px;
	text-decoration:underline;
}
.link1:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333;
	padding:5px;
	text-decoration:none;

}