body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; font-weight:normal; text-decoration:none; background:url(../images/bg.jpg) repeat;}
p, br{ margin:0; padding:0;}
a{ color:#1304e0;}
a:hover{ color:#1304e0; text-decoration:underline;}
hr {margin:0 0 0 20px;border:0; width:94%; height:3px; background-color:#993300; color:#fff;}
#logo{ background: #4F2700 url('../images/kasbah.png') no-repeat; width:748px; height:80px;}
#wrapper{ margin-left:auto; margin-right:auto; width:750px;}
#top{  background:url(../images/jamaa_elfna.png) no-repeat; width:750px; height:557px; margin: auto;}
#footer{ padding:15px 0 0 0; text-align:center; border-top:4px solid #DB8027;}
#footer p{ color:#CCCCCC; padding:0 0 7px 0;}

#navigation { width: 750px; height: 40px; padding: 3px 0 0 0; margin: 0 auto; clear: both; background:  url('../images/menu_bg.png') no-repeat; }
#navigation ul { }
#navigation ul li { top:2px; left:20px; list-style: none; z-index: 9999;}
#navigation ul li a { text-decoration: none; padding: 8px 35px;}
#navigation ul li li a { padding: 5px; }
#navigation ul li a strong { font-weight: bold; color: #4F2700; font-family: Arial; font-size: 14px; display: block; margin: 0 0 3px 0; }
#navigation ul li a span { font-weight: normal; color: #7f4002; font-family: Georgia; font-size: 12px; clear: left; }
#navigation ul li a:hover strong { color: #7f4002; }
#navigation ul li.line{width:2px; height:20px; background:url(../images/line.gif) 0 8px no-repeat;}

/*----------POP UP FOR EVENTS AND SPECIALS----------*/
#events-wrapper{ margin:auto; width:745px;}
#ala-carte{ border:3px solid #FFCC00; background: #FFFFFF; text-align:center;}
#wrpper-bg{border:3px solid #FFCC00;  background: #FFFFFF;}
#events-wrapper h1{font-family:Arial, Helvetica, sans-serif; color:#cf7600; font-size:24px; font-weight:bold; text-transform:uppercase; text-decoration:underline; padding:15px 0 15px 0; letter-spacing:2px; }
#events-wrapper h2{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#CC9933; padding:15px 0 0 15px;}
#events-wrapper img{margin-top:15px; border:1px solid #FFCC00; padding:0;}
#events-wrapper p{ padding:15px; font-size:15px; color:#000000; line-height:22px; }
#events-wrapper td{font-size:15px; color:#000000; line-height:22px; }
#events-wrapper p strong{font-weight:bold; color:#CC9933; font-size:17px; font-family:Trebuchet Ms, Arial;}
#events-wrapper p2 strong{text-align:left; padding:8px 0 15px 0; font-size:20px; font-weight:bold; color:#CC9933; line-height:22px;}
#events-wrapper h3{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#CC9933; line-height:20px;}
#welcome{font-size:14px; color:#CCCCCC; padding:15px; border-top:4px solid #DB8027; background: #4f2700;}
.red{border:5px solid #FF0000;}
/*
=======================================================================
	Contact Styling
=======================================================================
*/
#contact label { 
    display: inline-block; 
	height: 26px; 
	line-height: 26px; 
	width: 80px; 
	font-size: 14px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
}
#contact input, textarea, select { 
    width: 240px; 
	margin: 0; 
	padding: 5px; 
	color: #666; 
	background: #f5f5f5; 
	border: 1px solid #ccc; 
	margin: 5px 0; 
	font:1.1em Arial, sans-serif; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
}   
#contact input:focus, textarea:focus, select:focus { 
    border: 1px solid #999; 
	background-color: #fff; 
	color:#333; 
}
#contact input.submit { 
    width: 85px; 
	cursor: pointer; 
	border: 1px solid #222; 
	background:#333; 
	color:#fff; 
}
#contact input.submit:hover { 
    background:#444; 
}
#contact input[type="submit"][disabled] { 
    background:#888; 
	cursor: default; 
}
#contact fieldset { 
    padding:20px; 
	margin:0 0 20px 15px; 
	border:1px solid #eee; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
}
#contact legend { 
    padding:7px 10px; 
	font-weight:bold; 
	color:#000; 
	border:1px solid #eee; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	margin-bottom:0 !important; 
	margin-bottom:20px; 
}
#contact span.required{ 
    font-size: 14px; 
	color: #ff0000; /* Select the colour of the * if the field is required. */
}
#message { 
    margin: 10px 0; 
	padding: 0; 
}
.error_message { 
    display: block; 
	line-height: 22px; 
	background: #FBE3E4 url('../images/error.gif') no-repeat 10px 6px; 
	padding: 3px 10px 3px 35px; 
	color:#8a1f11;
	border: 1px solid #FBC2C4; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
}
ul.error_messages { 
    margin: 0 0 0 15px; 
	padding: 0; 
}
ul.error_messages li { 
    height: 22px; 
	line-height: 22px; 
	color:#333; 
}
.loader { 
    padding: 0 10px; 
}
#contact #success_page h1 { 
    background: url('../images/success.gif') left no-repeat; 
	padding-left:22px; 
}
acronym { 
    border-bottom:1px dotted #ccc; 
}
.address{
	width:260px;
	float:right;
}
.address h3{
	padding:10px 0px;
}
.address p{
	padding:0px 0px 0px 0px;
}