/*---General Layout-----------------------------------------------------------*/
html
{
	margin: 0px;
	padding: 0px;
}

body
{
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 76%;
	/*Font size in ems elsewhere based on this size*/
	margin: 0px;
	padding: 0px;
	background-color: rgb(247, 243, 234);
	background-image: url(Graphics/Background.gif);
	background-repeat: repeat;
}

#header
{
	border: 0px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	background-color: rgb(188,22,22);
	/*border-bottom: 1px solid #778;*/
	width: 100%;
}

#main
{
	margin-left: 190px;
	width: 500px;
}

#menu
{
	width: 150px;
	float: left;
	border: 1px;
	margin: 0px;
	padding: 0px;
}

#topnavcontainer { width: 100%; }

#FooterContainer
{
	clear: both;
	margin: 0px;
	padding: 10px;
	border: 0px;
}

#Footer
{
	background-color: rgb(128,128,128);
	color: rgb(255,255,255);
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 0.8em;
}

#footer a { text-decoration: none; }
#footer  a:link { color: rgb(255,255,255); }
#footer  a:visited { color: rgb(255,255,255); }
#footer  a:hover { color: rgb(240,200,200); }

/*---Navigation 	---------------------------------------------------------------*/
a:link { color: rgb(188,22,22); }
a:visited { color: rgb(188,22,22); }
a:hover { color: red; }
a { text-decoration: none; }

/*---Navigation Top---------------------------------------------------------------*/
ul#topnavlist
{
	padding: 5px 0px 3px 7px;
	margin: 0px;
	border-bottom: 1px solid #778;
	/*added*/
	font: bold 1.1em Verdana, sans-serif;
}

ul#topnavlist li
{
	list-style: none;
	margin: 0;
	display: inline;
}

ul#topnavlist li a
{
	padding: 3px 0.5em;
	margin-left: 12px;
	border: 1px solid #778;
	border-bottom: none;
	background-color: rgb(247,203,134);
	text-decoration: none;
}

#topnavlist li a:link { color: rgb(188,22,22); }
#topnavlist li a:visited { color: rgb(188,22,22); }
#topnavlist li a:hover { color: red; }

ul#topnavlist li a#topnavcurrent
{
	background-color: rgb(247,243,234);
	background-image: url(Graphics/Background.gif);
	background-repeat: repeat;
	border-bottom: 1px solid rgb(251,240,205);
}

/*---Navigation Left---------------------------------------------------------------*/
#leftnavlist  a:link { color: rgb(188,22,22); }
#leftnavlist  a:visited { color: rgb(188,22,22); }
#leftnavlist  a:hover { color: red; }

#leftnavlist
{
	padding-left: 0;
	margin: 20px 0px 0px 10px;
	border: 1px solid gray;
	width: 150px;
	background: rgb(247,203,134);
}

#leftnavlist dt
{
	list-style: none;
	margin: 0;
	padding: 0.25em;
	font: bold 1.1em Verdana, Helvetica, Arial sans-serif;
}

#leftnavlist dd
{
	list-style: none;
	margin: 0px 0px 1.0em 0px;
	padding: 0.25em;
	font: 1.0em Verdana, Helvetica, Arial sans-serif;
}

#leftnavlist  a { text-decoration: none; }

