/* Global Styles */

body {
	margin: 0;
	text-align:center;
	background-image: url('../images/bg.gif');
	background-repeat: repeat-x;
	background-color: #bfdcbb;
}

#logo {
	position: absolute;
	left: 0px;
	top: 16px;
	margin: 0 auto;
	width: 404px;
	text-align: center;
	z-index: 1;
}


#watermark {
	position: absolute;
	left: 257px;
	top: 102px;
	margin: 0 auto;
	width: 404px;
	text-align: center;
	z-index: 1;
}

#main {
	position: relative;
	margin: 0 auto;
	width: 780px;
	z-index: 2;
}

h1 {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #89302a;
	margin: 0px 0px 10px 0px;
	text-align: left;
}

h1 span {
	color: #464646;
}

h2 {
	font: 13px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #89302a;
	margin: 0px;
}

h3 {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #222424;
}

h4 {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #e5212e;
	margin: 0px;
}

a {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #89302a;
	line-height: 16px;
	text-decoration: underline;
	font-weight:normal;
}
a:hover {
	color: #999999;
	text-decoration: underline;
}

p {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #222424;
	line-height: 18px;
}

p.first {
	margin-top: 0px;
}

p span {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #89302a;
	line-height: 18px;
}

p.list {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #222424;
	line-height: 14px;
}

ul {
	list-style-type: square;
	color: #bfdcbb;
	margin-left: 12px;
	padding-left: 4px;
}

ol {
	margin-left: 12px;
	padding-left: 6px;
}

ul li, ol li {
	font: 13px Arial, Verdana, Helvetica, sans-serif;
	color: #89302a;
	line-height: 20px;
	margin-bottom: 2px;
}

ul li span, ol li span {
	font: 13px Arial, Verdana, Helvetica, sans-serif;
	color: #222424;
	line-height: 20px;
}

/* Home Styles */

#contents {
	position: relative;
	font:12px Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 16px;
	color: #222424;
	padding: 16px 0 0 0;
	width: 780px;
	height: 361px;
	text-align: left;
	z-index: 2;
}

/* Secondary Styles */

#contentSec {
	float: left;
	font:12px Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 16px;
	color: #222424;
	float: left;
	padding: 0px 15px 25px 15px;
	width: 390px;
	text-align: left;
}

#contentSecWide {
	float: left;
	font:12px Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 16px;
	color: #222424;
	float: left;
	padding: 0px 15px 25px 40px;
	width: 472px;
	text-align: left;
}

#secContentRight {	
	float: right;
	width: 151px;
	background-color: #ffffff;
	margin: 0;
}
#secContentRight div {
	margin: 7px;
}
#secContentRight p {	
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	line-height: 15px;
	margin: 0;
	padding: 0;
}
#secContentRight span {	
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #899D00;
	font-weight: bold;
	line-height: 15px;
}

#tagline {
	height: 55px;
}

#footer {
	position: absolute;
	top: 410px;
	left: 0px;
	width: 780px;
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	line-height: 15px;
	color: #ffffff;
	margin-top: 10px;
	text-align: left;
	z-index: 2;
}

#footer p {
	margin-top: 32px;
	font: 13px Arial, Verdana, Helvetica, sans-serif;
	line-height: 15px;
	color: #ffffff;
}

#copyright {
	clear: both;
	position: absolute;
	top: 140px;
	width: 820px;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #222424;
	font-weight: normal;
	text-align: left;
}

#copyright a {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #89302a;
	text-decoration: underline;
	font-weight: bold;
}
#copyright a:hover {
	color: #222424;
	text-decoration: underline;
}

#monthlySpecials {
	float: left;
	width: 294px;
	margin: 70px 0px 10px 10px;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #222424;
	font-weight: normal;
	text-align: left;
}

#monthlySpecials a {
	font-size: 16px;
	color: #89302a; 
	text-decoration: none;
}

#monthlySpecials a:hover {
	font-size: 16px; 
	color: #89302a;
	text-decoration: none;
}



#slides {
	position: absolute;
	left: 570px;
	top: 183px;
	width: 300px;
	height: 232px;
	text-align: left;
	z-index: 10;
}

#slidesSec {
	position: absolute;
	left: 534px;
	top: 153px;
	width: 300px;
	height: 232px;
	text-align: left;
	background-image: url('../images/slideshow_bg.jpg'); 
	background-repeat: no-repeat; 
	z-index: 1;
}

div.slideshow {
	position: relative;
	left: 6px;
	top: 7px;
	text-align: center;
	width: 281px;
	height: 211px;
	
}
    
.slideshow div {position: absolute; 
	top: 0px; left: 0px;
}

#blender {
	position: absolute;
	top: 0px;
	width: 800px;
	background-color: #fff;
	text-align: left;
	margin: 0 0 0 0px;
	padding: 10px;
	border: 1px solid #666666;
	z-index: 20;
	display: none;
}

