a:link img { border: none; }
a:visited img { border: none; }

.invisible { color: #fff; }

.caplclear { float: left; margin: 2em 1em 2em 0; padding: 0.5em 0.5em 0 0.5em;
border: thin solid black; line-height: 2px; clear: left; }

.caprclear { float: right; margin: 2em 0 2em 1em; padding: 0.5em 0.5em 0 0.5em;
border: thin solid black; line-height: 2px; clear: right; }

.caplnc { float: left; margin: 2em 1em 2em 0; padding: 0.5em;
border: thin solid black; line-height: 2px; }

.caprnc { float: right; margin: 2em 0 2em 1em; padding: 0.5em;
border: thin solid black; line-height: 2px; }

.capl { float: left; margin: 2em 1em 2em 0; padding: 0.5em 0.5em 0 0.5em;
border: thin solid black; line-height: 2px; }

.capr { float: right; margin: 2em 0 2em 1em; padding: 0.5em 0.5em 0 0.5em;
border: thin solid black; line-height: 2px; }

.caplclear p { line-height: 16px; }
.caprclear p { line-height: 16px; }
.capl p { line-height: 16px; }
.capr p { line-height: 16px; }

.p640 { width: 640px; height: 480px; }
.p480 { width: 480px; height: 640px; }
.p320 { width: 320px; height: 240px; }
.p240 { width: 240px; height: 320px; }
.p640426 { width: 640px; height: 426px; }
.p320213 { width: 320px; height: 213px; }
.p320217 { width: 320px; height: 217px; }
.p000 { width: 250px; height: 347px; }
.p001 { width: 348px; height: 174px; }
.p002 { width: 225px; height: 256px; }
.p003 { width: 400px; height: 320px; }
.p004 { width: 250px; height: 255px; }
.p005 { width: 640px; height: 512px; float: right; padding: 0.5em; margin: 1em; }
.p006 { width: 305px; height: 450px; }
.p007 { width: 198px; height: 256px; }
.p008 { width: 220px; height: 242px; }
.p009 { width: 600px; height: 799px; }
.p010 { width: 625px; height: 246px; }
.p011 { width: 410px; height: 308px; }
.p012 { width: 670px; height: 307px; }
.p013 { width: 200px; height: 200px; } /* for img_0991 */
.p014 { width: 200px; height: 209px; }
.p015 { width: 500px; height: 389px; }
.p016 { width: 300px; height: 191px; }
.p017 { width: 350px; height: 551px; }
.p018 { width: 294px; height: 319px; }
.p019 { width: 320px; height: 255px; }
.p020 { width: 100px; height: 525px; }

pre { display: inline; line-height: 12px; }

body {
font-family: 'Arial Narrow', sans-serif;
line-height: 24px;
margin: 0;  
}
 
.menu {
margin: 24px 0 0 0;
background-color: #19a20e;
border: 1px dotted #000;
}
.menu a {
padding: 5px 1em 5px 1em;
color: #fff;
text-decoration: none;
}
.menu a:hover {
color: #8cd187;  
}

.menuitem .submenu {
display: none;
}
.menuitem:hover .submenu {
display: block;
background-color: #8cd187;
border-bottom: 1px dotted #000;
border-left: 1px dotted #000;  
border-right: 1px dotted #000; 
}


div.home, div.none, div.pictures, div.music, div.projects, div.myinfo, div.yourinfo, div.links {
display: none;
margin: 0 0 24px 0;
background-color: #8cd187;
border-bottom: 1px dotted #000;
border-left: 1px dotted #000;  
border-right: 1px dotted #000; 
}
.home div.home, .none div.none, .pictures div.pictures, .music div.music, .projects div.projects,
.myinfo div.myinfo, .yourinfo div.yourinfo, .links div.links {
display: block;
}
div.home a, .none a, div.pictures a, div.music a, div.projects a, div.myinfo a,
div.yourinfo a, div.links a {
padding-left: 1em;
color: #fff;
text-decoration: none;
}
div.home a:hover, div.none a:hover, div.pictures a:hover, div.music a:hover, div.projects a:hover, 
div.myinfo a:hover, div.yourinfo a:hover, div.links a:hover {
color: #19a20e;
}

.content {
margin: 24px 1em 24px 1em;
}
.emph {
font-weight: bold;
color: #8cd187;   
}
.heading {
font-weight: bold;
font-size: 130%;  
color: #8cd187;   
clear: both;
}
.headingnoclear {
font-weight: bold;
font-size: 130%;  
color: #8cd187;   
clear: none;
}
.para {
margin: 8px 0;
}
ul { margin: 8px 0; }

.monkey {
text-align: center;
color: #00f;
}

object.monkeyframe {
height: 32px;
width: 300px;
align: center;
border: none;
}