/* 
  -----------------------------------
Crawford Kitchens Style
  -----------------------------------
*/
body {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #333333;
	margin: 12px 20px;
	padding: 0;
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat-x;
}

#pagewrapper{
	margin: 0 auto;
	width: 770px;
}

#masthead {
	border: 1px solid #000000;
}
#logodiv {
}

#menubar {
	background-color: #000000;
	font-size: 0.75em;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
}

/*The clearmenu class is assigned to an empty DIV that is placed just below
the menu's closing </ul> tag and just before the menubar's closing </div> tag.
This is necessary to the rendering of menubar's borders and background
because the top-level menu items are floated and, therefore, not in the page flow.
Do not delete or modify this rule in any way and do not delete or move the
clearing DIV in the page source code.*/
.clearmenu {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 1px;
}

#mainbox {
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	height: 500px;
	background-color: #FFFFFF;
	overflow: auto;
}
#maincontent {
	padding: 15px;
	font-family: "Trebuchet MS";
	font-size: 0.9em;
	margin: 0px;
}

#maincontent p {
	
}
#footer {
	padding: 10px;
	font-size: 0.7em;
	border: 1px solid #000000;
	background-color: #000000;
	color: #FFFFFF;
}
#footer p {
	margin: 0;
}
h1, h2, h3 {
	margin: 0px;
	font-size: 1.8em;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #333333;
	text-align: center;
	line-height: normal;
	font-weight: normal;
}
h2, h3 {
	font-size: 1.6em;
	color: #333333;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-variant: small-caps;
}
h3 {
	font-size: 1.4em;
	color: #333333;
}

/*the top class is applied to headings at the top of a DIV when we want
those heading to be flush with the top of the DIV. This class can be
assigned to any element to set its margin to zero.*/
.top {margin: 0;}

/*Link Styles. Applies to links except
those that are in the main menubar.*/
a:link {
	color: #F99C25;
	text-decoration: none;
}
a:visited {
	color: #F99C25;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #999999;
	text-decoration: none;
}
.looseapples {
	font-size: 0.8em;
}