/* ICONOGRAPHY 2007 - Screen CSS */ /* Created by Hannah Buckler */
body, html {height: 100%;}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #38666C;
	color : #FFF;
	font-weight: bold;
}

textarea#body{
	width:620px;
}
#outer{
	display: table;
	#position: relative;
	overflow: hidden;
	height: 100%;
	width: 100%;
	
}
#inner{
	display: table-cell;
	#position: absolute;
	#top: 50%;
	#left: 50%;
	text-align:center;
	vertical-align: middle;
}

body {
	background: #EAEAEA;
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;/* "Trebuchet MS", Verdana;*/
	text-align: center;
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* everyone else */

}
div.box3{
	color: #38666C;/*#38666C;*/
}

div.flashbox{
	width:190px;
	height:190px;
	overflow:hidden;
	padding:0;
	margin:0;
}
div.timelinehead{
	float:left; 
	width:30px; 
	height:30px; 
	line-height:30px; 
	padding:0 0 0 5px; 
	font-weight:bold; 
	text-align:center;
}
div.timelinecell a,div.timelinecell a:visited{
	float: left; 
	width: 100%; 
	height: 30px; 
	line-height: 30px;
	display:block;
}
div.timelinecell a:hover,div.timelinecell a:visited:active{
	float: left; 
	height: 30px; 
	line-height: 30px; 
	width: 100%; 
	background-color:#AACE68; 
	color:#FFFFFF;
	display:block;
}
a.weekday_title,a.weekday_title_fade{
	height: 30px;
	line-height: 30px;
	background-color: #AACE68;
	color: #38666C;/*#38666C;*/
	padding-left:10px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #ffffff;
	display:block;
}
a.weekday_title_fade{
	color: #FFFFFF !important;
	background-color: #E4EFD1 !important;
}
.weekday_info{
	padding:10px;
	display:none;
	border:1px solid #AACE68;
	margin:0 0 1px 0;
}

div.catering_special{
	display:none; 
	height:50px; 
	overflow:auto;
	padding:10px;
}

#autocomplete_choices{
	width:400px !important;
	line-height:20px;
	border:1px solid #38666C;
	background-color:#FFFFFF;
}

.livefloor{font-weight:bold; color:#ffffff !important;}
#description, #body{width:100%; height:300px; display:block}

div.formrow label{width:120px;}
div.formrow{padding:3px; text-align:left;}
div.dragger{cursor:move;}
div.clr{clear:both;}

#itemlist{
	list-style-image:none;
	padding:0;
	margin:0;
}
li.swaprow{
	height:30px;
	line-height:30px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0 0 0 10px;
}

li.company{
	height:30px;
	line-height:30px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0 0 0 10px;
	background-color:#C4CFA8;
	font-weight:bold;
}

#date_Year_ID{display:none;}
#date_Month_ID{width:80px;}

div.divhead div{
	background-color:#ffffff; 
	padding:5px; 
	border-bottom:1px solid #cccccc; 
	margin:0 0 10px 0;
	font-weight:bold;
	float:left;
}
a.back{
	margin:10px 0 0 0;
	display:block;
}
.fielderror {
	border: 1px solid #ff0000;
}

.hometext {
	color: #B4C2B6;
	font-size: 19px;
	font-weight: normal;
	padding: 15px;
	line-height: normal;
	overflow: hidden;
	height: 160px;
}

#dhtmltooltip {
	position: absolute;
	padding: 2px 6px;
	border: 1px solid #38666C;
	background-color: #416D70;
	color: #ffffff;
	opacity: 1;
	visibility: hidden;
	z-index: 1000;
	font-size: 11px;
	font-family: Tahoma, Verdana;
}

table,td {
	font-family:Arial, Helvetica, sans-serif;/* "Trebuchet MS", Verdana;*/
}

#homebox {
	width: 190px;
	height: 190px;
	background-color: #416D70;
}

a,a:visited {
	color: #38666C;/*#376365;*/
	text-decoration: underline;
}

.smallbox,.smallbox1 {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 0 10px 10px;
}

.smallbox1 {
	margin-left: 25px;
}

.boxclear {
	clear: both;
}

#homebox_1,#homebox_4,#homebox_7 {
	margin-left: 25px;
}

#homebox_1 {
	background-color: #376A6D;
}

#homebox_2 {
	background-color: #427B7E;
}

#homebox_3 {
	background-color: #396867;
}

#homebox_4 {
	background-color: #376772;
}

#homebox_5 {
	background-color: #3C7588;
}

#homebox_6 {
	background-color: #37666C;
}

#homebox_7 {
	background-color: #396867;
}

#homebox_8 {
	background-color: #497B83;
}

#homebox_9 {
	background-color: #487F81;
}