/*---Page Titles--------------------------------------------------------------*/
h1
{
	font: 2.8em Verdana, Helvetica, Arial sans-serif;
	color: rgb(255, 158, 0);
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

h2
{
	font: 2.0em Verdana, Helvetica, Arial sans-serif;
	color: teal;
	margin: 10px 0px 0px 0px;
}

h3
{
	font: 1.3em Verdana, Helvetica, Arial sans-serif;
	color: olive;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

/*---Page Sections------------------------------------------------------------*/
.Item { font: bold 1.0em verdana,helvetica,arial,sans-serif; }
.ItemElaboration { font: italic 1.0em verdana,helvetica,arial,sans-serif; }
.ItemSummary { font: normal 1.0em verdana,helvetica,arial,sans-serif; }

.Aside
{
	font: italic 1.0em verdana,helvetica,arial,sans-serif;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
}

.Note { font: bold 1.0em verdana,helvetica,arial,sans-serif; }

.VeryImportant
{
	font: bold 1.1em verdana,helvetica,arial,sans-serif;
	border-style: solid;
	border-color: rgb(128,128,128);
	border-width: thin;
}

/*---cafe; Menu Layout----------------------------------------------------------*/
#MenuLeft { float: left; }
#MenuRight { float: left; }

h4
{
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	margin: 20px 0px 10px 0px;
	padding: 0;
}

#CafeMenus div ul
{
	list-style-type: none;
	font-size: 1.0em;
	font-weight: normal;
	text-align: center;
	margin: 0px 20px 0px 20px;
	padding: 0;
}

.CafeMenuEntres { }
.CafeMenuSectionNoodles { }
.CafeMenuItem { }
.CafeMenuSectionName { font-weight: bold; }

.CafeMenuItemName
{
	font-size: 1.6em;
	width: 420px;
	margin: 0;
	padding: 0;
}

.CafeMenuItemPrice
{
	font-size: 1.6em;
	color: black;
	margin: 0;
	padding: 0;
	text-align: right;
}

.CafeMenuItemDescription
{
	font-size: 1.0em;
	width: 400px;
	margin: 0;
	padding: 0 0 0px 20px;
}

.CafeMenuItemAdd
{
	font-size: 0.8em;
	font-weight: bold;
	width: 400px;
	margin: 0;
	padding: 0;
	text-align: right;
}

div.CafeMenuSectionNoodles h2.CafeMenuSectionName
{
	background-color: green;
	color: white;
	text-align: center;
}

div.CafeMenuSectionNoodles table tr td.CafeMenuItemName { color: green; }

div.CafeMenuSectionIndian h2.CafeMenuSectionName
{
	background-color: fuchsia;
	color: white;
	text-align: center;
}

div.CafeMenuSectionIndian table tr td.CafeMenuItemName { color: fuchsia; }

div.CafeMenuSectionTofuTempeh h2.CafeMenuSectionName
{
	background-color: red;
	color: white;
	text-align: center;
}

div.CafeMenuSectionTofuTempeh table tr td.CafeMenuItemName { color: red; }

div.CafeMenuSectionFalafelFusion h2.CafeMenuSectionName
{
	background-color: tan;
	color: white;
	text-align: center;
}

div.CafeMenuSectionFalafelFusion table tr td.CafeMenuItemName { color: tan; }

div.CafeMenuSectionEtc h2.CafeMenuSectionName
{
	background-color: blue;
	color: white;
	text-align: center;
}

div.CafeMenuSectionVeggies table tr td.CafeMenuItemName { color: blue; }

div.CafeMenuSectionVeggies h2.CafeMenuSectionName
{
	background-color: aqua;
	color: white;
	text-align: center;
}

div.CafeMenuSectionVeggies table tr td.CafeMenuItemName { color: aqua; }

div.CafeMenuSectionMiniMeals h2.CafeMenuSectionName
{
	background-color: maroon;
	color: white;
	text-align: center;
}

div.CafeMenuSectionMiniMeals table tr td.CafeMenuItemName { color: maroon; }

div.CafeMenuSectionALaCarte h2.CafeMenuSectionName
{
	background-color: purple;
	color: white;
	text-align: center;
}

div.CafeMenuSectionALaCarte table tr td.CafeMenuItemName { color: purple; }

div.CafeMenuSectionToppings h2.CafeMenuSectionName
{
	background-color: olive;
	color: white;
	text-align: center;
}

div.CafeMenuSectionToppings table tr td.CafeMenuItemName { color: olive; }

/*---Catering Layout----------------------------------------------------------*/
table.CateringLevels
{
	width: 500px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.CateringLevels tr th
{
	text-align: left;
	vertical-align: bottom;
	padding: 10px 10px 0px 10px;
}

.LevelNumber { font-weight: bold; }

table.CateringLevels tr td
{
	text-align: left;
	vertical-align: top;
	border-style: dotted;
	border-color: rgb(128,128,128);
	border-width: thin;
	padding: 3px;
	border-spacing: 0px;
	margin: 0px;
}

.AddCharge
{
	font-weight: bold;
	color: rgb(128,128,128);
}

.BasePrice
{
	font-weight: bold;
	color: rgb(128,128,128);
	font-size: 1.0em;
	margin-left: -25px;
}

.BaseMenuName
{
	font: 1.3em Verdana, Helvetica, Arial sans-serif;
	color: olive;
	margin: 20px 0px 0px 10px;
}

.CateringBaseMenu
{
	border-style: solid;
	border-color: rgb(128,128,128);
	background-color: rgb(255,255,255);
	border-width: thin;
	padding: 3px;
	margin: 20px 0px 0px 0px;
}

.CateringBaseMenu dl dd ul
{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

/* An .Item in the catering section */
.CateringBaseMenu dl dd ul li
{
	font-weight: bold;
	font-size: 1.0em;
}

.BaseMenuChoice { margin: 0px 0px 10px 0px; }

.BaseMenuChoice dt
{
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 1.0em;
	color: rgb(70,80,60);
}

.CateringMenuSeparator { }

/*---Nutrition Label Layout----------------------------------------------------------*/
.NFLabel
{
	border-style: solid;
	border-color: black;
	background-color: white;
	border-width: .2em;
	padding: 3px;
	margin: 10px 0px 20px 0px;
	color: black;
	width: 300px;
}

.NFTitleFont { font-size: 2.5em; }
.NFColTitleFont { font-size: 0.8em; }
.NFContentFont { font-size: 1.0em; }
.NFNoteFont { font-size: 0.9em; }
.NFStrong { font-weight: bold; }
.NFNormal { font-weight: normal; }
.NFRightColumn { text-align: right; }
.NFLeftColumn { text-align: left; }
.NFAlignCenter { text-align: center; }
.NFNoteTable { width: 100%; }

.NFborder7
{
	border-top: .7em solid;
	margin: 0px;
	padding: 0px;
}

.NFborder3
{
	border-top: .3em solid;
	margin: 0px;
	padding: 0px;
}

.NFborder1
{
	border-top: .1em solid;
	margin: 0px;
	padding: 0px;
}

.NFborder1sub
{
	border-top: .1em solid;
	margin-left: 1em;
}

hr { display: none; }

.NFSandwichNameFrida
{
	font: bold 1.2em verdana,helvetica,arial,sans-serif;
	padding: 1.1em 1.1em 1.1em .5em;
	margin: 4em 3em 1em 0;
	background-color:rgb(130,136,243);
}
.NFSandwichNameVincent
{
	font: bold 1.2em verdana,helvetica,arial,sans-serif;
	padding: 1.1em 1.1em 1.1em .5em;
	margin: 4em 3em 1em 0;
	background-color:rgb(179,63,221);
} 
.NFSandwichNameSalvador
{
	font: bold 1.2em verdana,helvetica,arial,sans-serif;
	padding: 1.1em 1.1em 1.1em .5em;
	margin: 4em 3em 1em 0;
	background-color:rgb(45,249,121);
} 
 
.NFSandwichNameGroovin
{
	font: bold 1.2em verdana,helvetica,arial,sans-serif;
	padding: 1.1em 1.1em 1.1em .5em;
	margin: 4em 3em 1em 0;
	background-color:rgb(224,128,77);
} 
.NFSandwichIngredients
{	
	width:350px;
}