/*  
bgcolor="#FFCC33" text="#000000" link="#003366" vlink="#660066" alink="#003366"
  */
body {background-color: #fc3; color: #000; font-size: 76%; font-family : Arial, Helvetica, Verdana, Sans-Serif;}
a {}
a:link, a:visited  {color: #000;}
a:active, a:hover {color: #f00;}

.clearBoth {clear: both;}

.floatRight {float: right; padding: 0 10px;}
.floatLeft {float: left; padding: 0 10px}

.errorMsg {margin: 15px 0; padding: 5px; background-color: #ffc; color: #c00;}
div.rule {height: 1px; background-color: #000; margin: 10px 0;}

#baseContainer {width: 740px; margin: 0 auto;}

/* Header Properties  */
#orderonlineBTN {position: relative; left: 225px; top: 50px; width: 122px; height: 24px;}

#headerTop {width: 740px; height: 83px; background: url(../img/common/top.gif) no-repeat;}
#headerMiddle {width: 739px; height: 9px; background: url(../img/common/logo_middle.gif) no-repeat;}

#headerBottom1 {width: 739px; height: 1px; background-color: #000;}
#headerBottom1 #logoBottomA {float: left; width: 83px; height: 1px; background-image: url(../img/common/logo_bottom-a.gif);}
#headerBottom1 #logoBottomB {float: left; width: 94px; height: 1px; background-image: url(../img/common/logo_bottom-b.gif);}
#headerBottom1 #bottomBannerB {float: right; width: 44px; height: 1px; background-image: url(../img/common/bottom_banner-b.gif);}

#headerBottom2 { width: 740px;}
#headerBottom2 #logoBottom {float: left; width: 695px; height: 13px; background: #c03 url(../img/common/logo_bottom.gif) no-repeat; border-right: 1px solid #000;}
#headerBottom2 #bottomBanner {float: left; width: 35px; height: 13px; background: url(../img/common/bottom_banner.png);}

#headerBottom3 {background-color: #000; width: 696px;}
#headerBottom3 #starC {float: left; width: 83px; height: 1px; background-image: url(../img/common/star-c.gif);}
#headerBottom3 #starA {float: left; width: 88px; height: 1px; background-image: url(../img/common/star-a.gif);}

#starBottomRight {width: 112px; height: 37px; background: url(../img/common/star_bottom_right.gif) no-repeat;}
/* +++++++++++++++++++++ */

/* TopNav Properties */
ul#topNav {height: 24px; margin: 0; padding: 0;}
#topNav li {display: inline; list-style-type: none; margin: 0; padding: 0;}
#topNav a {float: left; height: 24px; display: block; text-decoration: none;}
#topNav a:hover, #topNav .hot {background-position: left bottom;}

#topNav #home {width: 163px; background-image: url(../img/topnav/home.gif);}
#topNav #aboutus {width: 68px; background-image: url(../img/topnav/aboutus.png);}
#topNav #franchise {width: 68px; background-image: url(../img/topnav/franchise.png);}
#topNav #fundraising {width: 78px; background-image: url(../img/topnav/fundraising.png);}
/*  #topNav #news {width: 6px; background-image: url(../img/topnav/bg.png);}  */
#topNav #newsHold {width: 38px; background-image: url(../img/topnav/bg.png);}
#topNav #locations {width: 65px; background-image: url(../img/topnav/locations.png);}
#topNav #contactus {width: 72px; background-image: url(../img/topnav/contactus.png);}
#topNav #catering {width: 66px; background-image: url(../img/topnav/catering.png);}
#topNav #guestcomments {width: 111px; background-image: url(../img/topnav/guestcomments.png);}
#topNav #careers {width: 57px; background-image: url(../img/topnav/careers.png);}

/*  #topNav #endCap {float: left;width: 97px;  height: 24px; display: block;background-image: url(../img/topnav/end.png);}  */
#topNav span {display: none;}

#topNav #news {width: 39px; background-image: url(../img/topnav/news.png);}
#topNav #buffer {width: 45px; background-image: url(../img/topnav/bg.png);}
#topNav #endCap {float: right;width: 97px;  height: 24px; display: block;background-image: url(../img/topnav/end.png);}
/* +++++++++++++++++++++ */

/* Content Body Properties  */
table#contentBody { border: none; margin: 0; padding: 0;}
#contentBody tr {vertical-align: top;}
#contentBody td#col1 {width: 82px; background: url(../img/common/star_bottom.gif) no-repeat top right;}
#contentBody td#col2 {width: 1px; background: #000 url(../img/common/star_middle.gif) no-repeat;}
#contentBody td#body {width: 610px; background-color: #cc9; border-right: 1px solid #000;}
#contentBody td#sideBar {width: 23px;}
/* +++++++++++++++++++++ */

/* SideBar Properties */
#sideBar ul {width: 23px; margin: 0; padding: 0; margin-top: 15px;}
#sideBar li {display: inline; list-style-type: none; margin: 0; padding: 0;}
#sideBar a {width: 23px; display: block; text-decoration: none; margin-top: 3px;}
#sideBar a:hover, .hot {background-position: right top;}

#sideBar #orderonline {height: 107px; background-image: url(../img/sidebar/order-online.png);}
#sideBar #ourmenu {height: 107px; background-image: url(../img/sidebar/our-menu.png);}
#sideBar #partyplatters {height: 107px; background-image: url(../img/sidebar/party-platters.png);}
#sideBar #giftcards {height: 88px; background-image: url(../img/sidebar/gift-cards.png);}
/* +++++++++++++++++++++ */

/* Tab Properties  */
#tabs {margin: 0; padding: 0; list-style: none;}
#tabs a {font-weight: bold; text-transform: uppercase; color: #c00; text-decoration: none;}
#tabs a.active-tab, #tabs a:hover {color: #666;}
#tabs li {float: left;}
.panel {clear: both; display: none; margin: 0; margin-bottom: 20px; padding: 0;}
.panel.active-tab-body {display: block;}

.panel h3 {color: #c00; margin-bottom: 3px;}
/* +++++++++++++++++++++ */

.clearAll {clear: both;}
.col21 {float: left; width: 48%; padding-right: 10px;}
.col22 {float: left; width: 48%;}

.col31 {float: left; width: 33%; margin-right: 10px;}
.col32 {float: left; width: 33%; margin-right: 10px;}
.col32 {float: left; width: 33%;}

table#homeInterior {width: 100%; border: none; margin: 0; padding: 0;}
.homeCopy {padding: 0 5px;}
.homeCopy p {margin: 8px 2px; color: #000;}
.homeCopy a {text-decoration: underline;}

#homeSurvey {width: 614px; height: 39px; margin-left: 82px;}

table#secondaryInterior {width: 100%; border: none; margin: 0; padding: 0;}
#secondaryInterior tr {vertical-align: top;}

#pageHeader {width: 521px; height: 22px;}
.aboutus {background: url(../img/hdr/aboutus.gif) no-repeat;}
.careers {background: url(../img/hdr/careers.gif) no-repeat;}
.contactus {background: url(../img/hdr/contactus.gif) no-repeat;}
.franchise {background: url(../img/hdr/franchise.gif) no-repeat;}
.fundraising {background: url(../img/hdr/fundraising.gif) no-repeat;}
.locations {background: url(../img/hdr/locations.gif) no-repeat;}
.giftcards {background: url(../img/hdr/giftcards.gif) no-repeat;}
.guestcomments {background: url(../img/hdr/guestcomments.gif) no-repeat;}
.news {background: url(../img/hdr/news.gif) no-repeat;}
.ourmenu {background: url(../img/hdr/ourmenu.gif) no-repeat;}
.partyplatters {background: url(../img/hdr/partyplatters.gif) no-repeat;}
.partyplatters2 {background: url(../img/hdr/partyplatters2.gif) no-repeat;}
.survey {background: url(../img/hdr/survey.gif) no-repeat;}

#subNav {width: 490px; text-align: center; margin: 10px 0;}
#subNav ul li {display: inline; list-style-type: none; margin: 0; padding: 0;}

#sidebarImg {width: 45px; background-color: #c03;}
.sidebarImg {width: 45px; height: 356px;}
.one {background: url(../img/sidebar/01.jpg) no-repeat;}
.two {background: url(../img/sidebar/02.jpg) no-repeat;}
.three {background: url(../img/sidebar/03.jpg) no-repeat;}
.four {background: url(../img/sidebar/04.jpg) no-repeat;}
/*  .five {background: url(../img/sidebar/05.jpg) no-repeat;}  */
.six {background: url(../img/sidebar/06.jpg) no-repeat;}
.seven {background: url(../img/sidebar/07.jpg) no-repeat;}
.eight {background: url(../img/sidebar/08.jpg) no-repeat;}

#secondaryInterior .shadow {background: url(../img/common/shadow.gif) right repeat-y;}

#secondaryBlack {background-color: #000; width: 614px; height: 10px; margin-left: 82px;}
#secondaryBlack2 {background-color: #000; width: 612px; height: 10px;}

/* News Listing Properties  */
table#newsListing {width: 90%; border: none;}
#newsListing tr {vertical-align: top;}
#newsListing td {padding: 15px 0;}
#newsListing td a {font-weight: bold;}
#newsListing td .date {width: 100px; text-align: center;}
/* +++++++++++++++++++++ */

#footer {width: 614px; font-size: 11px; text-align: center; margin: 15px 0 15px 82px}
#footer #bottomNav a {padding: 3px;}
#footer #copyright {margin: 5px 0;}