@charset "UTF-8";

body {
margin: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#PageContainer { /* page container holds all page content */
margin:auto;
margin-bottom:10px;
width:920px;
background-color: #50544F; /* background colour of section, header colour may differ */
background-image:url(/images/section_background/default_bl_corner.gif);
background-repeat:no-repeat;
background-position:bottom left;
padding-bottom: 25px;
}

#PageContent {
margin: 0px 36px 0px 42px;
}


#SectionHeader { /* these styles very from section to section */
background-color: #50544F; /* background colour for home page */
/* cornner image top right */
background-image:url(/images/section_head/default_sh_tr_corner.gif);
background-repeat:no-repeat;
background-position:top right;
height: 117px;
}
#SectionHeaderHead {
float:left;
}
#Brand {
float:right;
margin-right:26px;
}
#SectionHeaderHead {
margin-top: 26px;
}
#Brand {
float:right;
margin-top:38px;
}


/*******************************************************************************

SECTION STYLES / SECTION TEXT STYLES 

 *******************************************************************************/

#PageContent p {
}

#PageContent .disclamer {
font-size: 11px;
line-height: 14px;
color:#8A8A8A;
}

#SectionIntro {
width:314px;
float:left;
}
#SectionIntro h1{
text-align:right;
text-transform:uppercase;
color:#8A8A8A;
font-size: 17px;
font-weight:normal;
}
#SectionIntro h2{
text-transform:uppercase;
color:#8A8A8A;
font-size: 15px;
font-weight:normal;
margin-bottom: 5px;
}
#SectionIntro p {
font-size: 14px;
line-height: 19px;
color:#A9A8A6; /* colour changes from secton to section */
text-align:justify;
margin-top: 0px;
}

#SectionIntro a {
color:#A9A8A6; /* colour changes from secton to section */
text-decoration:underline;
}

#SectionIntro .highlight {
color:#ffffff; /* colour changes from secton to section */
}
/* applies styles for links in main content */

#pagecontentLinks p {
text-align:right;
}
#pagecontentLinks a {
text-transform:uppercase;
text-decoration:none;
color:#A9A8A6; /* default special events page */
font-size: 12px;
}
#pagecontentLinks a:hover {
color:#99A58E; /* colour changes from secton to section */
}
/**/

#SectionNav {
float:right;
width: 488px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*******************************************************************************

Secondary Nav STYLES

 *******************************************************************************/

#SecondaryNav {
float:right;
width: 488px;
margin-top: 12px;

}

ul.SecondaryNav {
margin: 0;
padding: 0;
font-size: 9px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
background-color:#6A6C69; /* colour changes from secton to section */
height:28px;
width: 488px;
}

ul.SecondaryNav li {
margin:0;
list-style-type:none;
text-align:left;
float:left;
}

ul.SecondaryNav a
{
color: #FFFFFF; /* colour changes from secton to section */
text-decoration: none;
padding: 9px 5px 10px 23px;
margin-left:5px;
height:28px;
line-height:28px;
}
ul.SecondaryNav a.contact {
background-image:url(/images/secondary_nav/home_icon_contact.gif); /* image changes from secton to section */
background-repeat:no-repeat;
}
ul.SecondaryNav a.locate {
background-image:url(/images/secondary_nav/home_icon_locate.gif); /* image changes from secton to section */
background-repeat:no-repeat;
}
ul.SecondaryNav a.info {
background-image:url(/images/secondary_nav/home_icon_info.gif); /* image changes from secton to section */
background-repeat:no-repeat;
}
ul.SecondaryNav a.subscribe {
background-image:url(/images/secondary_nav/home_icon_subcribe.gif); /* image changes from secton to section */
background-repeat:no-repeat;
padding-right: 0px;
}

/*******************************************************************************

Section Menu STYLES (shopping and dining is the default) */

.SectionImage {
float:left;
width: 290px;
}
#SectionFlash {
float:left;
width: 290px;
}

#SectionMenuBlock {
width: 198px;
/* margin-left:290px; */
float:right;
height:290px;
background-color: #E5E6E8; /* may change from section to section */
}

