/* CSS Document */
html, body {
margin:0px;
padding:0px;
}
body {
font-size:16px;
font-family:"Bookman Old Style";
background-color:#FFEEBB;
}
h1{
font-size:20px;
text-align:center;
margin:0 0 30px 0;
}
h2{
font-size:18px;
margin-top:5px;
}
h3{
font-size:14px;
}
img {
border:none;
margin:0px;
}

/* link settings */
a {
text-decoration:none;
font-weight:bold;
}
a:link, a:active {
color:#990000;
}
a:visited {
color:#CC3300;
}
a:hover {
color:#000000;
}

/* wrappers */
#allcontent{
width:800px;
height:100%;
margin:0 auto;
}
#header{
width:800px;
height:125px;
background-color:#990000;
float:left;
padding:10px 0 7px 0;
}
#nav{
text-align:center;
width:800px;
height:3em;
float:left;
background-color:#FFFFFF;
}
#content{
width:800px;
text-align:left;
float:left;
background-color:#FFFFFF;
}
#footer {
width:800px;
height:5em;
padding-top:1.5em;
float:left;
background-color:#990000;
text-align:center;
}
#floatclear{
clear:both;
height:0px;
}

/* horizontal nav settings */
#horizlist{
margin:0;
margin-top:1em;
padding:1px;
}
#horizlist li{
display:inline;
margin:0 20px 0 20px;
}


/* other elements */
#imagecafe{
width:300px;
float:left;
padding:0 30px 20px 40px;
}
#imageelly{
width:300px;
float:left;
padding:0 0 0 40px;
position:relative;
bottom:0.5em;
}
#imageeater{
float:right;
padding:0 40px 0 0;
}
#opentext{
padding:0 40px 0 40px;
text-align:justify;
}
#chalkboard{
padding:30px 40px 30px 40px;
margin:20px 20px 0 20px;
float:left;
border:solid;
border-color:#990000;
border-width:3px;
}
#chalkboard li{
font-size:13px;
list-style:none;
padding-left:0px;
padding-bottom:0.3em;
margin-left:-40px;
}
#suggestions{
text-align:justify;
font-size:16px;
}
#suggestions li{
padding-bottom:10px;
}

#column1{
width:200px;
float:left;
text-align:left;
padding:10px 40px 0 0;
}
#column2{
width:200px;
float:left;
text-align:left;
padding:10px 40px 0 0;
}
#column3{
width:160px;
float:left;
text-align:left;
padding:10px 0 0 0;
}
#bulktext{
width:700px;
text-align:justify;
padding:40px 75px 40px 75px;
float:left;
position:relative;
}
#bulktext img{
display:block;
float:left;
padding:10px 0 25px 0;
}
#bulktext strong{
font-size:18px;
}
.title{
float:left;
width:300px;
text-align:center;
font-weight:bold;
}
#salads{
display:none;
position:absolute;
top:240px;
left:60px;
width:600px;
background-color:#FFFFFF;
padding:40px;
border:solid;
border-color:#990000;
border-width:3px;
z-index:2;
}
#soup{
display:none;
position:absolute;
top:240px;
left:60px;
width:600px;
background-color:#FFFFFF;
padding:40px;
border:solid;
border-color:#990000;
border-width:3px;
z-index:2;
}
#cakes{
display:none;
position:absolute;
top:200px;
left:60px;
width:600px;
background-color:#FFFFFF;
padding:40px;
border:solid;
border-color:#990000;
border-width:3px;
z-index:2;
}
#outsidecat{
display:none;
position:absolute;
top:180px;
left:60px;
width:600px;
background-color:#FFFFFF;
padding:40px;
border:solid;
border-color:#990000;
border-width:3px;
z-index:2;
}

.textbox{
float:left;
font-size:16px;
padding:0 15px 0 15px;
}
#bodytext{
width:700px;
padding:20px 50px 20px 50px;
text-align:justify;
}
#gallery{
width:470px;
padding:20px 0 10px 0;
margin:0 auto;
}
#gallery img{
width:150px;
opacity:0.8;
filter:alpha(opacity=80);
}
#gallery img:hover{
opacity:1;
filter:alpha(opacity=100);
}

/* contact */
#elly{
float:left;
padding:20px 20px 20px 50px;
}

/* positioning */
.centre{
display:block;
margin:0 auto;
}
.floatleft{
float:left;
}
.floatright{
float:right;
}

/* styles */
.opacify{
opacity:0.6;
filter:alpha(opacity=60);
}

.clearfloat{
clear:both;
float:none;
}

#credit{
width:800px;
text-align:center;
float:left;
}