body {background-color:#ccccff;color:#000099;font-family:Georgia,Serif; padding 10px;}
h1 {color:#000099}
h2 {color:#000099}
h4 {color:#000099;font-size: 12px}
h5 {color:#000099;font-size: 10px}

a:link {color: #663399; font-size:14px;}
a:visited {color: #66cc33; font-size:14px;}
a:hover {text-decoration: underline; color: red; background: #fff;}

caption {font-size:20px; font-weight:bold;}

tfoot {border: C7CBF3; font-weight: bold; font-size: 16px;background-color:#663399; color: white;}
tbody {border: C7CBF3; font-size: 14px;}
thead {border: C7CBF3; font-weight: bold; font-size: 16px;background-color:#663399; color: white;}

P.repeatimage {
background: #FCF2E2 url(flower_band.gif) repeat-x;
color: #FCF2E2;
}

fieldset {padding:10px; margin:10px}
legend {font-size: 16px; font-weight: bold; color: #000099; padding-bottom: 3px;}
label {font-weight: bold; font-size: 14px; padding:10px}

#menu {
width: 12em; /* set width of menu */
background-color: #ccccff;
} 

#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-family:Georgia,Serif;
font-size: 18px;
font-weight: bold;
display: block;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #000099;
background-color: #ccccff;
text-transform: uppercase;
}

#menu a {
color: #000099;
background-color: #ccccff;
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 */
}