html { height: 100%; }
p { margin: 10px 0; }
body { height: 100%; font: 12px Arial, Helvetica, sans; background: #8c4c4c; }
#bg { position:fixed; top: 0; left: 0; width:100%; height:100%; z-index: -10; }
#page-wrap { width: 980px; margin: auto; }
h1#header { width: 980px; height: 276px; background: url('../images/header.jpg'); margin-bottom: 5px; text-indent: -9999px; }
#left-column { width: 186px; background: #99a9ce url('../images/columns-new.jpg'); vertical-align: top; }
#center-column { width: 100%; padding: 10px; background: #fff url('../images/center-new.jpg'); vertical-align: top; }
#right-column { width: 160px; background: #99a9ce url('../images/columns.jpg'); vertical-align: top; text-align: center; }
#footer { width: 980px; margin: auto; background: #fff url('../images/center-new.jpg'); }
#othersites { padding: 10px 20px; }

/* NAVIGATION
-------------------------------- */
#nav { height: auto; float: left; width: 186px; overflow: hidden; }
ul.menu, ul.menu ul { font: 15px Georgia, "Times New Roman", Times, serif; list-style-type:none; }
ul.menu a { display: block; text-decoration: none; }
ul.menu li { }
ul.menu li a { padding: 0.5em; margin: 2px; overflow: hidden; color: #fff; }
ul.menu li a:hover { color: #999; background-position: 0 35px; }
ul.menu li ul li a { padding-left: 20px; }
ul.menu li ul li a:hover { border-left: 5px #617395 solid; padding-left: 15px; color: #999; }