body { margin: 0; padding: 0;  border: 0; background:#fff url(footerCrop1.jpg) no-repeat left bottom; background-attachment: fixed; } /* top level cascading elements */
body, input, select, textarea { font: 11px/16px 'Lucida Grande', 'Lucida Sans Unicode', verdana, arial, sans-serif; color: #666; } /* standard body font */
input, select, textarea, h1, h2, h3, h4, h5, h6, b, strong, blockquote { color: #600 } /* other colour for text */
input, textarea { width: 100%; text-align: center; border: 1px dotted #666; margin:2px 0 0; padding:2px 0; color: #666; }
h1, h2, h3 { font: 20px/19px 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 20px 0 10px 0; padding: 0 0 10px 0; font-weight: bold; }
h2 { font-size: 16px; margin: 24px 0 1px 0;  }
h3 { font-size: 14px; margin: 15px 0 1px 0; } /* headers below h3 will be in the standard body font defined above */
h4, h5, h6 { font-size: 13px; margin: 12px 0 0 1px; padding: 0; font-weight: bold; }
h5, h6 { font-size: 11px; }
h6 { font-weight: normal; }
p, blockquote { margin: 0 0 8px; padding: 0; }
blockquote .quoteAuthor	{ margin: -8px 0 0 0; color: #666; font-style: italic; }
ul { margin: 0; padding: 0 0 10px 40px; }

/* anchor tags */
a:link, a:visited, a:hover { color: #600; text-decoration: none; border-bottom: 1px dotted #600; margin-bottom: 1px; padding-bottom: 0px; }
a:hover { border-bottom: 2px solid; } /* overrides decoration from previous rule for hovered links */
a img { border: none; } /* gets rid of IE's beautiful blue img 20nk borders */

/* navigation */
#navigation { margin: 190px 0 0 200px; width: 350px; position: absolute; top: 0px; left: 0px;  z-index:40; }
#navigation { text-transform: lowercase; font: 9px/15px Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; }
#navigation h2 { display: none; }
#navigation ul { list-style: none; padding: 5px 0 0 0; }
#navigation li { display: inline; padding: 0 10px 0 0; }
#navigation a { border: 0; }
#navigation a:link, #navigation a:visited, #navigation a:hover { color: #666; }
#navigation a:hover { color: #600; } /* overrides decoration from previous rule for hovered links */

 /***********/
/* content */
#main { width: 780px; display: block; float: left; margin:0; padding:0; z-index:40; }

#content { padding: 240px 0 50px 0; width: 500px; float: left; } /* border-right: 1px dotted #ccc; background: url(fade2left.png) repeat-y right top; } */
#content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { padding-left: 200px; width: 300px; }
#content h1 { border-bottom: 1px dotted #ccc; width: 300px; }

 /***********/
/* sidebar */

#nowPlaying { position: absolute; left: 560px; top: 7px; }
#sidebar {  padding: 250px 0 100px 0; width: 210px; line-height: 18px; float: right; }
#sidebar div { margin: 15px 0 35px; }
#sidebar h2 { padding:0; margin:10px 0 0; }
#sidebar h3 { font: 9px/12px 'Lucida Grande', 'Lucida Sans Unicode', verdana, arial, sans-serif; color: #666; margin:0 0 3px 0; padding:0 0 3px 0;  text-transform: uppercase; border-bottom: 1px dotted #ccc; } 

 /**********/
/* layout */
#playerFrame { background: #fff url(footerCrop2.jpg) no-repeat left bottom; padding:0; margin:0;}
#footer { float: left; width: 600px; font-size: 9px; }
#jumpMenu { display:none; }
#footer p { padding: 20px 0 0 200px; }
#player { position:absolute; left:485px; top:0; font-size: 9px; }
#player p { display: inline; padding-right: 10px; }

#topPic1 { display:none; width: 1%; }
#topPic2 { width: 98%; position: absolute; top: 0px; left: 0; height: 200px; z-index:10; background: url(header.gif) no-repeat left top; }
/* #topPic1 { width: 111%; position: absolute; top: -220px; left: -11%; height: 600px; z-index: 10; background: url(mandalaLogoBig.gif) no-repeat left top; }
#topPic2 { width: 100%; position: absolute; top: -150px; left: 0; height: 600px; z-index: -100; background: url(mandalaLogoWhite.png) no-repeat left top; }  */




#testestestestestestestestestestesttestestestestestestestestestestest { border: 1px solid red; }

d iv { border: 1px solid red; }