/* CSS Document */

body
{
    background: #353535;
    text-align: center;
    font-family: 'Lucida Sans Typewriter';
    font-size: 12px;
    color: #666;
}
#page { width: 885px; margin: 0 auto; text-align: left; }
#page .header { width: 100%; float: left; display: inline; margin-top: 2px; height: 80px; } 

.brd { border: 1px solid #000; }
.brk { clear: left; }
img { border: none; }
a { color: #2787d1; text-decoration: underline; }
a:hover { color: #000; text-decoration: underline; }
p { margin-top: 10px; text-align: justify; line-height: 20px; }
p strong { color: #187ac3; font-weight: bold; font-size: 14px; }
.date {font-weight: normal; font-size: 10px; color: #ff9000; }
h1 { font-size: 18px; color: #187ac3; }

h3 { font-size: 16px; color: #187ac3; text-align: center; }

.header .logo { width: 374px; height: 120px;  float: left; display: inline; }
.header .topmenu { width: 100px; float: right; }
.topmenu .homeicon { width: 31px; height: 28px; float: left; display: inline; margin-top: 20px; }
.topmenu .rssicon { width: 31px; height: 28px; float: left; display: inline; margin-top: 20px; margin-left: 10px; }

#page .main { width: 100%; float: left; display: inline; background: url(images/mainbot.gif) no-repeat bottom #FFF; }
.main .menu { width: 100%; float: left; display: inline; height: 30px; background: #353535; }
.menu ul { margin: 0; padding: 0; float: right; display: inline; text-align: right; }
.menu ul li {float: left; display: inline; margin-left: 3px; }

#home a {display: block; border: none; width: 145px; height: 30px; text-indent: -3000px; padding: 0; }
#home a {background: url(images/home.gif) bottom left; width: 145px; height: 30px; }
#home a:hover {background: url(images/home.gif) top left; width: 145px; height: 30px; }
#home a.selected {background: url(images/home.gif) top left; width: 145px; height: 30px; }

#breakfastlunch a {display: block; border: none; width: 145px; height: 30px; text-indent: -3000px; padding: 0; }
#breakfastlunch a {background: url(images/breakfast-lunch.gif) bottom left; width: 145px; height: 30px; }
#breakfastlunch a:hover {background: url(images/breakfast-lunch.gif) top left; width: 145px; height: 30px; }
#breakfastlunch a.selected {background: url(images/breakfast-lunch.gif) top left; width: 145px; height: 30px; }

#ourcoffee a {display: block; border: none; width: 145px; height: 30px; text-indent: -3000px; padding: 0; }
#ourcoffee a {background: url(images/OurCoffee.gif) bottom left; width: 145px; height: 30px; }
#ourcoffee a:hover {background: url(images/OurCoffee.gif) top left; width: 145px; height: 30px; }
#ourcoffee a.selected {background: url(images/OurCoffee.gif) top left; width: 145px; height: 30px; }

#catering a {display: block; border: none; width: 145px; height: 30px; text-indent: -3000px; padding: 0; }
#catering a {background: url(images/catering.gif) bottom left; width: 145px; height: 30px; }
#catering a:hover {background: url(images/catering.gif) top left; width: 145px; height: 30px; }
#catering a.selected {background: url(images/catering.gif) top left; width: 145px; height: 30px; }

#aboutus a {display: block; border: none; width: 145px; height: 30px; text-indent: -3000px; padding: 0; }
#aboutus a {background: url(images/aboutus.gif) bottom left; width: 145px; height: 30px; }
#aboutus a:hover {background: url(images/aboutus.gif) top left; width: 145px; height: 30px; }
#aboutus a.selected {background: url(images/aboutus.gif) top left; width: 145px; height: 30px; }


.main .banner { width: 100%; float: left; display: inline; height: 195px; }
.banner .lc { width: 250px; float: left; display: inline; height: 195px; }
.banner .rc { width: 635px; float: left; display: inline; height: 195px; }
.banner .rc h1 { font-size: 30px; font-family: arial; font-weight: bold; margin-top: 50px; }
.banner .rc h2 { font-size: 16px; font-family: arial; font-weight: bold; margin-top: 5px; color: #187ac3; }
.banner .rc p { color: #2787d1; text-align: right; margin-right: 20px; margin-top: 40px; }

.main .leftcell { width: 266px; float: left; display: inline; margin-left: 10px; margin-top: 10px; }
.main .rightcell { width: 560px; float: left; display: inline; margin-left: 20px; margin-top: 10px; }
.rightcell h1 { font-size: 18px; color: #187ac3; border-bottom: 1px solid #ddd; padding-bottom: 6px; width: 100%; float: left; display: inline; margin-top: 10px; }
.rightcell .steps strong { color: #187ac3; font-weight: bold; font-size: 14px; }
.rightcell .steps ol li { margin-top: 10px; text-align: justify; line-height: 20px; }
.rightcell .steps ul li { margin-top: 10px; text-align: justify; line-height: 20px; }

.box { width: 266px; float: left; display: inline; }
.box .top { width: 100%; float: left; display: inline; height: 15px; background: url(images/top.gif) no-repeat; }
.box .middle { width: 100%; float: left; display: inline;  background: url(images/bot.gif) no-repeat bottom #daefff; padding-bottom: 20px; }
.box .middle p {line-height: 20px; text-align: justify; margin-left: 14px; margin-right: 14px;}
.middle ul { margin: 0; padding: 0; width: 220px; margin-left: 10px; float: left; display: inline; margin-top: 10px; }
.middle ul li { width: 100%; float: left; display: inline; margin-top: 10px; }
.middle a { color: #666; }
.middle a:hover { color: #2787d1; }

.sidebanner { text-align: center; margin-top: 10px; display: inline; float: left; width: 100%;	}

#page .rowbot { width: 100%; float: left; display: inline; height: 10px; }
#page .footer { width: 100%; float: left; display: inline; color: #FFF; text-align: center; font-size: 11px; margin-top: 10px; }
.footer a { color: #FFF; text-decoration: underline; }
.footer a:hover { color: #ff9000; text-decoration: underline; }

.yellowbox { width: 865px; float: left; display: inline; background: #fffddd; border: 1px solid #eadc9d; margin-top: 10px; margin-left: 10px; height:100px; }
.yellowbox ul { margin: 0; padding: 0; width: 100%; float: left; display: inline; margin-left: 6px; }
.yellowbox ul li { width: 110px; float: left; display: inline; height: 75px; margin-left: 10px; margin-top: 10px; list-style: none; }
.yellowbox ul li img { border: 1px solid #aaa; padding: 2px; }

.facebookfan { font-size:10px; padding-left:10px; padding-top:10px; }