/* CSS Document */
#container {
	width: 996px; /*960px body + 36px shadows on both sides */
	margin: 0 auto 0 auto;
	overflow: hidden; /* Needed for sidebar hack */
}
#shadleft, #shadright {
	width: 18px;
	float: left;
	padding-bottom:5000px;
	margin-bottom:-5000px;
}
#shadleft { background: url(../images/shadleft.png); }
#shadright { background: url(../images/shadright.png); }
#sidebar {
	width: 180px;
	text-align: center;
	color: #FFF;
	background: #000;
	padding-top: 10px;
	/* Hack  */
	padding-bottom:5000px;
	margin-bottom:-5000px;
	float: left;
}
#sidebar phone {
	font-size: 22px;
	color: #F00;
}
#subcontainer {
	width: 780px;  /* 996 - (#shadleft + #sidebar + #rightshad) */
	float: left;
	background: #822626/*#b00505*/;
	/* Hack */
	padding-bottom:5000px;
	margin-bottom:-5000px;
}
#header {
	height: 150px;
	text-align: center;
	background: url(../images/italian-catering-orange-county-OC-CA.jpg) #000;
	padding: 5px 10px 5px 10px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 100px;
	color: #F00;
	/* CSS3 Shadows */
	text-shadow: 0 0 20px #000;
}
#header img { float: right; }
#content { /* This is implemented in case a specific page does not need padding */
	/*background: #b00505;*/
	color: #FFF;
	
}
#subcontent {
	padding: 10px 10px 10px 10px;
}
#footer {
	width: 960px;
	margin: 0 auto 10px auto;
	text-align: center;
	font-size: 13px;
	padding-top: 3px;
	/* CSS3 Corners 
	border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;
	-o-border-bottom-right-radius: 5px; -o-border-bottom-left-radius: 5px;*/
}
#sidebar .textbox {
	font-size: 13px;
	color: #FFF;
	padding: 10px;
	font-weight: normal;
	padding: 10px;
	margin: 10px;
	/*border: 1px solid #F00;*/
}
.clearfloats { clear: both; }
/**************NAVIGATION*****************/
.navbutton {
	width: 160px; /* of 180px*/
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	background: url(../images/navbutton.jpg) #B30F0F;
	padding: 3px 0 3px 0;
	margin: 10px auto 0 auto;
	border: 2px solid #000;
	/* CSS3 Corners */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
.navbutton:hover {
	border-color: #333
}
.navbutton:active {
	background: #666;
}
/**************MENU NAVIGATION*****************/
#menunav {
	border-top: 2px solid #E1D7B5;
}
.menunavbutton {
	/*width: 74px;*/ /* of 780px, 10 tabs + 9 4px spaces*/
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	color: #333;
	background: #E1D7B5;
	margin: 0 4px 10px auto;
	padding: 6px 7px 3px 7px;
	float: left;
	/* CSS3 Corners */
	border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
	-o-border-bottom-left-radius: 5px; -o-border-bottom-right-radius: 5px;
}
.menunavbutton[alert=high] {
	background: #096;
	color: #CCC;
	float: right;
}
.menunavbutton:hover, .menunavbutton[alert=high]:hover {
	background: #333;
	color: #FFF;
	padding-top: 15px;
	margin-bottom: 0px;
}

/* Disables mouseover underlining on browsers like Chrome */
#sidebar a { text-decoration: none; color: inherit; }
#menunav a { text-decoration: none; color: inherit; }
#menuselection a { text-decoration: none; color: inherit; }