/* CSS Document: http://www.manisheriar.com/holygrail/css.txt */

body 
{
	background: white;
	text-align:center;
	margin:0px;
	padding:0;
	color: #FFD700;	/* Gold */
	border: outset 5px #FFD700;
}
/*
a
{
	color:#FFF;
	text-decoration:none;
	border-bottom:1px dotted;
}

a:hover
{
	background-color: Gold;
	color: #005826;	 Green 
}

*/

#wrapper1 
{
	position:relative;
	text-align:left;
	width:100%;
	background-image: url("images/RestaurantEmbossed.jpg");
	background-position: top;
	background-repeat: no-repeat;

}
	
#wrapper2
{
	position:relative;
	text-align:left;
	width:100%;
}

#header 
{
	background:#FA0405;	/* Red */
	padding: 0px;
	margin:0px;
	text-align:center;
	color: #FFD700;	/* Gold */
}

#header h1 
{
	font-size:200%;
}

#header a:hover 
{
	color:#7A2875;
}

#maincol 
{
	position:relative;
	margin:0;
	padding:10px;
}

#leftcol
{ 
	position:relative;
	top:-10px;
	left:-10px;
	float:left;
	width:220px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	z-index:100;
	text-align: center;
}

#rightcol 
{
	position:relative;
	top:-10px;
	right:-10px;
	float:right;
	width:220px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px; /* actual value */
	margin:0 0 -10px 0;
	padding:10px;
	z-index:99;
}

#centercol 
{
	position:relative;
	padding:0 240px;
	text-align: center;	
}

#centercol a 
{
	color:#666;
}

#centercol a:hover 
{
	border-bottom:1px solid;
	color:#9343B9;
}

#footer 
{
	position:relative;
	top:1px;
	background: #005826;	/* Green */
	width:100%;
	clear:both;
	margin:0;
	padding:1% 0;
	text-align:center;
	color:#FFD700;	/* Gold */
	border-top: inset 5px gold;
}

/******************************************* MENU BAR *****************************/
div.menuBar,
div.menuBar a.menuButton {
  font-family: "Verdana, MS Sans Serif", Arial, sans-serif;
  font-size: 12pt;
  font-style: normal;
  font-weight: normal;
  color: #FFD700;	/* Gold */
}

div.menuBar {
  background-color: #FA0405;	/* Red */
  border: none;
  padding: 4px 4px 4px 4px;
  text-align: center;
  margin: 0px auto;
	border-bottom: inset 5px gold;
}

div.menuBar a.menuButton {
  background-color: transparent;
  color: #FFD700;	/* Gold */
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 2px 10px 2px 10px;
  position: relative;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  text-decoration: none;
  color: #FFD700;	/* Gold */
}


/*********************************** above is page structure, below is element formatting */

.mainTitle
{
	color: #005826;
	text-align: center;
	font-size: x-large;
	font-style: italic;
	font-weight: bold;
	width: 100%;
	padding-bottom: 3px;
	padding-top: 3px;
}

.sideBarTitle
{
	color: #005826;	/* Green */
	text-align: center;
	font-size: large;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}

.sideBarLink
{
	color: #FA0405;	/* Red */
	text-align: center;
	display: block;
}

.sideBarSubTitledLink
{
	color: #005826;	/* Green */
	text-align: center;
	display: block;
	font-size: smaller;
}

.sideBarSubtitle
{
	color: #FA0405;	/* Red */
	text-align: center;
}

.sideBarItem
{
	color: #FA0405;	/* Red */
	text-align: center;
}

.sideBarSubTitledItem
{
	color: #005826;	/* Green */
	text-align: center;
	font-style: italic;
	
}

.sideBarImageButtonDiv
{
	padding: 20px 0px 0px 0px;
	width: 100%;
	text-align: center;
}

.sideBarImageDiv
{
	padding: 20px 0px 0px 0px;
	text-align: center;
}

.centerParagraph
{
	color: #005826;	/* Green */
	text-align: center;
	font-style: italic;
	font-size: large;
	padding: 10px 0px;
}

.menuItem
{
	width: 100%;
	text-align: left;
}

.menuItemHeader
{
}

.menuItemName
{
	color: #FA0405;	/* Red */
	text-align: left;
	font-weight: bold;
}

.menuItemDescription
{
	color:  #005826;	/* Green */
	text-align: center;
	font-style: italic;
	padding-left: 40px;
	padding-right: 40px;
}

.menuItemPrice
{
	color:  #005826;	/* Green */
	text-align: right;
}

.menuCategoryName
{
	color: #FA0405;	/* Red */
	font-size: larger;
	text-align: center;
	font-weight: bold;
}


A.menuCategoryName:link, A.menuCategoryName:visited, A.menuCategoryName:hover, A.menuCategoryName:active
{
	color: #FA0405;	/* Red */
}

.menuCategoryFooterHeader
{
	color: #FA0405;	/* Red */
	text-align: center;
	display: block;
	font-weight: bold;
	padding-top: 5px;
}

.menuCategoryFooterBody
{
	color: #005826;	/* Green */
	text-align: center;
	display: block;
	font-size: smaller;
}

.menuCategoryFooterFooter
{
	color: #FA0405;	/* Red */
	text-align: center;
	display: block;
	font-size: smaller;
}

.menuCategoryDescription
{
	color: #005826;	/* Green */
	text-align: center;
	display: block;
	font-size: smaller;
}

.formLabel
{
	color: #005826;	/* Green */
	text-align: center;
	font-style: italic;
	font-weight: bold;
}

.label
{
	color: #005826;	/* Green */
	text-align: right;
	font-style: italic;
	font-weight: bold;
}

.errorDiv
{
	background-color: yellow;
	text-align: center;
	color: Red;
	padding: 4px 4px 4px 4px;
	font-style: italic;
	font-size: small;
	width: 100%;
}

.button
{
	margin-right: 5px;
	margin-left: 5px;
}

.gridRowStyle
{
	color: #005826;	/* Green */
}

A.gridRowStyle:link, A.gridRowStyle:visited, A.gridRowStyle:hover, A.gridRowStyle:active
{
	color: #005826;	/* Green */
}

.bottomAlign
{
	background-color: #FFD700;
}