a:hover {color:orange; background-color:blue}
p.topic {margin: 0in 0in 0pt; font-size:125%; font-weight:bold}
p.indent {margin: 0in 0.25in 0pt}
p.mainbody {margin: 0in 0in}
p.description {margin: 0.25in 1in}
span.topic {font-weight: bold; font-family: comic sans ms, verdana; font-size:125%}
span.blogDate {font-weight:bold}
td.index {font-weight: bold}
td.blogContent {width:75%; vertical-align:top}
td.blogIndex {width:25%; font-size:85%; vertical-align:top}
td.blogArticle {vertical-align:top}
div.content {width: 1000px; text-align: left}
body {margin: 0.25in 0.25in}
hr.divider {height:5px; color:black; background-color:black; width:90%; text-align:center}
hr.divider2 {height:5px; color:black; background-color:black; align:center}
hr.footer {height:12px; color:black; background-color:black; align:center}

ul#nav {margin: 0 0 0 319px;}
ul.drop a {display: block; color: #fff; font-weight: bold; font-family: comic sans ms, Verdana; font-size: 14px; text-decoration: none}
ul.drop, ul.drop li, ul.drop ul {list-style: none; margin: 0; padding: 0; border: 1px solid #fff; background: #555; color: #fff}
ul.drop {position: relative; z-index: 597; float: left}
ul.drop li {float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; padding: 5px 10px}
ul.drop li.hover, ul.drop li:hover {position: relative; z-index: 599; cursor: default; background: #1e7c9a}
ul.drop ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 195px; background: #555; border: 1px solid #fff}
ul.drop ul li {float: none}
ul.drop ul ul {top: -2px; left: 100%}
ul.drop li:hover > ul {visibility: visible}

span.posting {font-style:italic; font-weight:bold; color:red}
div.blogTitle {font-size:200%; font-weight:bold; text-align:center}
div.divider {font-size:200%; font-weight:bold; text-align:center}
span.action {font-weight:bold; font-family:verdana; color:green}
span.ingredient {font-weight:bold; font-family:comic; color:red}