/* generic */
body {padding: 0; margin: 1em 0 1em 0; font-family: verdana, arial, helvetica, sans-serif; font-size: 0.8em; text-align: center; font-size: 80%; color: #333; background: white url(../pics/bg.jpg) repeat}
img {border: 0}

/* links */
a:hover {text-decoration: none}

/* misc */
.clear {display: block; clear: both; line-height: 0; font-size: 1px}
.center {text-align: center}

/* wrapper */
#wrap {position: relative; top: 0; left: 0; width: 70em; margin: 0 auto; background: #fff; border: 1px solid #bbb}

/* header */
#header {margin: 2em 2em 4em 2em; text-align: left; height: 8.7em}
#header p {margin: 0; padding: 0; position: relative; top: 0; left: 0; height: 8.3em}
#header {display: none}

/* main */
#main {background: url(../pics/cocktail.jpg) no-repeat; font-size: .85em; line-height: 1.6em; margin: 0; padding: 0 4.5em 1em 4.5em; text-align: left; background-color: #DDD6FF; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding-left: 28em; margin-top: 5.3em}
#main h1, #main h2, #main h3 {font-family: "trebuchet ms", "lucida grande", verdana, arial, sans-serif}
#main h1 {font-size: 2em; color: #4d4d4d; padding: 1em 0 0 0; margin: 0 0 .5em 0}
#main h2 {font-size: 1.5em; color: #4d4d4d; padding: 1em 0 0 0; margin: 0}
#main h3 {font-size: 1em; color: #4d4d4d; padding: .5em 0 0 0; margin: 0; text-decoration: underline}
#main ol {margin: .7em 0 1em 0; padding: 0 0 0 2em}
#main p {margin: 0 0 1em 0}

/* box */
#main div.box {border: 1px solid #bbb; padding: 0.6em; margin: 0.6em; background-color: #f3f3f3; -moz-border-radius: 0.6em; width: 34em ! important; float: left; height: 11.4em; line-height: 1.4em}
#main div.box h2 {margin-top: 0; padding-top: 0 ! important; color: #465A73}
#main div.box:hover {border-color: #465A73}
#main div.box span {font-style: italic}
#main div.box img {float: right}

/* menu */
* html #nav {padding-top: 0.8em} /* IE hack */
ul#nav {position: absolute; top: 1em; left: 2em; width: 66em; text-align: center; background: #fff; list-style-type: none; margin: 0; padding: 0; font-weight: bold}
ul#nav li {margin: 0; padding: 0; display: block; float: left; text-align: center}
ul#nav li a {color: #4d4d4d; height: 2.6em; width: 10em; padding: 0; display: block; text-align: center; letter-spacing: 1px; line-height: 2em; border-bottom: 1px solid white}
ul#nav li a:hover {color: #fff; background: #788d42 ! important; border-bottom: 1px solid #000 ! important}
ul#nav li.active {background: #eee; border-bottom: 1px solid #000; padding-left: 0.8em}