/***********************************************/
/* Layout Divs                                 */
/***********************************************/

body {
    margin: 0px;
    padding: 0px;
}
div#header {
	clear: none;
	height: 58px;
	background-image: url(../images/header-background.jpg);
	background-repeat: repeat-x;
	padding-bottom: 0px;
}
div#serving {
	margin: 0px;
	background-color: #FFFFFF;
	left: 211px;
	top: 80px;
	position: absolute;
	width: 484px;
	height: 24px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div#left {
	float: left;
	width: 150px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/nav-bar-maroon.jpg);
	background-repeat: repeat-y;
	height: auto;
}
div#right {
	float: right;
	width: 150px;
	background-color: #FFFFFF;
	clear: none;
	top: 200px;
}
div#middle {
	margin: 0px;
	background-color: #FFFFFF;
	left: 145px;
	top: 103px;
	position: absolute;
	width: 600px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}
div#footer {
	clear: both;
	font-size: x-small;
	color: #FFFFFF;
	padding: 3px 0px 10px;
	margin-top: -1px;
	bottom: 10px;
	left: 0px;
	top: 768px;
	background-color: #692C29;
	visibility: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	letter-spacing: 0.5em;
}
a.white:link {color: #FFFFFF;}
a.white:active {color: #FFFFFF;}
a.white:visited {color: #FFFFFF;}
a.white:hover {color: #FFFFFF;}
a.maroon:link {color: maroon;}
a.maroon:active {color: maroon;}
a.maroon:visited {color: maroon;}
a.maroon:hover {color: maroon;}
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

/***********************************************/
/* Text   Divs                                 */
/***********************************************/
div#headerbar {
	clear: both;
	height: 17px;
	background-color: #692C29;
	background-image: url(../images/top-bar.jpg);
	background-repeat: repeat-x;
}
.heading {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.subheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: maroon;
	font-weight: bold;
}
.pageheading {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: large;
}
.pageheader {
	font-family: Arial, Helvetica, sans-serif;
	color: maroon;
	padding-bottom: 0px;
	border-bottom: thin solid #800000;
	margin-bottom: 0px;
	padding-left: 1em;
	border-left: thin solid #800000;
	margin-left: 10px;
	background-color: #FFFFFF;
	position: relative;
	width: 400px;
	font-size: large;
	font-weight: bold;
}
.headingbold {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.normal-maroon {

	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: maroon;
	font-weight: normal;
}
.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	font-weight: normal;
}
div#copyright {
	clear: both;
	font-size: x-small;
	color: #FFFFFF;
	padding: 1px 0px 10px;
	bottom: 10px;
	left: 0px;
	top: 768px;
	background-color: #692C29;
	visibility: visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	letter-spacing: .5px;
}
.NavBarWhite {

	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	font-weight: normal;
}
.normal1stletter {

	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	color: #000000;
	font-weight: bold;
}
.small-maroon {


	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: maroon;
	font-weight: bold;
}