.scheduleHeader {
	float: left;
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	padding: 4px;
	width: 65px;
	background: #bfdcbb;
	font-weight: bold;
	border-width: 1px;
	border-style: solid solid none none;
	border-color: #fff;
}

.schedule {
	float: left;
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	color: #222424;
	padding: 4px;
	width: 65px;
	height: 45px;
	background: #fff;
	font-weight: bold;
	border-width: 1px;
	border-style: none solid solid none;
	border-color: #ccc;
}

#form {
	float: left;
	position: relative;
	top: 0px;
	left: 36px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:389px;
	height: auto;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #626469;
	background-color: #1d3c6d;
	border-style: none none none solid;
	border-width: 1px;
	background-color: #ffffff;	
	text-align: left;
}

#form div {
	padding: 0px 0px 5px 10px;
}

/* Navigation Styles */

/* Main Nav */

#nav {
	margin: 0 auto;
	padding: 6px 0 0 0;
	text-align: center;
	width: 782px;
	height: 32px;
}

#nav0 a {
	float: left;
	width: 76px;
	height: 32px;
	background-image: url('../images/nav_0.jpg'); 
	background-position: 0px 0px;
	background-repeat: repeat-x;
	text-decoration: none;
}

#nav0 a:hover {
	float: left; background-image: url('../images/nav_0.jpg'); 
	background-repeat: repeat-x;
	background-position: 0px -32px;
	text-decoration: none;
}

#nav0 a span {
	float: left;
	width: 76px;
	height: 32px;
	background-image: url('../images/nav_0.jpg'); 
	background-position: 0px -32px;
	background-repeat: repeat-x;
}

#nav1 a {
	float: left;
	width: 152px;
	height: 32px;
	background-image: url('../images/nav_1.jpg'); 
	background-position: 0px 0px;
	background-repeat: repeat-x;
	text-decoration: none;
}

#nav1 a:hover {
	float: left; background-image: url('../images/nav_1.jpg'); 
	background-repeat: repeat-x;
	background-position: 0px -32px;
	text-decoration: none;
}

#nav1 a span {
	float: left;
	width: 152px;
	height: 32px;
	background-image: url('../images/nav_1.jpg');
	background-position: 0px -32px;
	background-repeat: repeat-x;
}

#nav2 a {
	float: left;
	width: 80px;
	height: 32px;
	background-image: url('../images/nav_2.jpg'); 
	background-position: 0px 0px;
	background-repeat: repeat-x;
	text-decoration: none;
}

#nav2 a:hover {
	float: left; background-image: url('../images/nav_2.jpg'); 
	background-repeat: repeat-x;
	background-position: 0px -32px;
	text-decoration: none;
}

#nav2 a span {
	float: left;
	width: 80px;
	height: 32px;
	background-image: url('../images/nav_2.jpg');
	background-position: 0px -32px;
	background-repeat: repeat-x;
}

#nav3 a {
	float: left;
	width: 105px;
	height: 32px;
	background-image: url('../images/nav_3.jpg'); 
	background-position: 0px 0px;
	background-repeat: repeat-x;
	text-decoration: none;
}


#nav3 a:hover {
	float: left; background-image: url('../images/nav_3.jpg'); 
	background-repeat: repeat-x;
	background-position: 0px -32px;
	text-decoration: none;
}

#nav3 a span {
	float: left;
	width: 105px;
	height: 32px;
	background-image: url('../images/nav_3.jpg'); 
	background-position: 0px -32px;
	background-repeat: repeat-x;
}

#nav4 a {
	float: left;
	width: 160px;
	height: 32px;
	background-image: url('../images/nav_4.jpg'); 
	background-position: 0px 0px;
	background-repeat: repeat-x;
	text-decoration: none;
}

#nav4 a:hover {
	float: left; background-image: url('../images/nav_4.jpg'); 
	background-repeat: repeat-x;
	background-position: 0px -32px;
	text-decoration: none;
}

#nav4 a span {
	float: left;
	width: 160px;
	height: 32px;
	background-image: url('../images/nav_4.jpg'); 
	background-position: 0px -32px;
	background-repeat: repeat-x;
}

#nav5 a {
	float: left;
	width: 95px;
	height: 32px;
	background-image: url('../images/nav_5.jpg'); 
	background-position: 0px 0px;
	background-repeat: repeat-x;
	text-decoration: none;
}

#nav5 a:hover {
	float: left; background-image: url('../images/nav_5.jpg'); 
	background-repeat: repeat-x; 
	background-position: 0px -32px;
	text-decoration: none;
}

#nav5 a span {
	float: left;
	width: 95px;
	height: 32px;
	background-image: url('../images/nav_5.jpg'); 
	background-position: 0px -32px;
	background-repeat: repeat-x;
}

#nav6 a {
	float: left;
	width: 96px;
	height: 32px;
	background-image: url('../images/nav_6.jpg'); 
	background-position: 0px 0px;
	background-repeat: repeat-x;
	text-decoration: none;
}

