/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.4;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
a {color: white;text-decoration:none;};
a:hover {background-color: yellow;color:#cccccc;} 
/* type */

p, dt, dd, td, li, div {font-family:Arial, Helvetica, sans-serif;}
/* h1, h2, h3{font-family:"Times New Roman",Times,FreeSerif,serif;} */
#logo {font-size: 1em; font-weight:bold;font-style:italic;padding:0;}
h2 {font-size: 2em;font-weight:bold;}
h3 {font-size: 1.5em;font-weight:bold;}
p  {font-size: 1.2em;padding: 0 0 10px 0;}
#logo a {text-decoration: none; color: #993333;}

/* blocks */

#wrap {margin:0 auto; max-width:960px; padding: 2px 5px 2px 5px;}
#head {margin:0 auto; max-width:960px;font-size:2em;}
#side {float:right; width:10%; min-width: 170px; margin: 0 2% 0 0;}
#main {}
#foot {clear:both;margin:0 auto; max-width:960px;font-size:0.6em;text-align:center;}
.ar{float:right; padding:1em 0 1em 1em;}
#box{float:left; padding:4px; margin:4px; min-width:100px;border: 2px solid #993333;}
li {float:left; font-weight:bold; padding:4px; margin:1px; min-width:50px;border: none; list-style-type:none;color:#ffffff;background-color:#993333}