body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFFFCC;
	padding-left:-5px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

a {
	font-family:Arial, Helvetica, sans-serif;
	color:#CC6633;
	font-size:.8ems;
}

.name{
	font-family:"Times New Roman", Times, serif;
	font-size:1.2em;

}

.navigation{
	color:#FFFFFF;
	font-size:.8em;
	stress:true;
	font-family:Georgia, "Times New Roman", Times, serif;
}

a.navigation{
	text-decoration:none;
}
a.navigation:hover{
	text-decoration:underline;
}

.header{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-size:2.2em;
	text-align:center;
}

.banner{
	margin-bottom:0px;
	text-align:center;
	font-weight: bold;
	font-size: .8em;
}
.subheader{
	font-family:Arial, Helvetica, sans-serif;
	color:#0099FF;
	font-size:1.5em;
	text-align:left;
	text-indent:10px;
	font-weight:bold;
	margin-bottom:4px;
	margin-top:1px;
}

.disclaimer{
	font-size:.8em;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
}

.content{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
	padding-right: 5px;
	background-color:#FFFFFF;	
}

p.content{
	text-indent:10px;
	margin-bottom:2px;
	margin-top:0px;
}
ul.content{
	text-indent:20px;
	
}

.footer{
	font-family:"Times New Roman", Times, serif;
	background-color:#CCCCCC;
	font-size: .9em;
	color:#000000
}

a.footer{
	font-family:"Times New Roman", Times, serif;
	background-color:#CCCCCC;
	font-size: .9em;
	color:#333333
}

.privacy{
	padding-left:20px;
	padding-right:100px;
}

.frame{
	background-color:#6699FF;
	padding-left: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
	padding-right: 2px;
}

.images{
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
}

.Rimages
{
	padding-right:15px;
}

.serving 
{
	color: #FF0000;
	font-weight: bold;
}

.caption
{
	font-size: 0.75em;
}

#menu {
width: 9.75em; /* set width of menu */
background: #990000;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #440000;
text-transform: uppercase;
}

#menu a {
color: #fff;
background: #990000;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

</style>

<!-- The following block of code does not work when it is in a seperate css file. It must be placed in the htm file so that it will work in IE. This will fix some problems with the hovering that IE does not process correctly. -->

<!--[if IE]>
<style type="text/css" media="screen">
 #menu ul li {float: left; width: 100%;}
</style>
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css" media="screen">
body {
behavior: url(/htc/csshover.htc);
font-size: 100%;
} 
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
} 

</style>
<![endif]-->