/* everything _______________________________________________________*/
body {
background-color:#99ccff;
background-image:url(yellow.png); 
color:#000000;
margin:0px;
padding:2px;
font-family:arial, helvetica, sans-serif;
}
/* headers __________________________________________________________*/
h1, h2, h3, h4, h5 {
margin:0px 0px 5px 0px;
padding:0px;
color:#0000ff;
}
/* normal paragraphs ________________________________________________*/
p {
font:arial, helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:0px;
color:#000099;
}
p:first-letter {
padding:2px;
font-size:110%;
font-weight:bold;
text-indent:20px; /* doesn't show when blockquotes are used */
/* color:#000033; */
}
/* normal links _____________________________________________________*/
a {color:#0000ff;}
a:link {color:#0000ff;}
a:visited {color:#9999ff;}
a:hover {background-color:#eeeeff;color:#0099cc;} 

/* header. page-title _______________________________________________*/
#header {
background-color:#ffff00;    /* deep yellow                          */
background-image:url(yellow.png);
padding:2px 2px 2px 30px;    /* top-2, right-2, bottom-2, left-30 px */
height:34px;                 /* unreliable in MSIE                   */
border-style:solid;          /* border: 2px, darkblue, only botttom  */ 
border-color:#0000ff;
border-width:0px 0px 2px 0px; 
text-align:right;
font-style:italic;
font-family:serif, arial, helvetica, ;
color:#0000ff;               /* deep blue                            */   
}
/* back to the root trail ___________________________________________*/
#trail {
background-color:#ffff00;
padding:0px 0px 0px 30px;
height:18px; 
border-style:solid;
border-color:#0099ff;
border-width:0px 0px 2px 0px; 
font-size:70%;
font-style:italic;
}
#trail>a {
padding:0px 0px 0px 30px;
font-size:70%;
font-style:italic;
color:#00ffff;      
}
/* page index _________________________________________________________*/
#pageindex {
margin:0px 10px 20px 80px;
padding:5px;
} 
/* normal text ______________________________________________________*/
#n-txt {
margin:0px 10px 20px 60px;
padding:5px;
text-indent:30px;
} 
#n-txt>h3 {
margin:0px 0px 0px 0px;
text-indent:0px;
}
#n-txt>p {
margin:0px 100px 0px 20px;
text-indent:10px;
}
#n-txt>p:first-letter {
padding:2px;
font-size:110%;
text-indent:20px; /* doesn't show when blockquotes are used */
color:#0000ff;
}
/* #n-txt>p+p {
margin:10px;
text-indent:10px; */
} 

/* page-tagline _____________________________________________________*/
#footnote {
background-color:#ffff00;
height:25px;
padding:2px 2px 2px 30px;
border-style:solid;
border-color:#0000ff;        
border-width:2px 0px 2px 0px; 
}
#footnote>p {
background-color:#ffff00;
height:25px;
padding:2px 2px 2px 30px;
border-style:solid;
border-color:#0000ff;        
border-width:2px 0px 2px 0px; 
text-align: center ;
color:#ff0000;               /* text-colour: red                     */
}
/* extra, off-day comments __________________________________________*/
#loosetext {
margin:0px 10px 20px 20px;
padding:10px;
} 
#loosetext>p {
margin:0px;
text-indent:20px;
}
/* #loosetext>p+p {
margin:10px;
text-indent:10px; */
} 
/* the links from day to day ________________________________________*/
#inlinks {
margin:30px 50px 0px 5px; 
text-align: right ;
font-style:italic;
font-size:x-small; 
} 
/* split collums: narow fixed right collumn (menu) __________________*/
#rightcol1  {
position:absolute;
top:100px;
right:20px;
width:145px;
padding:10px;
background-color:#000000; 
background-image:url(yellow.png);
border-style:solid;
border-color:#0099ff;
border-width:1px 4px 4px 1px; 
line-height:17px;
}
#leftcol1 {
/* big right margin to let menu fall on it, big left marg for yellow band */
margin:0px 170px 50px 5px; 
padding:10px;
} 
#leftcol1>p {
margin:0px;
text-indent:20px;
}
/* split collums: narow fixed left collumn (menu) __________________*/
#leftcol2  {
position:absolute;
top:120px;
left:20px;
width:120px;
padding:10px;
background-color:#eeeeee;
border-style:solid;
border-color:#0099ff;
border-width:1px 4px 4px 1px; 
line-height:17px;
}
#rightcol2 {
/* big left margin to let menu fall on it,  */
margin:0px 150px 50px 5px; 
padding:10px;
} 
#rightcol2>p {
margin:0px;
text-indent:20px;
}






/* the dayly text ___________________________________________________*/
#daynote {
margin:0px 50px 0px 5px; 
padding:10px;
} 
#daynote>p {
margin:0px;
text-indent:20px;
}
/* the links from day to day ________________________________________*/
#inlinks {
margin:0px 150px 50px 5px; 
text-align: right ;
font-style:italic;
font-size:small;
}