#nav6 a:hover {
	float: left; background-image: url('../images/nav_6.jpg'); 
	background-repeat: repeat-x; 
	background-position: 0px -32px;
	text-decoration: none;
}

#nav6 a span {
	float: left;
	width: 96px;
	height: 32px;
	background-image: url('../images/nav_6.jpg'); 
	background-position: 0px -32px;
	background-repeat: repeat-x;
}
	

/* Secondary Left Nav */

#secNav {
	font:11px Arial, Verdana, Helvetica, sans-serif;
	float: left;
	width: 122px;
	height: 200px;
	border-top: 1px solid #222424;
	padding-top: 10px;
	margin-top: 20px;
	text-align: left;
}
#secNav div {	
	margin-bottom: 5px;
}

#secNav a {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #89302a;
	text-decoration: none;
	text-align: left;
}

#secNav a:hover {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color: #222424;
	text-decoration: none;
}
	

#secNav span {
	font-weight: bold;
	color: #222424;
}

/* Bottom Nav */

#bottomNav {
	float: right;
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	padding: 10px 20px 10px 0px;
	text-align: right;
}
#bottomNav a {
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
#bottomNav a:hover {
	color: #afc802;
	text-decoration: none;
}
#bottomNav span {
	color: #afc802;
	text-decoration: none;
}

/* Scrolling Content Styles */


div#hold {
	position: relative;
	top: 130px;
	left: 266px;
	float: left;
	width: 284px;
	height: 277px; 
	text-align:left;
	overflow: hidden;
	z-index: 2;
}

div#hold2 {
	position: relative;
	top: 90px;
	left: 0px;
	float: left;
	width: 375px;
	height: 320px; 
	text-align:left;
	overflow: hidden;
	z-index: 2;
}

div#hold3 {
	position: relative;
	top: 90px;
	left: 0px;
	float: left;
	width: 593px;
	height: 317px; 
	text-align:left;
	overflow: hidden;
	border-width: 1px;
	border-style: none none solid none;
	border-color: #ccc;
	z-index: 2;
}

div#wn2 {
	position:relative; 
	left:0px; top:0px; 
	float: left;	
	width: 280px;
	margin: 0px 0 0 0px;
	height: 270px; 
	clip:rect(0px, 484px, 270px, 0px); 
	text-align:left;
	overflow: hidden;
	z-index:8;
}

div#wn2 p {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #222424;
	line-height: 18px;
}

div#wn2 p.list {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #222424;
	line-height: 15px;
}
div.content	{ 
	position:relative; 
	left:0px; top:0px;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	line-height: 20px;
	padding-bottom: 5px;
	z-index:1; 
	}

div#controls { 
	position: absolute;
	left: 510px;
	top: 100px;
	float: left;
	margin: 16px 0 0 13px;
	width:25px; 
 	height:80px;
 	z-index: 10;
  }
  
div#up { 
	position:relative; 
	left:0; 
	top:0; 
	z-index:1; 
}  

div#down { 
	position:relative; 
	left:0; 
	bottom:0; 
	z-index:2; 
} 

/* Admin Styles */


h1 a {
	font: 18px Verdana, Arial, Helvetica, sans-serif;
	color: #89302a;
	margin: 0px 0px 10px 0px;
	text-align: left;
}

.adminContent {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #222424;
	line-height: 15px;
}

.adminContent span {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #89302a;
	line-height: 14px;
}

.scheduleHeaderAdmin {
	float: left;
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	padding: 4px;
	width: 90px;
	background: #bfdcbb;
	font-weight: bold;
	border-width: 1px;
	border-style: solid solid none none;
	border-color: #fff;
}

.scheduleAdmin {
	float: left;
	font: 10px Arial, Verdana, Helvetica, sans-serif;
	color: #222424;
	padding: 4px;
	width: 90px;
	height: 70px;
	background: #fff;
	font-weight: bold;
	border-width: 1px;
	border-style: none solid solid none;
	border-color: #ccc;
}

textarea {
	padding: 4px;
	font: 13px Arial, Verdana, Helvetica, sans-serif;
	color: #626469;
	border: 1px solid #7886bc;
	height: 300px;
	width: 550px;
}

textarea.cal {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	width: 80px;
	height: 60px;
	overflow: hidden;
	text-align: center;
}

#htmlPrimer {
	position: absolute;
	left: 0px;
	top: 70px;
	font: 13px Arial, Verdana, Helvetica, sans-serif;
	color: #222424;
	margin: 0 auto;
	width: 800px;
	text-align: left;
	z-index: 1;
}

div#holdAdmin {
	position: absolute;
	float: left;
	top: 20px;
	left: 200px;
	float: left;
	width: 800px;
	height: 390px; 
	text-align:left;
	overflow: hidden;
	z-index: 2;
}