/************* COMMON ****************/
p,td {
	margin: 0 0 0.8em 0;
	padding: 0;
	color: #38666C;/*#38666C;*/
	font-size: 95%;
	line-height: 120%;
}

li {
	margin: 0 0 0 20px;
	padding: 0;
	color: #38666C;/*#38666C;*/
	font-size: 100%;
	line-height: 140%;
}

ul {
	margin-top: 0px;
	padding-left:0;
	margin:0 0 10px 0;
	/*list-style-position:inside;*/
}

/**************** STYLES FOR WYSIWYG CMS *******************/
.mceContentBody {
	background: #FFF;
	text-align: left;
}

.mceContentBody p {
	margin: 0 0 0.8em 0;
	padding: 0;
	color: #38666C;/*#38666C;*/
	font-size: 90%;
	line-height: 140%;
}

.mceContentBody li {
	margin: 0;
	padding: 0;
	color: #38666C;/*#38666C;*/
	font-size: 90%;
	line-height: 140%;
}

/**************** STYLES FOR WYSIWYG CMS END *******************/
h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 190%;
	padding: 0;
	margin: 0;
	color: #CFB667;
	line-height: 180%;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;;
}

h2 {
	font-size: 24px;
	margin-bottom:15px;
	color: #38666C;/*#38666C;*/
	text-decoration:none;
}

h2 a{
	text-decoration:none;
}

h3 {
	margin: 0;
	padding: 0 0 4px 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 150%;
	color: #CFB667;
	line-height: 140%;
	font-weight: normal;
}

h4 {
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 130%;
	color: #CFB667;
	line-height: 120%;
	font-weight: normal;
}

h5 {
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 110%;
	color: #CFB667;
	font-weight: normal;
}

.titlegreen {
	color: #184E55;
}

/************** HEADER LOGO AND IMAGE *****************/
#wrap {
	margin:auto;
	width: 978px;
	text-align: left;
	background-image: url(/images/rightbg.gif);
	background-repeat: repeat-y;
}
#wrap2 {
	margin:auto;
	width: 978px;
	text-align: left;
	background-image: url(/images/rightbg.gif);
	background-repeat: repeat-y;
}

#home #wrap {
	background: #38666C;
}

#room #wrap {
	background: #98AF98;
}

#other #wrap { /*	background: #FFF; */
	
}

/************** HEADER LOGO AND IMAGE *****************/
#home #header {
	background: #38666C;
}

#room #header {
	background: #98AF98;
}

#other #header {
	background: #FFF;
}

#header {
	margin: 0;
	padding: 0;
	font-size: 85%;
	height: 213px;
	width: 100%;
}

#header .box1 {
	width: 190px;
	height: 190px;
	margin: 23px 0 0 39px;
	padding: 0px;
	background: #FFF;
	float: left;
	display: inline;
}

#header .box23 {
	width: 190px;
	height: 190px;
	margin: 23px 0 0 27px;
	padding: 0px;
	background: #3B6970;
	float: left;
}

#home #header .right {
	background: #38666C;
	width: 272px;
	padding: 0;
	margin: 0;
}

#room #header .right {
	background: #38666C;
	width: 271px;
	padding: 0;
	margin: 0;
}

#other #header .right {
	background: #38666C;
	width: 271px;
	padding: 0;
	margin: 0;
}

#home #header .right .box4 {
	width: 147px;
	height: 190px;
	margin: 23px 0 0 0;
	padding: 0 0 0 42px;
	border-left: 1px solid #fff;
}

#room #header .right .box4 {
	width: 147px;
	height: 190px;
	margin: 23px 0 0 0;
	padding: 0 0 0 42px;
}

#other #header .right .box4 {
	width: 147px;
	height: 190px;
	margin: 23px 0 0 0;
	padding: 0 0 0 42px;
}

/************** MAIN CONTENT *****************/
#container {
	width: 100%;
	margin: 0;
	padding: 0;
	background-image:url(/images/bg.gif);
	background-position:right;
	background-repeat:repeat-y;
}

#container #leftmain {
	float: left;
	width: 706px;
	margin: 0;
	padding: 27px 0 0 0;
	border-right: 1px solid #fff;
}
input.txtpad{
	margin-bottom:3px;
}
#room #container #leftmain {
	float: left;
	width: 706px;
	margin: 0;
	padding: 27px 0 0 0;
	border-right: 1px solid #98AF98;
}

#room #container #leftmain .content {
	margin: 0 0 0 39px;
	padding: 0;
	width: 624px;
	float: left;
	display: inline;
}

#other #container #leftmain .content {
	margin: 0 0 0 39px;
	padding: 0;
	width: 624px;
	float: left;
	display: inline;
}

#top_contact {
	margin: 0;
	padding: 0;
}

#top_contact .box12 {
	width: 407px;
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#top_contact .box3 {
	width: 190px;
	margin: 0 0 0 27px;
	padding: 0;
	float: left;
}

