* { margin: 0; padding: 0; }
body { background-color: #ccc; font: 14px/20px Helvetica, sans-serif; }

/******************************** Site Structure ******************************/

#container   { width: 850px; background-color: #fff; margin: 20px auto; }
  #head      { width: 850px; height: 160px; border-bottom: 1px solid #ccc; }
  #body      { width: 830px; padding: 10px 10px 30px 10px; }
    #menu    { width: 200px; float: left; margin-right: 10px; }
    #content { width: 620px; float: left;}
  
/******************************* General Elements *****************************/
  
a       { color: #f60; text-decoration: none;}
a:hover { color: #f60; text-decoration: underline; }

h1 { font: bold 18px/40px Helvetica, sans-serif; color: #f60; }
h2 { font: bold 14px/20px Helvetica, sans-serif; color: #000; }

p { margin-bottom: 20px; }

div.clear { clear: both; }

table th { background-color: #ccc; font: bold 12px/15px Helvetica, sans-serif; }
table td { background-color: #fff; font: 12px/15px Helvetica, sans-serif; }

table th span { width: 98px; display: inline-block; text-align: center; border: 1px solid #000; border-top: 0; }
table td span { width: 130px; display: inline-block; text-align: center; }

table span.info { background-color: #ccc; }
table span.spacer {  }
table span.dip { background-color: #c30; color: #fff; }
table span.food { background-color: #ff6; }
table span.misc { background-color: #ffc; }

ol { list-style-type: decimal; padding-left: 25px; margin-bottom: 20px; }

/********************************* Content Area *******************************/

input[type="text"],input[type="file"],input[type="password"],input.textbox { width: 400px; height: 22px; line-height: 22px; color: #333; font: 12px/15px Helvetica, sans-serif; padding: 0 5px 0 5px; }
input[type="submit"] { width: 400px; height: 22px; font: bold 12px/15px Helvetica, sans-serif; padding: 0 5px 0 5px; }
textarea { width: 400px; height: 70px; color: #333; font: 12px/15px Helvetica, sans-serif; padding: 0 5px 0 5px; }

/********************************** Navigation ********************************/

#menu a { color: #000; width: 170px; padding-left: 30px; margin-bottom: 10px; font: bold 14px/30px Helvetica, sans-serif; display: block; background: url(bullet.png) top left no-repeat; }
#menu a:hover { text-decoration: underline; }
#menu a.active { color: #f60; }