/* Divs that break up page */
#container { 
		width: 1000px; 
		height: 1000px;
		margin: 0px auto;
		margin-top: 2em;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-top: 0px;
		background-color: #FFFFFF;
		 }

#header {
position: relative;
height: 100px;
width: 100%;
}

#menu {
	position: relative;
	height: 30px;
	width: 100%;
}


#leftcol {
	width: 20%;
	height: 750px;
	float: left;
	padding: 10px;
	border-right-style:solid;
	border-right-width:thin;
	border-right-color: #CCCCCC;
}


#maincol {
	width: 50%;
	height:775px;
	float: left;
	padding: 10px;
}

#rightcol {
	width: 20%;
	height: 750px;
	float: left;
	padding: 10px;
	border-left-style:solid;
	border-left-width:thin;
	border-left-color: #CCCCCC;
	
}



#footer {
	position: relative;
	height: 100px;
	width: 100%;
	clear: left;
	padding: 10px;
	border-top-style:solid;
	border-top-width:thin;
	border-top-color: #CCCCCC;
} 
		
	/* Slideshow container*/

#sscontainer {
	width: 225px;
	height: 450px;
	padding: 5px;
	border:2px solid #ccc;
	
	}
	/* Slideshow container for Restaurants*/

#sscontainer3 {
	width: 235px;
	height: 300px;
	padding: 5px;
	border:2px solid #ccc;
	
	}
	
	
	
	/* Breakout for site maps*/
	
#breakout { 
	display: block;	
	width: 80%;
	height: 70px;
	float: left;
	padding: 5px;	
	border-style:solid;
	border-color: #CCCCCC;
	border-width:thin;

 }


/* Text Styles */


* {
	margin:0;
	padding:0;
	zoom: 100%;

}


P {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 16px;
	margin: 0;
	padding: 0;
	
} 
	
.contacttext {
	line-height: 16px;
	}
	
.introtext {
	line-height: 16px;
	margin-bottom: 10px;
	}


.restaurantname {
	font-size: 14px;
	color: #990000;
	font-weight: bold;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
		}
	
.smallheader {
	font-size: 12px;
	color: #990000;
	margin-top: 1.5em;
	line-height: 16px;
	font-weight: bold;
	}
	
.smallheadermenu {
	font-size: 12px;
	color: #990000;
	line-height: 16px;
	margin-top: 2em;
	font-weight: bold;
	}

	
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 16px;
	margin-top: 0.25em;
	margin-left: 2.5em;
	list-style-type: disc;
	
} 

a {
	border: none;

}

.style1 {
	color: #990000
	}
	
	
.style3 {
	font-size: 13px
}




/* TOP LEVEL */
.menu { z-index:9999; }
	.menu ul { width:100%; list-style:none; margin:0; padding:0; }
.menu li { float:left; list-style:none; width:200px; margin:0; padding:0; position:relative; }
			.menu a { display:block; padding:0 25px; color:#ffffff; font-size:13px; line-height:30px; font-weight:600; background:#990000; text-decoration:none; letter-spacing:0.5px; }
			.menu a:hover, .menu ul ul a:hover { color:#990000; background:#efefef; }
			.menu :hover > a, .menu ul ul :hover > a { color:#990000; background:#efefef; }

/* SECOND LEVEL */
	/* hide the sub levels and give them a positon absolute so that they take up no room */
		.menu ul ul { top:30px; left:0; visibility:hidden; position:absolute; width:0; height:0; }

		.menu ul ul a { width:160px; margin:0px; padding:5px 20px; color:#666666; line-height:20px; background:#efefef;  }
			.menu ul ul a:hover { color:#990000; background:#cccccc; }

/* CONTROLLERS */
	/* MAKES THE SECOND LEVEL VISIBLE WHEN YOU HOVER ON FIRST LEVEL LIST OR LINK */
		.menu ul li:hover ul,
		.menu ul a:hover ul { visibility:visible; }

/* MISC */
	/* style the table so that it takes no ppart in the layout - required for IE to work */
		.menu table { position:absolute; top:0; left:0; border-collapse:collapse; }



/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
					}
	#slider2{
		margin-top:1em;
	
	}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:225px;
		height:400px;
		overflow:hidden;
	 
			}	
		
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:4px;
		height:40px;
		position:absolute;
		left:-4px;
		top:40px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:200px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:0px;
		height:40px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:20px;	
		}
	ol#controls li{
		margin:0 8px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:20px;
		line-height:20px;
		}
	ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
		border:1px solid #ccc;
		background:#FFFFFF;
		color:#990000;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#990000;
		color:#FFFFFF;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