#home #container #leftmain .content {
	margin: 0 0 0 39px;
	padding: 0;
	width: 667px;
	float: left;
	display: inline;
}

#home #container #leftmain .content #top {
	margin: 0;
	padding: 0;
}

#home #container #leftmain .content #top .box12 {
	width: 407px;
	height: 190px;
	margin: 0;
	padding: 0;
	background: #366367;
	float: left;
	display: inline;
}

#home #container #leftmain .content #top .box12 .hometext p {
	margin: 0;
	/*padding: 23px;*/
	padding: 0 0 10px 0;
	color: #C9D4C6;
	/*font-size: 135%;*/
}

#home #container #leftmain .content #top .box3 {
	width: 190px;
	height: 190px;
	margin: 0 0 0 27px;
	padding: 0;
	background: #3B6970;
	float: left;
}

#home #container #leftmain .content #bottom {
	margin: 0;
	padding: 0;
}

#home #container #leftmain .content #bottom  .box1 {
	width: 190px;
	height: 190px;
	margin: 27px 0 0 0;
	padding: 0;
	background: #3D6A70;
	float: left;
}

#home #container #leftmain .content #bottom .box23 {
	width: 190px;
	height: 190px;
	margin: 27px 0 0 27px;
	padding: 0;
	background: #386468;
	float: left;
}

#container #rightcol {
	width: 271px;
	margin: 0;
	padding: 11px 0 0 0;
	float: right;
	background: #38666C;
}

#container #rightcol .content {
	margin: 0 0 0 42px;
	padding: 0;
	width: 190px;
	height: 190px;
	background: #416D70;
}

#container #rightcol .content #navigation {
	text-align: right !important;
	padding: 10px 20px 0 20px;
	margin: 0;
}

#container #rightcol .content #navigation .business {
	color: #7BAF66;
	padding: 0;
	margin: 0;
}

#container #rightcol .content #navigation ul {
	font-size: 85%;
	padding: 0;
	margin: 0;
	list-style: none;
}

#container #rightcol .content #navigation ul li {
	padding: 0;
	margin: 0;
}

#container #rightcol .content #navigation a {
	padding: 0;
	margin: 0;
	color: #77979A;
	text-decoration: none;
}

#container #rightcol .content #navigation a:hover {
	color: #FFF;
	text-decoration: none;
}

#container #rightcol .content #navigation a.current {
	padding: 0;
	margin: 0;
	color: #FFF;
	text-decoration: none;
}

#container #rightcol .content #navigation a.current:hover {
	color: #FFF;
	text-decoration: none;
}

#container #rightcol .contentsub1 {
	margin: 27px 0 0 42px;
	padding: 0;
	width: 190px;
	min-height: 20px;
	h /eight: 20px;
	background: #376365;
}

#container #rightcol .contentsub1 .text {
	font-size: 110%;
	line-height: 140%;
	color: #fff;
	padding: 0;
	margin: 0;
}

#container #rightcol .contentsub1 #subnav1 {
	text-align: right;
	padding: 16px 20px 0 20px;
	margin: 0;
}

#container #rightcol .contentsub1 #subnav1 ul {
	font-size: 85%;
	padding: 0;
	margin: 0;
	list-style: none;
}

#container #rightcol .contentsub1 #subnav1 ul li {
	padding: 0;
	margin: 0;
}

#container #rightcol .contentsub1 #subnav1 a {
	padding: 0;
	margin: 0;
	color: #7BAF66;
	text-decoration: none;
}

#container #rightcol .contentsub1 #subnav1 a:hover {
	color: #FFF;
	text-decoration: none;
}

#container #rightcol .contentsub1 #subnav1 a.current {
	padding: 0;
	margin: 0;
	color: #FFF;
	text-decoration: none;
}

#container #rightcol .contentsub1 #subnav1 a.current:hover {
	color: #FFF;
	text-decoration: none;
}

#container #rightcol .contentsub2 {
	margin: 0 0 0 42px;
	padding: 0;
	width: 190px;
	height: 48px;
	background: #376365;
}

#subnav2 {
	text-align: right;
	padding: 16px 20px 0 20px;
	margin: 0;
	font-size: 120%;
}

#subnav2 a {
	padding: 0;
	margin: 0;
	color: #77979A;
	text-decoration: none;
}

#subnav2 a:hover {
	color: #FFF;
	text-decoration: none;
}

#subnav2 a.current {
	padding: 0;
	margin: 0;
	color: #FFF;
	text-decoration: none;
}

#subnav2 a.current:hover {
	color: #FFF;
	text-decoration: none;
}

/* Added By Aaron for admin menu.... */

