/*
 #########################################################################################
 # +-----------------------------------------------------------------------------------+ #
 # | SMG XHTML Framework: screen.css                                                   | #
 # +-----------------------------------------------------------------------------------+ #
 # | - This is the default 'screen' stylesheet for sites using the SMG XHTML framework | #
 # | - Most necessary styles are defined in here                                       | #
 # | - When making additions, indicate that they are not original via comments         | #
 # | - Default typography settings are contained in text.css                           | #
 # | - Use percentages for font sizes whenever possible rather than pixels.            | #
 # | - Overall type-size changes should be made via the body selector                  | #
 # +-----------------------------------------------------------------------------------+ #
 # | - Comments can (and should) be removed prior to deployment                        | #
 # +-----------------------------------------------------------------------------------+ #
 #########################################################################################
*/


a:link, a:visited {
	color: #844513;
	text-decoration: underline;
}

a:hover, a:active {
	color: #F6ECE0;
	background: #844513;
	text-decoration: none;
}

a.bulleted {
}

/*body: define default typeface; 'text-align: center' def is for legacy browsers / coincides w/ 'text-align: left' on #document*/
body {
	text-align: center;
	background: #844513 url(bg_body0.jpg) repeat-y center top;
	color: #222222;
	margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

dd {
	margin: 0em;
	padding-left: 1em;
}

dd.price {
	font-size: 90%;
	font-weight: bold;
	margin: 0px;
	padding-top: .15em;
}

dl {}

dt {
	font-weight: bold;
	margin-bottom: .25em;
}

/*headings: define heading typefaces; sizes in percentages*/
h1,h2,h3,h4,h5,h6 {
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

/*selectors that can be applied to any element*/
.hidden {
	display: none;
}

.nopad {
	margin: 0px;
	padding: 0px;
}

/*#accessiblity: shown when no styles are applied*/
#accessibility {
	display: none;
}

/*#accesskeys: used on the accessiblity page; optional*/
#accesskeys table {
	border: none;
	margin: 0px;
}

#accesskeys td,
#accesskeys th {
	border-bottom: 1px solid #cfcfcf;
	margin: 0px;
	padding: 4px;
}

#accesskeys th {
	background: #C8A379;
	border-top: 1px solid #cfcfcf;
	margin: 0px;
	color: #fff;
}

/*#document: used to contain the page width / alignment; sets the max width of the page*/
#document {
	text-align: left;
	width: 608px;
	margin-left: auto;
	margin-right: auto;
	}

/*#logo: page header / logo area*/
#logo {
	height: 116px;
	background: url(bg_logom.jpg) no-repeat center top;
}

#logo h1,
#logo hr,
#logo span,
#logo p {
	display: none;
}

#logo div.left50{
	background: url(bg_logol.jpg) no-repeat left top;
	height: 116px;
}

#logo div.right50{
	background: url(bg_logor.jpg) no-repeat right top;
	height: 116px;
}


#logo a {
	width: 100%;
	height: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
}

/*#page: contains #content + sidebars*/
#page {
	padding: 15px 40px 5px;
}

#content {
	margin-right: 150px;
}

#content a:link,
#content a:visited {
	text-decoration: underline !important;
}

#content a:hover,
#content a:active {
	text-decoration: none !important;
}

#content h1 {
	color: #090827;
	height: 36px;
	margin: 0px;
	padding: 0px;
}

#content h1.welcome {
	background: url(welcome0.gif) no-repeat left top;
}

#content h1.menu {
	background: url(menu0000.gif) no-repeat left top;
}

#content h1.mabelscatering {
	background: url(mabelsca.gif) no-repeat left top;
}

#content h1 span {
	display: none;
}

#content h2 {
	color: #090827;
	height: 36px;
	margin: 0px;
	padding: 0px;
}

#content h3 {
	color: #398CDA;
	margin: 0px;
	font-size: 120%;
}

#content h2.contactmabels {
	background: url(contactm.gif) no-repeat left top;
}

#content h2.mabelsdrinks {
	background: url(mabelsdr.gif) no-repeat left top;
}

#content h2.mabelspizza {
	background: url(mabelspi.gif) no-repeat left top;
}

#content h2.mabelsyourway {
	background: url(mabelsyo.gif) no-repeat left top;
}

#content h2 span {
	display: none;
}


#content img.floatleft {
	float: left;
	margin: 0px 5px 5px 0px;
}

#content img.floatright {
	float: right;
	margin: 0px 0px 5px 5px;
	padding: 0px;
}

#content li {
}

#content p.intro {
	font-weight: bold;
	color: #bC020f;
}

#sidebar-b {
	float: right;
	width: 135px;
	margin: 5px 0px 0px;
}

#sidebar-b dd {
	margin: 0em;
	padding-left: 0.35em;
}

#sidebar-b dt {
	font-weight: bold;
	font-size: 90%;
	margin-bottom: .1em;
}

#sidebar-b h2 {
	font-size: 110%;	
}

#sidebar-b li {
	list-style: none;
	margin: 0;
	padding: 0px;
}

#sidebar-b li a {
	width: 100%;
	color: #6B380D;
	text-decoration: none;
	display: block;
	font-size: 165%;
	line-height: normal;
}

#sidebar-b li a:link,
#sidebar li a:visited {
	color: #6B380D;
	display: block;
}

#sidebar-b li a:hover,
#sidebar-b li a:active {
	background: #fff;
	color: #C8A379;
}

#sidebar-b p {
	font-size: 90%;
	line-height: normal;
}

#sidebar-b ul {
	list-style: none;
	margin: 0px;
	padding: 10px 5px;
	border-bottom: 1px dashed #CBA47B;
	border-top: 1px dashed #CBA47B;
}

/*#footer: sits inside #page; for prestational footer shadows, etc. use #credits*/
#footer {
	font-size: 90%;
	height: 15px;
	padding: 10px 5px 5px;
	border-top: 1px dashed #CBA47B;
	width: 558px;
	margin-right: auto;
	margin-left: auto;
}

#footer a {
	font-weight: normal;
	text-decoration: none;
}

#footer a:link,
#footer a:visited {
	text-decoration: underline;
	color: #844513;
}

#footer a:hover,
#footer a:active {
	background: #844513;
	color: #F6ECE0;
	text-decoration: none;
}

#footer hr {
	display:none;
}

#footer li {
	border-right: 1px solid #ccc;
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px 1em;
}

#footer li.last {
	border-right: 0px solid;
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 1em;
}

#footer p.copyright {
	margin: 0;
}

#footer ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/*#credits: used to set presentational footer; can be used to contain developer footer (usually hidden)*/
#credits {
}

#credits hr {
	display: none;
}

#credits p {
	display: none;
}