/* CSS Document */

/* COLORS:

--common colors--
side column taupe bg: #d2d6c1
dark gray borders: #636466
dark navy: #112f48
royal blue: #335281
dark gray text: #444444
cream (bg): #f2eedd
med gray hr line: #9d9fa1
photo border (brown): #81752e
----

--5 day outlook--
blue date bg: #cce2f5
blue menu bg: #e4edf3
blue events bg: #ccdde2
blue text (navy): #112f48
yellow date bg: #f7e07c
yellow menu bg: #eee7ce
yellow events bg: #e9dd9d
yellow text (brown): #605623
gray date bg: #f7f8f8
gray menu bg: #d8d8d7
gray events bg: #e0e0e0
gray text (dark gray): #231f20
----

--rollover menus--
light gray border: #bcbec0
powder blue lines: #86a3c1
light teal bg: #e8f2f9
blue highlited link: #b1cbea
----

--login box--
light blue text input bg: #cce2f5
royal blue bg: #335281
----

END COLORS */

/**** Browser Reset *******************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}
/**** Begin General Site Styles **************************/


body{
	background-image:url(../images/bg_tile.gif);
	background-repeat:repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}

#bgGradient{
	padding:0px;
	margin:0px;
	width:100%;
	min-height:800px;
	background-image:url(../images/bg_gradient.gif);
	background-repeat:repeat-x;
}

h1 {
	font-size:30px;
	color:#335281;
}

h2{
	font-size:20px;
	font-weight:bold;
	color:#335281;
	border-bottom:1px solid #335281;
}
	
p, ul{
	font-size:13px;
	line-height:17px;
	color:#444444;
}

p a, ul a{
	color:#81752e;
}

hr {
	height:0;
	border:none;
	border-top:1px solid #9d9fa1;
}

strong {
	font-weight:bold;
}

/**** Wrapper / Header ******************************/

#wrapper {
	text-align:left;
	width:798px;
	margin:0 auto;
	position:relative;
	background-color:#f2eedd;
	border:2px solid #adafb1;
}

#header {
	height:305px;
	width:798px;
	background:url(../images/logo_address.jpg) no-repeat top left;
	position:relative;
	
}

* html #header {
	margin-bottom:-1px;
}

#headerImg {
	position:absolute;
	bottom:0;
	right:0;
	
}

#spiritShopBtn {
	width:152px;
	height:35px;
	position:absolute;
	bottom:0;
	right:0;
}

#spiritShopBtn img{
	border:none;
	behavior: url(images/iepngfix.htc);
}

#spiritShopBtn span {
	display:none;
}

.homelink {
    height:300px;
    position:absolute;
    width:200px;
}

.homelink span {
    display:none;
}

/**** Top Navigation  ********************/
#topNav {
	position:relative;
	width:583px;
	height:30px;
	float:right;
	background:url(../images/topnav_gradient.gif) repeat-x top left;
}

#topNav ul {
	list-style-type:none;
	
}

#topNav ul li {
	float:left;
	padding:5px 8px 0 6px;
}
	
#topNav li a {	
	font-size:12px;
	color:#112f48;
	font-weight:bold;
	text-decoration:none;
}

/**** Main Navigation ********************/

#mainNav {
	width:798px;
	margin:0;
	padding:0;
	height:56px;
}

#nav, #nav ul {
	float: left;
	list-style: none;
	background: #e8f2f9;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#nav a {
	display: block;
	color: #112f48;
	text-decoration: none;
	padding:0;	
}

#nav a img {
	border:none;
}

#nav a.hasSubs {
	background: url(../images/rightarrow.gif) center right no-repeat;
}

#nav li {
	float: left;
	width: auto;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: bold;
	margin: 0;
	margin-top:-3px;
	border:1px solid #CCC;
}

#nav li li {
	padding-right: 1em;
	width: 13em;
}

#nav li ul a {
	width: 12em;
	border-bottom:1px solid #86a3c1;
	margin:0 auto;
	padding:10px 0;
}

#nav li ul ul {
	margin: -2.9em 0 0 14em;	
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	z-index:9000;
}

#nav li:hover, #nav li.sfhover {
	background: #b1cbea;
}

/**** content *****************************/

#main {
	background:url(../images/content_bg.gif) repeat top left;
	width:798px;
	padding:0;
}

#rightSide {
	/*margin-left:216px;*/
}

#title {
	height:68px;
	background:url(../images/header_gradient.gif) repeat-x top left;
	position:relative;
}

#title h1 {
	padding:16px 0 0 15px;
}

* html #title {
	width:100%;
	float:left;
}

#content {
	padding:0px;
}

#content p {
	margin:0 0 15px 0;
}