#container #rightcol .contentsub3 {
	margin: 27px 0 0 42px;
	padding: 0;
	width: 190px;
	min-height: 142px;
	h /eight: 142px;
	background: #376365;
}

#container #rightcol .contentsub3 .text {
	font-size: 110%;
	line-height: 140%;
	color: #fff;
	padding: 0;
	margin: 0;
}

#container #rightcol .contentsub3 #subnav3 {
	text-align: right;
	padding: 16px 20px 0 20px;
	margin: 0;
}

#container #rightcol .contentsub3 #subnav3 ul {
	font-size: 85%;
	padding: 0;
	margin: 0;
	list-style: none;
}

#container #rightcol .contentsub3 #subnav3 ul li {
	padding: 0;
	margin: 0;
}

#container #rightcol .contentsub3 #subnav3 a {
	padding: 0;
	margin: 0;
	color: #7BAF66;
	text-decoration: none;
}

#container #rightcol .contentsub3 #subnav3 a:hover {
	color: #FFF;
	text-decoration: none;
}

#container #rightcol .contentsub3 #subnav3 a.current {
	padding: 0;
	margin: 0;
	color: #FFF;
	text-decoration: none;
}

#container #rightcol .contentsub3 #subnav3 a.current:hover {
	color: #FFF;
	text-decoration: none;
}

/* full pages  */
#main {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
}

#footer {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%;
}

#home #footer .left {
	background: #38666C;
	width: 707px;
	height: 23px;
	margin: 0;
	padding: 0;
}

#home #footer .right {
	background: #38666C;
	width: 271px;
	height: 23px;
	margin: 0;
	padding: 0;
}

#room #footer .left {
	background: #98AF98;
	width: 707px;
	height: 23px;
	margin: 0;
	padding: 0;
}

#room #footer .right {
	background: #38666C;
	width: 271px;
	height: 23px;
	margin: 0;
	padding: 0;
}

#other #footer .left {
	background: #FFF;
	width: 707px;
	height: 23px;
	margin: 0;
	padding: 0;
}

#other #footer .right {
	background: #38666C;
	width: 271px;
	height: 23px;
	margin: 0;
	padding: 0;
}

/********************* MISC ***********************/
.imageframe {
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 4px;
	margin: 8px;
}

a img {
	border: none;
}

.hide {
	display: none;
}

code {
	color: #7B9905;
	font-size: 90%;
	line-height: 1.2em;
	text-align: left;
}

abbr,acronym {
	font-style: normal;
	border-bottom: 1px dotted #bbb;
	cursor: help;
}

a abbr {
	border: none;
}

form {
	margin: 0;
}

label {
	cursor: pointer;
	width:120px;
	display:block;
	float:left;
	margin-bottom:3px;
}

dl,dt,dd {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

/*************** extra classes for CMS ***************/
.alternative {
	color: #C00;
}

.highlight {
	background-color: #FF0;
}

.odd {
	background-color: #EEE;
}

#errbox {
	margin: 20px auto;
	color: #ff0000;
	border: 1px solid #ff0000;
	padding: 10px;
	width: 300px;
	height: 50px;
	text-align: center;
}

#confbox {
	margin: 20px auto;
	color: #003399;
	border: 1px solid #003399;
	padding: 10px;
	width: 300px;
	height: 50px;
	text-align: center;
}

#errbox a {
	color: #ff0000;
	text-decoration: none;
}

#errbox a:hover {
	color: #000000;
	text-decoration: none;
}

#errbox a:visited {
	color: #ff0000;
	text-decoration: none;
}

.category1 {
	float: left;
	width: 201px;
	margin: 0;
	padding: 0;
}

.category2 {
	float: right;
	width: 201px;
	margin: 0;
	padding: 0;
}

.viewdetails {
	margin: 4px auto;
	display: block;
	width: 100px;
	text-decoration: none;
	text-align: center;
	font-size: 85%;
	font-weight: bold;
	color: #fff;
	background: #C60;
	padding: 2px;
	cursor: pointer;
	border: 1px solid #C60;
}

.addtobasket {
	text-decoration: none;
	text-align: center;
	font-size: 85%;
	font-weight: bold;
	color: #fff;
	background: #8EAC91;
	padding: 4px;
	margin: 0;
	cursor: pointer;
}

#viewbasket {
	clear: both;
	color: #FFF;
	font-size: 80%;
	float: right;
	background: none;
	margin: 0 30px 0 0;
}

.qty {
	width: 3em;
}

.forumtopic {
	background-color: #EEE;
	border: 1px solid #999;
	margin-top: 10px;
}

.productframe {
	padding: 5px;
	margin: 5px;
	border: 1px solid #CCC;
	width: 30%;
	float: left;
	text-align: center;
}

#prodlist {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.price {
	font-size: 150%;
	margin: 5px 0 5px 0;
	padding: 5px;
	color: #900;
}