body {background: url(lavender_swirl_marble.gif); color: white; margin: 0; padding: 0;}

div {border: 1px solid #335;}

h1 {background: url(redwhite_paper.gif) fixed; color: black;}
div#main {background: url(pink_fabric.gif) fixed; color:black}
div#demos {background: url(pink_fabric.gif) fixed; color:black} 
div#demos1 {background: url(pink_fabric.gif) fixed; color:black} 
div#footer {background: url(pink_fabric.gif) fixed; color:black} 

p {margin: 1em 0; font-family: Arial, sans-serif; font-weight: bold; color: #000066; background: transparent;}

h1, h3, h4, h5 {font-family: Arial, sans-serif; font-style: italic; font-weight: normal; margin: 0;}
h1 {letter-spacing: 0.75em; color: #000066; padding: 0.25em 0.33em 0.125em; border-bottom: 5px double #557; border-top: 3px double #CCF;}

h3 {font-weight: bold; color: #000066; background: transparent;}
h4 {font-weight: bold; letter-spacing: 0.5em; padding: 0.33em 0.5em 0.167em; border-top: 1px solid #335; border-bottom: 1px solid #557; background: url(lavender_swirl_marble.gif); color: #000066;}

h5 {font-weight: bold; letter-spacing: 0.5em; padding: 0.33em 0.5em 0.167em; border-top: 1px solid #335; border-bottom: 1px solid #557; background: #021139; color: #000066;}



div#sidebar {position: absolute; top: 3em; left: 0; width: 23%; background: transparent; padding: 0; margin: 1em; border-width: 0;}

div#sidebar div {margin-bottom: 1em;}

div#sidebar a {display: block; margin: 0; padding: 0.33em; letter-spacing: 1px; text-align: left; font-weight: bold; border-bottom: 1px solid #88B; color: #fffff0; background: transparent none center left no-repeat; text-decoration: none;}
div#sidebar a:link {color: #000066; background-color: transparent;}

div#sidebar a:visited {color: #ebf5f0; background-color: transparent;}
div#sidebar a:hover {background: #AAD; color: #f5ebf1;}
div#sidebar a span {display: none;}

div#demos {border-color: #224;}
div#demos h4 {background: url(pink_fabric.gif); color: #000066;}

div#demos a:link:hover {background: url(redwhite_paper.gif);}
div#demos a:visited:hover {background: url(redwhite_paper.gif);}

div#demos div.sublinks {border-width: 0; margin: 0;}
div#demos div.sublinks a {border-left: 2em solid #FF8080; font-size: 85%; font-weight: bold; letter-spacing: normal; padding-right: 0.66em; padding-left: 0.125em; color: #000066;}

div#demos div.sublinks a:visited {color: #000066;}
div#sidebar a#gallery {border-top: 4px solid #88B; font-size: 90%;}

div#sidebar1 a {display: block; margin: 0; padding: 0.33em; letter-spacing: 1px; text-align: left; font-weight: bold; border-bottom: 1px solid #88B; color: #fffff0; background: transparent none center left no-repeat; text-decoration: none;}
div#sidebar1 a:link {color: #f5eeeb; background-color: transparent;}

div#sidebar1 a:visited {color: #ebf5f0; background-color: transparent;}
div#sidebar1 a:hover {background: #AAD; color: #f5ebf1;}
div#sidebar1 a span {display: none;}

div#demos1 {border-color: #224;}
div#demos1 h4 {background: #021139; color: #fffff0;}


div#demos1 a:link:hover {background: #021139;}

div#demos1 a:visited:hover {background: #021139;}


div#demos1 div.sublinks {border-width: 0; margin: 0;}
div#demos1 div.sublinks a {border-left: 2em solid #88B; font-size: 85%; font-weight: normal; letter-spacing: normal; padding-right: 0.66em; padding-left: 0.125em; color: #404077;}

div#demos1 div.sublinks a:visited {color: #557;}
div#sidebar1 a#gallery {border-top: 4px solid #88B; font-size: 90%;}

div#footer a {font-size: 60%;}
div#footer a:link:hover {background: url(redwhite_paper.gif);}
div#footer a:visited:hover {background: url(redwhite_paper.gif);}
div#footer2 a {font-size: 90%;}

div#main {position: absolute; top: 3em; left: 25%; width: auto; margin: 1em; padding: 1em 1.5em;}

div#main h1 {letter-spacing: 3px; margin: 1.25em 0 0;}

div#main h3#top {margin-top: 0;}

div#main p {margin: 0.25em 0 1em; line-height: 1.25em;}