body { margin:0px; padding:0px; background-color:#000000; background-image:url(./Cloth-3-50.jpg); }
h1 { margin:20px 0px 20px 0px; padding:0px; font-size:large;
     font-weight:bold; text-align:center; }
h2 { margin:40px 0px 10px 0px; padding:0px; font-size:medium; 
     font-weight:bold; text-align:center; }	
h3 { margin:18px 0px 10px 0px; padding:0px; font-size:small;
     font-weight:bold; text-align:left; }		
h4 { margin:6px 0px 6px 0px; padding:0px; font-size:small;
     font-weight:bold; text-align:center; color:#DCDCDC; }
p { margin:0px 80px 8px 0px; padding:0px; font-size:medium; }
p.indent { margin:0px 0px 8px 0px; padding:0px; font-size:small; text-indent:1em; }
p.small { margin:0px; padding:0px; font-size:small; }
p.large { margin:10px; padding:0px; font-size:large; }
p.x-large { margin:10px; padding:0px; font-size:x-large; }
p.pre { white-space:pre-wrap; padding:5px 10px; 
        background-color:#dcdcdc; border: 1px solid black;}
.center { text-align: center; }
.right { text-align: right; }
em { font-style: italic; }
strong { font-style: italic; font-weight: bold; }
img {border: none;}
hr { height:3px;  border:1px inset #330000; margin:14px 40px 0px 40px; }
ul.circle {list-style-type: circle; padding:0px 0px 0px 20px; font-size:small; }	
li.item {padding:0px 0px 6px 0px;}
ul.inline {list-style-type: none; padding:0px 0px 0px 4px; }	 
li.inline { display: inline; padding-left:3px;
            padding-right:7px; border-right:1px dashed #330000; }
li.last { display: inline; padding-left:3px; padding-right:3px; border-right:0px; } 
/* div classes */
div.main { margin:20px 100px 20px 260px; padding:10px; text-align: left; }
div.centered { margin:0px 100px 0px 260px; padding:10px; text-align: center; }
/* table - note: also inline style examples */
table, tr, th, td { padding: 10px; }
table.center {
    margin-left:auto; 
    margin-right:auto;
}
/* Image gallery popup code */
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
visibility: hidden;
color: gray;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -200px; /*position where enlarged image should offset horizontally */
width: 480px;
}
/* Links */
a { color:#0000FF; font-size:medium; /*font-weight:600;*/ text-decoration:none; }
a:link {color:#0000FF; background-color:transparent;}
a:visited {color:#800080; background-color:transparent;}
a:hover {color:#DCDCDC; background-color:#000000; text-decoration: underline;}
a:active {color:#FFFFFF; background-color:#000000;}
div.header a { color:#FFFFFF; font-size:small; font-weight:bold; text-decoration:none; }
div.header a:link {color:#FFFFFF; background-color:transparent;}
div.header a:visited {color:#C0C0C0; background-color:transparent;}
div.header a:hover {color:#000000; background-color:#C0C0C0;}
div.header a:active {color:#FFFFFF; background-color:#000000;}
div.menu a { color:#FFFFFF; font-size:x-small; text-decoration:none; padding:2px 2px; }
div.menu a, div.menu em { display:block; margin:0em 0.5em 0em 0.5em; }
div.menu a, div.menu em { border:1px outset #C0C0C0; }
div.menu a:link {color:#FFFFFF; background-color:transparent;}
div.menu a:visited {color:#C0C0C0; background-color:transparent;}
div.menu a:hover {color:#000000; background-color:#C0C0C0;}
div.menu a:active {color:#FFFFFF; background-color:#000000;}
div.side a { color:#0000FF; font-size:small; font-weight:bold; text-decoration:none; }
div.side a:link {color:#0000FF; background-color:transparent;}
div.side a:visited {color:#800080; background-color:transparent;}
div.side a:hover {color:#0000FF; text-decoration:underline;}
div.google a { color:#0000FF; font-size:x-small; font-weight:bold; text-decoration:none; }
div.google a:link {color:#0000FF; background-color:transparent;}
div.google a:visited {color:#800080; background-color:transparent;}
#Header {
        height:20px; 
	margin:0px;
	padding:0px 0px 0px 50px;
        border-width:2px 0px;
        border-style:solid;
        border-color:#000000; 
       /* background-image:url(./Cloth-3-50.jpg); */ 
        background-color:#000000;
        }
#Menu {
	position:absolute;
	top:100px;
	left:40px;
	width:150px;
	padding:8px;
        border:2px solid #000000;
        background-image:url(bg.png); 
        background-color:#000000;
        line-height:14px;
	}
#ContentMain { margin:0px 12px; padding:10px 0px 0px 0px;
            font-family:verdana, arial, helvetica, sans-serif; color:#000000;
	    background-color:#F0FFF0; }		
#SideBar { position:absolute; top:120px; left:30px; width:180px; 
          margin:2px; padding:0px; text-align: center; }
/* altered from: http://bluerobot.com/web/layouts/layout1.html */