html {overflow-y: scroll; }
img { border: 0; }

/* 3 column setup */
html,body { margin: 0; padding: 0; }
#container { width: 800px; margin:0 auto; text-align: left; }
#header { position: relative; }
#wrapper{ float: left; width: 100%; }
#content { margin: 80px 110px 10px 180px; } /* side margins must equal width of left/right columns */
#left { float: left; width: 180px; margin-left: -800px; } /* margin-left must equal container width */
#right { float: left; width: 110px; margin-left: -110px; } /* margin-left must equal width */
#footer { clear: left; width: 100%; }

body { font: 75% Arial,Helvetica,sans-serif; text-align:center; }
p { margin: 10px; }
#content p { line-height: 1.7em; }
#content span { background-color: #f1f1f1; }
#content.bgimg { height: 700px; background: url("../images/lot-bg.gif") -20px 100px no-repeat; }

#navlist span, h1 span { visibility: hidden; }
#navlist a { text-decoration: none; }

#logo { background: url("../images/lot-logo.gif") no-repeat; width: 140px; height: 180px; margin-top: 50px; }
#logo a { width: 140px; height: 180px; text-decoration: none; display: block; }

#navcontainer { width: 110px; } 
#navlist { position: relative; background: url("../images/lot-menu.gif") no-repeat; width: 110px; height: 140px; margin: 0px auto; padding: 0; }
#navlist li { position: absolute; list-style: none; margin: 0; padding: 0; left: 0px; height: 18px; }
#navlist li, #navlist a { width: 110px; height: 18px; display: block; }
#link1 { top: 30px; } /* projects */
#link2 { top: 49px; } /* members */
#link3 { top: 68px; } /* publications */
#link4 { top: 87px; } /* news */
#link5 { top: 106px; } /* events */
#link1 a:hover { background: url("../images/lot-menu.gif") -110px -30px no-repeat; }
#link2 a:hover { background: url("../images/lot-menu.gif") -110px -49px no-repeat; }
#link3 a:hover { background: url("../images/lot-menu.gif") -110px -68px no-repeat; }
#link4 a:hover { background: url("../images/lot-menu.gif") -110px -87px no-repeat; }
#link5 a:hover { background: url("../images/lot-menu.gif") -110px -106px no-repeat; }
#link1_selected { background: url("../images/lot-menu.gif") -110px -30px no-repeat; top: 30px; }
#link2_selected { background: url("../images/lot-menu.gif") -110px -49px no-repeat; top: 49px; }
#link3_selected { background: url("../images/lot-menu.gif") -110px -68px no-repeat; top: 68px; }
#link4_selected { background: url("../images/lot-menu.gif") -110px -87px no-repeat; top: 87px; }
#link5_selected { background: url("../images/lot-menu.gif") -110px -106px no-repeat; top: 106px; }

#content h2 { font-size: 1.2em; font-weight: 100;  background-color: #999; color:#FFF; padding: 3px; margin: 3px 0; }
#panel { width: 450px; }
#panel img { margin: 0; }
#panel a { color:#333; font-weight: bold; text-decoration: none; }
#panel p span a { color:#333; }
#panel a:hover { color:#000; font-weight: bold; text-decoration: none; }
#documentation { margin: 10px; }
#documentation p { margin: 10px 0; }
#documentation a { color:#333; font-weight: normal; text-decoration: underline; }
#documentation a:hover { color:#000; font-weight: normal; text-decoration: underline; }
#pic { float: right; padding-left: 10px; }

.align_right { text-align: right; }