/* all content copyright Gunter Mussbacher 2013-2018 */

/* -------------------------------------------------------------------------------------------------- */

/* only layout formatting including borders and background colors and images. */
/* the width of navigation and main is one pixel short of the width of frame to allow the black */
/* background to shine through. this creates a border effect between navigation and main */

/* center needs to be set here (auto in #frame alone does not work for IE) */
body {text-align:center; background:#6699CC;}

#frame {width:768px; margin:10px auto 0px; padding:0px; border:1px solid #FFFFFF; text-align:left; background:#006699;}

#header {width:758px; height:50px; margin:0px; padding:0px 5px; background:#db231e;}

#menu {width:768px; min-height:20px; margin:0px; padding:5px 0px; background:#006699;}
#menu ul {float:left; width:100%; margin:0px; padding:0px; background:#006699;}
#menu li {float:left; padding:0px 7px; border-left:2px solid #FFFFFF;}

#navigation {float:left; width:25px; margin:0px; padding:0px;}

/* only set padding for top and bottom, right and left should only be set for elements and not for divs to avoid IE 6 problems */
#main {float:right; width:742px; min-height:580px; margin:0px; padding:10px 0px 20px; background:#eef5f5;}
#main .dataHeader {width:500px; margin:10px 20px 0px 20px; padding:5px; border:1px solid #000000; background:#339933;}
#main .dataItem {width:500px; margin:0px 20px 0px 20px; padding:5px; border-style:solid; border-width:0px 0px 1px 0px; border-color:#000000;}
#main .editedBook {width:700px; margin:0px 20px 0px -30px; padding:5px; border-style:solid; border-width:0px 0px 0px 0px; border-color:#000000; clear:left;}

#footer {width:768px; min-height:20px; clear:both; margin:0px; padding:0px 0px; background:#db231e;}

p {margin:0px;}

/* -------------------------------------------------------------------------------------------------- */

/* general formatting */

body {color:#003399; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.highlight {color:#FF0000;}
.corrected {text-decoration: line-through;}

#header {color:#FFFFFF; text-align:right;}
#header img {float:left; border:none; padding:5px 0px;}
#header a {color:#FFFFFF;}

#menu {font-size:14px;}
#menu ul {list-style:none;}
#menu li {display:inline;}
#menu li.firstItem {border:none;}
#menu li.firstItemSelected {border:none; color:#FFFF0A;}
#menu li.firstItemInactive {border:none; color:#AAAAAA;}
#menu li.Selected {color:#FFFF0A;}
#menu li.Inactive {color:#000000;}
#menu a {color:#FFFFFF; text-decoration:none;}
#menu a:hover {color:#FFFF0A; text-decoration:underline;}

#navigation p {margin:0px; padding:8px 0px; color:#FFFFFF; font-size:18px; text-transform:capitalize; text-align:center;}

#main {text-align:justify;}
#main h1 {padding:0px 46px 0px 25px; font-size:14px;}
/* maximum figure width = 650, border = 6, total width = 727; 727 - 650 - 6 = 71 --> 46/25 */
#main p {padding:0px 46px 10px 25px;}
#main p.listHeader {padding:0px 46px 0px 25px;}
#main p.clearL {clear:left;}
/* just to the left of the bottom spike of the backgroud leaf */
#main p.narrow {padding-right:205px;}
#main li {padding-right:46px;}
#main ol {margin-left:20px;}
#main ol.papers {display:none;}
#main a {color:#003399; text-decoration:underline;}
#main a:hover {color:#FF0000; text-decoration:underline;}
#main .figure {float:left;}
#main .figureR {float:right; padding:5px 0px 0px;}
#main .figure img {margin:0px 0px 0px 0px; border:3px solid #000000;}
#main .figureR img {margin:0px 0px 0px 0px; border:3px solid #000000;}
#main .figure h1 {padding-right:56px; padding-left:25px; text-align:center;}
#main .figureR h1 {padding-right:56px; padding-left:25px; text-align:center;}
#main .figure p {margin:0px -15px 10px 5px; font-size:11px; font-style:oblique; text-align:center;}
#main .figureR p {margin:0px 5px 10px -5px; font-size:11px; font-style:oblique; text-align:center;}
#main .dataHeader {color:#FFFFFF;}
#main .dataHeader span.time {float:right; width:100px;}
#main .dataItem span.time {float:left; width:50px;}
#main .editedBook span.icon {float:left; width:80px;}
#main .editedBook span.description {float:right; width:620px;}
#main table.center {width:90%; margin-left:5%; margin-right:5%;}
#main table {border-collapse:collapse;}
#main table, td, th {border:1px solid #000000;}
#main th {background:#AAAAAA;}

#footer {color:#AAAAAA; font-size:10px; text-align:center;}
#footer p {padding:5px 0px;}
#footer a {color:#AAAAAA; text-decoration:underline;}
#footer a:hover {color:#FFFF0A; text-decoration:underline;}