body {
background-color: #fff;
color: #006;
background-image: url(../graphics/checkers.jpg);
background-repeat: repeat-y;
background-position: left top;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin-left: 24px;
/* border: #f00 2px solid */
}


#leftcolumn {
margin-top: 6px;
margin-left: 6px;
padding-bottom: 30px;
padding-top: 30px;
width: 270px;
/* border: 1px #000 solid */
}


/* Basic style for the navigation column #fcf; */

#navbar {

background-color: transparent;
background-image: url(../graphics/neon_rock140_200.jpg);
background-position: left top;
background-repeat: repeat-y; 
position: absolute;
margin-top: 340px;
margin-left: 23px;
height: 200px;
padding: 14px;
width: 140px;
top: 0px;
left: 0px;

/* border: 2px #699 solid */
}


p.navbar {
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left;
color: #909;
background-color: transparent;
line-height: 100%;
/* border: #f00 1px dashed */
}

#navbar a:link {
font-weight: 700;
font-size: .7em;
text-decoration: underline;
color: #f06;
background-color: #fcf;
}

#navbar a:visited {
font-weight: 700;
font-size: .7em;
text-decoration: none;
color: #90c;
background-color: #fcf;
}

#navbar a:hover {
font-weight: 700;
font-size: .7em;
text-decoration: none;
color: #90c;
background-color: transparent;
}

#navbar a:active {
font-weight: 700;
font-size: .7em;
text-decoration: none;
color: #90c;
background-color: transparent;
}

/* #credit {
position: absolute;
margin-top: 500px;
margin-left: 0px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .7em;
font-weight: 700;
text-align: left;
line-height: 100%;
} */

p.credit {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .7em;
font-weight: 700;
text-align: left;
line-height: 100%;
color: #000;
background-color: transparent;
/* border: #f00 1px dashed */
}

#rightcolumn {
height: 768px;
z-index: 2;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: 700;
text-align: left;
font-size: 1em;
color: #000;
background-color: transparent;
line-height: 130%;
margin-left: 230px;
margin-right: 6px;
margin-top: -360px;
padding: 36px;
/* border: #000 2px solid */
}

h1 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.5em;
font-weight: 700;
line-height: 130%;
text-align: right;
color: #f06;
background-color: transparent;
/* border: #339 1px solid */
}

h1 img {
float: right;
padding: 6px;
/* border: 1px #f00 dashed; */
} 


h2 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: 700;
text-align: left;
font-size: 1em;
color: #309;
background-color: transparent;
line-height: 130%;
/* border: #f00 1px solid */
}

p.caption {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: 700;
text-align: left;
font-size: .8em;
color: #909;
background-color: transparent;
line-height: 130%;
/* border: #f00 1px dashed */
}

p.footnote {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: 400;
text-align: right;
font-size: .6em;
color: #909;
background-color: transparent;
line-height: 130%;
/* border: #f00 1px dashed */
}

/* using or not using  "clear: left" makes difference in vertical alignment in IE */

/* p.img {
float: left;
clear: left;
padding: 6px;
border: 1px #69c dashed;
} 

p img {
float: left;
clear: left;
padding: 6px;
border: 1px #69c dashed;
} */