body {
		color: #21236d;
		background: #003a51; 
		font-family: Verdana;
		font-size: 9pt;
	}

	div.logo {
		margin: 0 auto 0 auto;
		/*	
		background-image: url(logo.png);
		width: 146px;
		height: 104px;
		*/
		background-image: url(logo-main.gif);
		width: 300px;
		height: 216px;
	}

	img{
		display: block;
		margin: 20 auto 20 auto;
	}

	img.logo {
		display: block;
		margin: 20 50% 20 auto;
	}

	div.title:before {
		content: "~";
	}
	div.title:after {
		content: "~";
	}
	div.title{
		font-size: 14pt;
		font-family: Verdana;
		color: #4854ae;
		font-weight: bold;
		text-align: center;
		margin: 10px;
	} 	

	div.title-extra{
		color: #4854ae;
		text-align: center;
		margin-bottom: 30px;
	}

	div.description-heading {
		font-family: Verdana;
		font-weight: bold;
		color: #4854ae;
		text-align: center;
	}

	div.description {
		font-family: Verdana;
		color: #75595e;
		width: 520px;
		margin: 0 auto 40px auto;
		text-align: center;
	}

	div.section-title {
		font-size: 14pt;
		font-family: Verdana;
		color: #fff;
		text-align: center;
		margin: 10px 0px 20px 0px;
	} 	

	div.section {
		border: 3px double #fff;
		position: relative;
		background-color: #cc3333;
		width: 90%;
		padding: 10px;
		margin: 30px auto 30px auto;
	}


	div.entree {
		margin: 10px auto 10px 10%;
		clear: both;
	}

	div.entree-title{
		text-transform: uppercase;
		font-weight: bold;
		float: left;
		width: 40%;
	}

	span.misc:before {
		content: "("
	}
	span.misc:after {
		content: ")"
	}

	span.misc{
		font-size: 10pt;
		text-transform: none;
		font-weight: normal;
	}
	span.empty{
		font-size: 10pt;
		text-transform: none;
		font-weight: normal;
	}

	div.entree-price:before {
		content: "$"
	}
	div.entree-price {
		float: right;
		width: 35%;
	}


	/* I'm not using text-indent here because sometimes the 
		description runs for several lines, and I want the whole thing
		moved to the right, text-indent, only moves over the first line
	*/

	div.entree-desc {
		font-style: italic;
		margin: 0px 0px 20px 10px;
		width: 350px;
		clear: both;
	}

	/* this is used for entrees that are in a row (nigiri and appetizers) */
	div.entree-row {
		margin-left: 10%;
		width: 90%;
		clear: width;
	}

	div.entree-title-row{
		text-transform: uppercase;
		font-weight: bold;
		float: left;
		width: 30%;
	}
	div.entree-price-row:before {
		content: "$"
	}
	div.entree-price-row{
		float: left;
		width: 10%;
	}

	div.entree-desc-row {
		font-style:italic;
		text-indent: 10px;
		margin-bottom: 10px;
		float: left;
		width: 40%;
		
	}

	div.entree-clear-row {
		width: 100%;
		clear: both;
	}

	/* good old clear div */

	div.cb{
		clear: both;
		margin: 0;
		padding: 0;
		width: auto;
	}