body { margin: 10px 30px 30px 30px; color: black; font-family: courier, monospace; font-size: 12px; line-height: 20px;}

ul {line-height: 15px;}

a { text-decoration: none; color: #e500ac;}

a img {border: none;}

img {float: left; margin: 0 10px 5px 0;}

/*a:hover { color: white !important; background: #ff0099;}*/

h1, h2, h3, h4 {font-size: 13px; padding: 0; margin: 0;  }
h2 {font-weight: normal;}

h1 a {background: black; color: white; display: inline; font-weight: bold; }
h2 p {padding: 0; margin: 0}
h3 {background: #00cccc; color: white;  display: inline;}

#topnav {width: 650px;}

.right {text-align: right; float: right:}
.left {text-align: left; float: left;}

.menu li, .submenu li {padding-bottom: 10px;}
.menu {position: absolute; top: 140px; left: 30px; width: 150px;}
.menu ul {list-style:none; padding: 0; margin: 0;}
.submenu {position: absolute; top: 230px; left: 700px; width: 150px;}
.submenu a {font-weight: bold;}
.submenu ul { list-style:none; padding: 0; margin: 0;}
.submenu ul a, .submenu ul {color: #00cccc;}
.submenu a:hover { color: white !important; background: #00cccc;}

.menu .on {background: #e500ac; color: white;}
.submenu .on {background: #00cccc; color: white;}

.menu .top {font-weight: bold !important; margin-bottom: 20px;}
.menu a:hover, .topnav a:hover { color: white !important; background: #e500ac;} 

.erase {background: #ffcc00; color: white;}
.erase a:hover {background: white !important; color: #ffcc00; }

.menu .on {background: #e500ac; color: white;}
.submenu .on {background: #00cccc; color: white;}

.menu .top {font-weight: bold !important; margin-bottom: 20px;}
.menu a:hover, .topnav a:hover { color: white !important; background: #e500ac;} 

.go {background: #ffcc00; color: white;}
.go a:hover {background: white !important; color: #ffcc00; }

#layer0 { visibility: visible; z-index: 150; position: absolute; top: 135px; left: 210px; width: 450px; }

/*Layers that contain visited pages*/
/*the css code for these layers is generated via multi.php
edit the file to fit your design */ 
#layer1 {z-index: 21; }
#layer2 {z-index: 22; }
#layer3 {z-index: 23; }
#layer4 {z-index: 24; }
#layer5 {z-index: 25; }
#layer6 {z-index: 26; }
#layer7 {z-index: 27; }
#layer8 {z-index: 28; }
#layer9 {z-index: 29; }
#layer10 {z-index: 30; }
#layer11 {z-index: 31; }
#layer12 {z-index: 32; }
#layer13 {z-index: 33;}
#layer14 {z-index: 34;}
#layer15 {z-index: 35;}
#layer16 {z-index: 36;}
#layer17 {z-index: 37;}
#layer18 {z-index: 38;}
#layer19 {z-index: 39;}
#layer20 {z-index: 40;}
#layer21 {z-index: 41;}
#layer22 {z-index: 42;}
#layer23 {z-index: 43;}
#layer24 {z-index: 44;}
#layer25 {z-index: 45;}
#layer26 {z-index: 46;}
#layer27 {z-index: 47;}
#layer28 {z-index: 48;}
#layer29 {z-index: 49;}
#layer30 {z-index: 50;}
#layer31 {z-index: 51;}
#layer32 {z-index: 52;}
#layer33 {z-index: 53;}
#layer34 {z-index: 54;}
#layer35 {z-index: 55;}
#layer36 {z-index: 56;}
#layer37 {z-index: 57;}
#layer38 {z-index: 58;}
#layer39 {z-index: 59;}
#layer40 {z-index: 60;}
#layer41 {z-index: 61;}
#layer42 {z-index: 62;}
#layer43 {z-index: 63;}
#layer44 {z-index: 64;}
#layer45 {z-index: 65;}
#layer46 {z-index: 66;}
#layer47 {z-index: 67;}
#layer48 {z-index: 68;}
#layer49 {z-index: 69;}
#layer50 {z-index: 70;}
#layer51 {z-index: 71;}
#layer52 {z-index: 72;}
#layer53 {z-index: 73;}
#layer54 {z-index: 74;}
#layer55 {z-index: 75;}
#layer56 {z-index: 76;}
#layer57 {z-index: 77;}
#layer58 {z-index: 78;}
#layer59 {z-index: 79;}
#layer60 {z-index: 80;}
#layer61 {z-index: 81;}
#layer62 {z-index: 82;}
#layer63 {z-index: 83;}
#layer64 {z-index: 84;}
#layer65 {z-index: 85;}
#layer66 {z-index: 86;}
#layer67 {z-index: 87;}
#layer68 {z-index: 88;}
#layer69 {z-index: 89;}
#layer70 {z-index: 90;}
#layer71 {z-index: 91;}
#layer72 {z-index: 92;}
#layer73 {z-index: 93;}
#layer74 {z-index: 94;}
#layer75 {z-index: 95;}
#layer76 {z-index: 96;}
#layer77 {z-index: 97;}
#layer78 {z-index: 98;}
#layer79 {z-index: 99;}
#layer80 {z-index: 100;}
#layer81 {z-index: 101;}
#layer82 {z-index: 102;}
#layer83 {z-index: 103;}
#layer84 {z-index: 104;}
#layer85 {z-index: 105;}
#layer86 {z-index: 106;}
#layer87 {z-index: 107;}
#layer88 {z-index: 108;}
#layer89 {z-index: 109;}
#layer90 {z-index: 110;}
#layer91 {z-index: 111;}
#layer92 {z-index: 112;}
#layer93 {z-index: 113;}
#layer94 {z-index: 114;}
#layer95 {z-index: 115;}
#layer96 {z-index: 116;}
#layer97 {z-index: 117;}
#layer98 {z-index: 118;}
#layer99 {z-index: 119;}


#layer1,#layer2,#layer3,#layer4,#layer5,#layer6,#layer7,#layer8,#layer9,#layer10,#layer11,#layer12,#layer13,#layer14,#layer15,#layer16,#layer17,#layer18,#layer19,#layer20,#layer21,#layer22,#layer23,#layer24,#layer25,#layer26,#layer27,#layer28,#layer29,#layer30,#layer31,#layer32,#layer33,#layer34,#layer35,#layer36,#layer37,#layer38,#layer39,#layer40,#layer41,#layer42,#layer43,#layer44,#layer45,#layer46,#layer47,#layer48,#layer49,#layer50,#layer51,#layer52,#layer53,#layer54,#layer55,#layer56,#layer57,#layer58,#layer59,#layer60,#layer61,#layer62,#layer63,#layer64,#layer65,#layer66,#layer67,#layer68,#layer69,#layer70,#layer71,#layer72,#layer73,#layer74,#layer75,#layer76,#layer77,#layer78,#layer79,#layer80,#layer81,#layer82,#layer83,#layer84,#layer85,#layer86,#layer87,#layer88,#layer89,#layer90,#layer91,#layer92,#layer93,#layer94,#layer95,#layer96,#layer97,#layer98,#layer99 { position: absolute; top: 105px; left: 210px; width: 450px; visibility: hidden; }

.trace {color: #ffcc00; font-size: 30px; font-weight:bold; visibility : visible;}