body{background-image: url('images/background.gif'); margin: 0; padding:0 0 0 12px;}
body{font-family: verdana;}
img{border: 0;}

#head{width: 100%; clear: both; position: relative; height: 159px}
#headpicture{position: absolute; top: 0; left: 0;}
#name{position: absolute; top: 95px; right: 100px; }
#menu{clear: both; text-align: center; padding-left: 103px;}
#menu ul{text-transform: lowercase; padding: .2em 0; margin: 0; list-style-type: none;  text-align: center;}
#menu ul li {display: block; float: left; padding: 0; margin: 0.8em 0;}
#menu ul li a, #menu ul li span{display: block; color: white; text-decoration: none; font: bold 70% verdana; padding: 0.3em 1em; margin: 0; vertical-align: middle; background-image: url('images/border.gif'); background-repeat: repeat-y; }
#menu ul li span {color: #8D8D8D}
#menu ul li a.selected, #menu ul li a:hover{color: #676767; background-color: #DFDF61; background-image: none;}

.clearing {clear: both; margin: 0; padding: 0; }
#crumbs{width: 144px; float: left; clear: left;}
#crumbs img{float: right; clear: both; margin-right: 9px; margin-bottom: 16px}

#main{zoom: 1 ;border-top: 1px solid #8D8D8D; border-left: 1px solid #8D8D8D; margin-left: 144px; background-color: #666666}
#content{padding: 12px 65px 22px 22px; }
#main p, #main p a, #main h4, #main h4 a, #main table td{color: #CBCBCB; font: normal 70% verdana; margin: 0 0 5px 0; padding: 3px 0;}
#main p a, #main table td a{font-size: 100%; color: #CBCBCB; }
#main p a:hover, #main table td a:hover{color:#DFDF61}
#main p a:visited, #main table td a:visited{color:#969696}
#main #pages {color: #DFDF61; font-size: 80%}
#main #pages a {color:#969696; text-decoration: none}
#main #pages a:hover{color:#DFDF61; text-decoration: underline;}

#main h1, #main h2, #main h3, #main p.head1, #main p.head2, #main p.head3{color: #CCCC66; font-size: 100%; margin:10px 0 0 0; padding:1px 0;}
#main h3, #main p.head3{ font-size: 70%; text-transform: uppercase;}
#main h1, #main p.head1{font-size: 110%;}
#main h4, #main p.head4{font-weight: bold; font-size: 80%;}
#main h4 a, #main p.head4 a{font-weight: bold; font-size: 100%;}
#main img{float: left; padding: 0; margin: 0 22px 22px 0;}
#main img.ahref{vertical-align: text-bottom; float: none; padding-left: 5px; margin: 0;}
#main img.big{margin: 0 5px 0 0; float: none;}

div.table{background-image: url('images/border-div.gif'); background-repeat: repeat-y; background-position: 230px; }
#leftplank{width: 230px; margin: 0; padding: 0; float: left}
#leftplank div.info, #leftplank div.punct, #leftplank div.archive{padding: 12px; border-bottom: 1px solid #8D8D8D; font-size: 110%}
#leftplank div.punct{padding: 7px 10px 7px 12px}
#leftplank div.punct p{margin: 0; padding: 0; color: #DFDF61}
#leftplank div.punct a{margin: 0; padding: 0; color: #CBCBCB; text-decoration: none;}
#leftplank div.punct a:hover{color: #FFFFFF; text-decoration: none;}
#leftplank div.punct img{float: right; vertical-align: text-bottom; margin: 0;}
#leftplank div.archive{border: 0}
#leftplank div.archive p b{color: #DFDF61}
#leftplank div.archive ul{color: #DFDF61; font: normal 70% verdana; font-weight: bold; margin: 0; padding:0; list-style-type: none;}
#leftplank div.archive ul li{background-image: url('images/ul-grey.gif'); background-repeat: no-repeat; background-position: 0 4px; padding: 0 0 10px 33px; margin: 0;}
#leftplank div.archive ul li.selected{background-image: url('images/ul.gif');}
#leftplank div.archive ul li a{font-weight: normal; color: #CBCBCB; text-decoration: none;} 
#leftplank div.archive ul li a:hover{color: #FFFFFF;} 
#leftplank div.archive ul li.selected a{font-weight: bold; color: #FFFFFF}
#rightplank{margin-left: 230px; padding: 12px 65px 22px 22px;}

#main table{border-collapse: collapse;}
#main table td{border: 1px solid #999999; padding: .6em;  vertical-align: top; width: 50%}
#main table td span.authors{text-transform: uppercase;}
#main table td a{color: #CBCBCB; text-decoration: none; }
#main table td a:hover{color: white; }

#main table.list{width: auto;}
#main table.list td{border: 0; width: 33%; color: #CBCBCB; font: normal 80% verdana; padding-bottom: 0.7em;}
#main table.list td a{color: #CBCBCB; text-decoration: none; padding-right: 2em; }
#main table.list td a:hover{color: white; font-weight: bold; padding-right: 0;}

#main  p.year{font: bold 150% verdana; }
#main div.day{background-image: url('images/background-day.gif'); border-top: 1px solid #8D8D8D; border-bottom: 1px solid #8D8D8D; line-height: 13px; margin:0 -45px 10px -22px; padding: 0; }
#main div.day div{color: #CBCBCB; line-height: 13px; background-color: #676767; display: inline; margin: 0;  font: normal 80% verdana;}
#main div.day div a, #main div.day div span.selected{color: #CBCBCB; text-decoration: none; font-weight: bold; padding: 0 1em;}
#main div.day div a:hover{color: #CCCC66}
#main div.day div span.selected{color: #CCCC66}
* html #main div.day div {margin-left: -3px;}

