/* Page Layout ~ Cafe Nola */

	html body {
		padding: 0; /* For Opera [removes white space] */
	  border: 0;
	}
	
	body {
		background-color: #F2E877;
		color: #5D3E10;
		font-family: verdana, arial, sans-serif;
		padding: 0;
		margin: 0; 
		font-size: 76%;
	}
	
	li {
		margin-bottom: 5px;
	}	

	h4 {
		margin: 0 0 17px 0;
		font-size: 1.3em;
		font-family: times-new-roman, serif;
	}	

	h5 {
		margin: 0 0 20px 0;
		font-size: 1em;
		font-family: times-new-roman, serif;
	}	

	hr {
		border:none;
		width:80%;
		margin:20px auto;
		height:1px;
		color:#734C14;
		background-color:#734C14;
	}	

/*id attributes*/

	#logoprint {
		display: none;
	}

	#logo {
		background: url(../graphx/logo.gif) no-repeat;
		float: left;
		width: 150px;
		height: 70px;
	}

	#subnav {
  	border-top: 1px solid #734C14;
		float: right;
		text-align: right;
		margin-top: 15px;
		padding: 25px 25px 0 20px;
		width: 150px;
	/* Box Model Hack */
		voice-family: "\"]\"";
		voice-family: inherit;
		width: 125px;
	}

	#pagecontainer {
		width: 775px;
	/* page centering */
		margin: 10px auto 0 auto;
	/* IE workaround */
		text-align: center;
	}

	#topcontainer {
		width: 775px;
		height: 70px;
	}

	#imagecontainer {
		width: 775px;
		height: 125px;
	}

	#bottomcontainer {
		width: 775px;
	}

	#pagetitle {
		text-align: center;
		float: left;
		width: 175px;
		margin-top: 20px;
	}

	#reservations {
		margin-top: 35px;
		float: right;
		text-align: right;
		width: 180px;
	}

	#footer {
  	border-top: 1px solid #734C14;
		width: 425px;
		padding: 3px 0 10px 0;
	/* page centering */
		margin: 0 auto;
	/* IE workaround */
		text-align: center;
	}
	
	#content {
  	border-left: 1px solid #734C14;
		text-align: left;
		float: left;
		width: 425px;
		padding: 20px;
		font-size: 1.1em;
	/* Box Model Hack */
		voice-family: "\"]\"";
		voice-family: inherit;
		width: 385px;
	}
	
/*homepage styles*/
	
	#contentleft { 
  	border-right: 1px solid #734C14;
		text-align: left;
		float: left;
		width: 349px;
		padding: 20px;
		font-size: 1.1em;
	/* Box Model Hack */
		voice-family: "\"]\"";
		voice-family: inherit;
		width: 309px;
	}

	#contentright {
		text-align: left;
		float: right;
		width: 349px;
		padding: 20px;
		font-size: 1.1em;
	/* Box Model Hack */
		voice-family: "\"]\"";
		voice-family: inherit;
		width: 309px;
	}

	
/*class attributes*/
	
	.division {
		text-align: center; 
		color: #734C14; 
		margin-bottom: 27px;
	}

	.alttext {
		display: none;
	}
	
  .vendor td {
		width: 150px;
	}

  .eventsheader {
		float: left;
		margin: 0 10px 5px 0;
	}

  .menu {
		text-align: center !important;
	}

	.homeimage {
		background: url(../graphx/homeimage.jpg) no-repeat;
	}
	
	.aboutimage {
		background: url(../graphx/aboutimage.jpg) no-repeat;
	}
	
	.contactimage {
		background: url(../graphx/contactimage.jpg) no-repeat;
	}
	
	.menuimage {
		background: url(../graphx/menuimage.jpg) no-repeat;
	}
	
	.infoimage {
		background: url(../graphx/infoimage.jpg) no-repeat;
	}
	
	.mainnav1 {
		font-family: verdana, arial, sans-serif;
		color: #5D3E10;
		float: left;
		margin: 35px 0 0 10px;
		height: 14px;
		text-align: left;
		font-weight: bold;
		vertical-align: super;
	}

	.mainnav2 {
		font-family: verdana, arial, sans-serif;
		color: #5D3E10;
		float: left;
		margin: 49px 0 0 10px;
		height: 14px;
		text-align: left;
		font-weight: bold;
		vertical-align: sub;
	}


/* Anchor Attributes */	
	
	
	.mainnav1 a, .mainnav2 a, .mainnav1 a:link, .mainnav2 a:link {
		color: #798C4C;
		text-decoration: none;
	}
										
	.mainnav1 a:visited, .mainnav2 a:visited {
		color: #798C4C;
		text-decoration: none;
	}
										
	.mainnav1 a:hover, .mainnav2 a:hover {
		color: #5D3E10;
		text-decoration: none;
	}

	
	#subnav a, #subnav a:link {
		color: #5D3E10;
		text-decoration: underline;
	}
										
	#subnav a:visited {
		color: #5D3E10;
		text-decoration: underline;
	}
										
	#subnav a:hover {
		color: #798C4C;
		text-decoration: none;
	}


	
/* Closes Holes in NS/Moz at the bottom of a div */
/* DO NOT CHANGE THIS CODE */

	.clear { 
  	clear: both; 
/*** these next attributes are designed to keep the div height to 0 pixels high, critical for Safari and Netscape 7 ***/ 
  	height: 1px; 
  	overflow: hidden; 
  	margin-bottom: -1px; 
	} 
	* html .clear {
		display: none;
	} /*** stops IE browsers from displaying the clear div/br in the page, as these are for Moz/Opera and Safari only. If IE 5.x Win DID display these, the page is too high ***/