/* @override http://192.168.0.100:49004/styles/main.css
*/

* {
	padding: 0;
	margin: 0;
}

html, body {
	color: #dfd4d7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	font-variant: normal;
	background-color: white;
}

a {
	text-decoration: underline;
	color: #dfd4d7;
}

a:hover {
	text-decoration: none;
}

a.button:hover {
	color: #6e0010;
	text-decoration: none;
	background-color: #dfd4d7;
}

img {
	border: none;
}

img.photo {
	border: 1px solid white;
}

p {
	margin-bottom: 10px;
}

h1 {
	margin: 0 0 10px;
	font: 22px Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	font-size: small;
	margin-top: 15px;
}

h1 .normal {
	font-size: 13px;
}

td.field {
	text-align: right;
}

p.caption {
	font-size: 12px;
	font-style: italic;
}

p.caption.photo {
	margin: 10px auto;
}

#pageWrap {
	position: relative;
	width: 878px;
	margin: 0 auto;
	background: #6e0010 url(./images/mainTile.png) repeat-y right 0px;
}

#header {
	height: 100px;
	padding: 0 25px;
	background: #2a0000 url(./images/headerTile.png) repeat-y right 0px;
}

div#content {
	position: relative;
	padding: 20px 35px 0;
	height: 385px;
}

div#mainCol1 {
	/*
	Must use abs pos b/c IE6 flakes out with
	flexcroll in floating div.
	*/
	position: absolute;
	left: 35px;
	width: 250px;
}

div#mainCol2 {
	/*
	Must use abs pos b/c IE6 flakes out with
	flexcroll in floating div.
	*/
	position: absolute;
	right: 35px;
	width: 535px;
}

#mainCol1 img {
	display: block;
	margin: 0 auto;
}

div.scroll {
	overflow: auto;
}

#mainText {
	height: 320px;
	width: 520px;
	padding-right:15px;
}

#header img#logo {
	margin: 10px 0 0 10px;
}

input, textarea {
	font: 12px Geneva, Arial, Helvetica, sans-serif;
}

input {
	line-height: 16px;
	height: 16px;
}

/* @group Menu & Navigation */

ul#menuBar,
ul#nav {
	display: block;
	height: 30px;
	line-height: 30px;;
	white-space: nowrap;
	list-style: none;
	font-size: 16px;
	clear: both;
}

ul#menuBar {
	padding-left: 430px;
	color: #2a0000;
	background: white url(./images/menuTile.png) repeat-y right 0px;
}

ul#nav {
	background: #2a0000 url(./images/navTile.png) repeat-y right 0px;
	text-align: center;
}

ul#menuBar  li,
ul#nav  li {
	position: relative;
	width: 90px;
}

ul#menuBar  li {
	float: left;
	text-align: center;
}

ul#nav  li {
	display: inline;
	padding-left: 20px;
	padding-right: 20px;
	border-right: 1px solid white;
	text-transform: uppercase;
	font-size: 10pt;
}

ul#nav  li#contact {
	border: none;
}

#menuBar a,
.menuItems a {
	display: block;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	color: #2a0000;
}

.menuItems a {
	height: 20px;
	line-height: 20px;
}

#nav a {
	text-decoration: none;
	color: #ffffff;
}

#nav a:hover {
	background-color: #ffffff;
	color: #2a0000;
}

#menuBar a:hover,
.menuItems a:hover {
	text-decoration: none;
	background-color: #2a0000;
	color: #fff;
}

ul.menuItems {
	padding: 7px;
	background-color: #ffffff;
	border: 2px solid #2a0000;
	border-top: none;
	white-space: nowrap;
	font-size: 14px;
z-index: 1000;
}

#classesMenuItemsWrap,
#deliMenuItemsWrap,
#recipesMenuItemsWrap {
	position: absolute;
	/*
	Needed for IE to render properly.
	*/
	width: 0;
	top: 130px;
	visibility: hidden;
}

#classesMenuItemsWrap {
	left: 520px;
}

#deliMenuItemsWrap {
	left: 610px;
}

#recipesMenuItemsWrap {
	left: 700px;
}

.menuItems li {
	list-style: none;
}

/* @end */

/* @group Home Page */

.home img#logo {
	display: none;
}