#currentEvents, #news {
	float:left;
	width:240px;
	margin-top:50px;
	margin-bottom:30px;
}

#currentEvents ul, #news ul {
	list-style:disc;
	margin:10px 0 10px 20px;
}

#currentEvents ul li, #news ul li {
	margin:15px 0 10px 0;
}

#news {
	margin-left:50px;	
}

#leftSide {
	float:left;
	width:216px;
}

/**** Footer ********************************/

#footer {
	background:url(../images/footer_bg.gif) repeat-x top left;
	height:146px;
	padding:0 20px 0 20px;
	clear:both;
}

#footer address, #footer p {
	font-size:11px;
	color:#335281;	
}

#footerContent {
	padding-top:30px;
}

#footer .left {
	width:300px;
	float:left;
}

#footer .middle {
	width:220px;
	float:left;
}

#footer .right {
	width:100px;
	float:left;
}

#footer .middle span {
	width:50px;
	float:left;
	clear:both;
}

/**** Calendar ******/

#dayCalendar {
	width:184px;
	margin:10px 0 10px 15px;
	padding-top:34px;
	background:url(../images/5day_header.gif) no-repeat top center;
	position:relative;
}

#dayCalendar p {
	font-size:11px;
}

#dayCalendar ul {
	list-style:disc;
	margin-left:17px;
	font-size:10px;
}

#dayCalendar ul li {
	margin-bottom:3px;
	margin-top:2px;
}

.dayTitle, .foodMenu, .dayEvents {
	border-bottom:1px solid #636466;
	border-left:2px solid #636466;
	border-right:2px solid #636466;		
}

.dayTitle {
	font-weight:bold;
	text-align:center;	
	padding:3px 0;
	width:180px;
}

.foodMenu {
	width:180px;
}

.foodMenuContent {
	font-size:10px;
	font-style:italic;	
	padding: 2px 5px 2px 35px;	
}

.dayEvents {
	width:180px;
}

.dayEventsContent {
	padding: 2px 2px 2px 35px;
}

/*** Blue days ******************/
.blue p, .blue ul li {
	color:#112f48;
}

.blue .dayTitle {
	background-color:#cce2f5;
}

.blue .foodMenu {
	background:#e4edf3 url(../images/5day_blue_gradient.gif) repeat-y top left;	
}

.blue .foodMenuContent {
	background:url(../images/5day_blue_menu.gif) no-repeat center left;	
}

.blue .dayEvents {
	background:#ccdde2 url(../images/5day_blue_gradient.gif) repeat-y top left;		
}

.blue .dayEventsContent {
	background:url(../images/5day_blue_events.gif) no-repeat center left;	
}


/**** Yellow Days ******************/

.yellow p, .yellow ul li {
	color:#605623;
}

.yellow .dayTitle {
	background-color:#f7e07c;
}

.yellow .foodMenu {
	background:#eee7ce url(../images/5day_yellow_gradient.gif) repeat-y top left;	
}

.yellow .foodMenuContent {
	background:url(../images/5day_yellow_menu.gif) no-repeat center left;	
}

.yellow .dayEvents {
	background:#e9dd9d url(../images/5day_yellow_gradient.gif) repeat-y top left;		
}

.yellow .dayEventsContent {
	background:url(../images/5day_yellow_events.gif) no-repeat center left;	
}


/**** Gray Days **************************/

.gray p, .gray ul li {
	color:#231f20;
}

.gray .dayTitle {
	background-color:#f7f8f8;
}

.gray .foodMenu {
	background:#d8d8d7 url(../images/5day_gray_gradient.gif) repeat-y top left;	
}

.gray .foodMenuContent {
	background:url(../images/5day_gray_menu.gif) no-repeat center left;	
}

.gray .dayEvents {
	background:#e0e0e0 url(../images/5day_gray_gradient.gif) repeat-y top left;		
}

.gray .dayEventsContent {
	background:url(../images/5day_gray_events.gif) no-repeat center left;	
}

/****Misc Classes ***********/

.clear {
	clear:both;
}

.video {
	float:right;
	margin:0 0 20px 20px;
}


/****** Cart styles (overrides styles on cart style sheet) *********/


.leftSide{
	padding:10px 30px 10px 12px!important;
	}

.TopBottomBar{
	padding:3px 6px;
	}

.BoxHeader{
	padding:0px;
	}

.BoxFrame{
	border:1px solid #636466;
	}

.formSpacer{
	margin:2px 8px 2px 5px;
	}

.formFieldSet input, .formFieldSet select{
	width:120px;
	}

.shippingFields input{
	width:auto;
	}

.shippingFields select{
	width:100px;
	}