ul.SectionMenu {
margin:0;
padding:0px 15px 0px 15px;
}
ul.SectionMenu li {
list-style:none;
border-bottom:  #FFFFFF dotted 2px;
}
ul.SectionMenu li.SectionMenuLast {
list-style:none;
border-bottom:  none;
}
ul.SectionMenu a {
display:block;
line-height: 16px;
text-decoration:none;
text-transform: uppercase;
font-size:10px;
color:#50544F;
padding:15px 0px 15px 0px;
}
ul.SectionMenu a:hover {
color: #98AD73; /* colour may change section to section */
}

/*******************************************************************************

 MAIN MENU STYLES

 *******************************************************************************/
#MainMenu {
width: 920px;
background-color:#6A6C69; 
margin-bottom: 50px;
}

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	margin-left: 16px;	
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: .05em;
	text-transform:uppercase;
	cursor: default;
	height:34px;
	background-color:#6A6C69; 
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	list-style-type: none;
	position: relative;
	text-align:left;
	cursor: pointer;
	float: left;
	
	
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 1020;
	cursor: default;
	width:  170px;
	position: absolute;
	left: -1000em;
	
	
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
	
	
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li, ul.MenuBarHorizontal li
{
	width: 170px;
}

/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/


ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color:#6A6C69; /* colour changes from secton to section */
	color: #FFFFFF; /* colour changes from secton to section */
	text-decoration: none;
	text-align:center;
	height:34px;
	line-height: 34px;
}
ul.MenuBarHorizontal li ul a {
	background-color: #A3DCE6; 
	color: #50544F;
	text-align:left;
	padding: 10px;
	height:auto;
	line-height:normal;
	}
 

/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #A3DCE6;
	color: #50544F;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #abc5c9;
	color: #FFFFFF;
}


/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}

/*******************************************************************************

Events Style, Default styles for Event, and In Store promo page.
Event page is the default.

*******************************************************************************/
#EventList { /* main events container */
margin-top: 20px;
}
#EventListNav { /* event nav */
}
#Event { /* indivdual event div */
border-bottom: 2px #B9B098 solid;
padding-bottom: 20px;
}
#Event a {
color: #A9A8A6;
}
#Event a:hover {
color: #50544F;
}

table.Event {
margin: 20px 0px 10px 0px;
width:842px;
}
table.Event td {
vertical-align:top;
}
table.Event p {
color:#A9A8A6;
margin-top: 5px;
line-height: 20px;
}
td.EventC1 { /* column one Date and location */
width:160px;
border-right: 2px #B9B098 solid;
}
td.EventC1 .eventdate {
text-transform:uppercase;
}
td.EventC1 p {
font-size:11px;
font-weight:bold;
line-height:13px;
}
td.EventC2 { /* column two Heading and Discription */
padding:0 10px;
}
td.EventC2 p {
font-size: 14px;
}
td.EventC2 h1 {
font-size: 16px;
margin-bottom: 10px;
margin-top: 0px;
color:#A9A8A6;
letter-spacing: 1px;
}
.EventC3 { /* column three photo */
width: 120px;
}
.EventC3 img {
/* border: 1px #B9B098 solid; */
}

.eventdescriptioin {
font-size: 14px;
color:#A9A8A6;
line-height: 19px;
padding-bottom: 0px;
display:block;
width:512px;
}
.toggler {
cursor:pointer;
}

.toggler p:hover {
color:black;
}

/*******************************************************************************

CONTACT US STYLE

 *******************************************************************************/
 
 table#contactInfo td {
 width: 50%;
 padding-bottom: 15px;
 }

table#contactInfo p {
font-size: 14px;
line-height: 19px;
color:#A9A8A6; /* colour changes from secton to section */
}
table#contactInfo a {
color: #A9A8A6;
}
table#contactInfo h1 {
text-transform:uppercase;
color:#FFFFFF;
font-size: 17px;
font-weight:normal;
}

/*******************************************************************************
Legal
********************************************************************************/

p.legal a {
color: #A9A8A6;
text-decoration:none;
}

p.legal {
margin-top: 10px;
color: #A9A8A6;
}