.home #header {
	background: #2a0000 url(./images/foodHeader.jpg) no-repeat;
}

div#pageWrap.home a.home {
	visibility: hidden;
}

.home div#content {
	height: 385px;
	line-height: 385px;
	padding-top: 0;
}

.home #loading{
	text-align: center;
	font-size: 20px;
}

.home div#mainCol1 {
	position: relative;
	width: 475px;
	left: auto;
	height: 385px;
	margin: 0 auto;
	float: none;
}

.home div#mainCol1 img,
.home div#mainCol1 #homeLogo {
	position: absolute;
	opacity: 0.0;
	filter: alpha(opacity=0);
}

.home div#mainCol1 img {
	left: 20px;
	top: 15px;
}

.home div#mainCol1 #homeLogo {
	background: url(../images/homeLogo.png) no-repeat;
	left: 0;
	top: 20px;
	width: 475px;
	height: 144px;
}

.home div#mainCol1 #exploreText,
.home div#mainCol1 #discoverText,
.home div#mainCol1 #learnText {
	left: 85px;
	top: 335px;
	opacity: 1.0;
	filter: alpha(opacity=100);
	display: none;
}

.home div#mainCol1 #discoverText {
	left: 35px;
}

.home div#mainCol1 #learnText {
	left: 70px;
}

/* @end */


/* @group Classes Page */

.classes div.buttons {
	text-align: center;
	margin: 0 auto;
	padding: 25px 0;
}

.classes div#content {
	height: auto;
}

.classes table#classes {
	border: 1px solid #cc9999;
	width: 90%;
	margin: 20px auto;
}

.classes table#classes tr.row {
	border-bottom: 1px solid white;
}

.classes table#classes td {
	padding-top: 15px;
}

table#classes td {
	vertical-align: text-top;
}

table#classes td.field {
	white-space: nowrap;
}

.classes table#classes td.field.price {
	text-align: right;
}

/* @end */


/* @group Location Page */

.location #gmap {
	width: 400px;
	height: 365px;
	border: 1px solid white;
	overflow: hidden;
}

.location div#mainCol1 {
	width: auto;
}

.location div#mainCol2 {
	width: 385px;
}
.location #mainText {
	width: 370px;
}

/* @end */

/* @group Enroll Page */

.enroll div#mainCol1 {
	width: 335px;
}

.enroll div#mainCol2 {
	width: 450px;
}
.enroll #mainText {
	width: 435px;
}

.field input {
	padding: 7px;
}

.enroll #mainCol1 input {
	width: 200px;
}

ul.classes li {
	padding: 5px 0;
	border-bottom: 1px solid #dfd4d7;
	font-weight: bold;
}

ul.classes li p {
	font-weight: normal;
	margin: 5px 0;
}

ul.classes li input {
	margin-right: 5px;
}

.enroll #mainCol1 p.caption {
	margin-bottom: 7px;
}

/* @end */

/* @group Contact Page */

.contact div#mainCol1 {
	width: 400px;
}

.contact div#mainCol2 {
	width: 350px;
}

.contact #mainCol1 input,
.contact #mainCol1 textarea {
	width: 250px;
}

.contact #mainCol1 p.caption {
	margin-bottom: 7px;
}

/* @end */

/* @group Footer */
#footer {
	font-family: Optima, Arial, Helvetica, sans-serif;
	height: 45px;
	background: #6e0010 url(./images/mainTile.png) repeat-y right 0px;
	clear: both;
}

#footer .large {
	font-size: 14pt;
	font-weight: bold;
}

#footer p {
	line-height: normal;
	margin: 5px 0 0;
}

p#coPhoneAddr {
	float: right;
	text-align: right;
	padding-right: 25px;
}

p#coName {
	float: left;
	padding-left: 25px;
}

#pageBottom {
	height: 23px;
	background: white url(./images/pageBottom.png) no-repeat left bottom;
}
/* @end */

/* @group Buttons */

a.button {
	text-decoration: none;
	white-space: nowrap;
	border: 1px solid #dfd4d7;
	padding: 5px;
}

div.buttons {
	width: 75%;
	margin: 15px auto 0;
}

a.button.cancel {
	float: left;
}

a.button.submit {
	float: right;
}

/* @end */