/* general */body
        {
            margin: 0;
            padding: 40px 80px;
            background: #fff;
            font: 80% Arial, Helvetica, sans-serif;
            color: #555;
            line-height: 180%;
        }
        h1, h2
        {
            font-size: 180%;
            font-weight: normal;
            color: #555;
        }
        h2
        {
            font-size: 140%;
        }
        p
        {
            margin: 1em 0;
        }
        p.text
        {
            width: 500px;
        }
        a
        {
            color: #f20;
            text-decoration: none;
        }
        a:hover
        {
            color: #999;
        }
        img
        {
            border: none;
        }
        /* // general */
        /* single thumbnail */p.thumb
        {
            float: left;
            margin: .5em 0;
            margin-right: 10px;
            border: 1px solid #999;
            padding: 2px;
        }
        p.thumb a
        {
            display: block;
            float: left;
            width: 100px;
            height: 100px;
            line-height: 100px;
            overflow: hidden;
            position: relative;
            z-index: 1;
        }
        p.thumb a img
        {
            float: left;
            position: absolute;
            top: 2px;
            left: -1px;
            width: 102px;
        }
        /* mouse over */p.thumb a:hover
        {
            overflow: visible;
            z-index: 1000;
            border: none;
        }
        p.thumb a:hover img
        {
            border: 1px solid #999;
            background: #fff;
            padding: 2px;
            width: auto;
        }
        /* // mouse over */
        /* // single thumbnail */
/*
body {
		margin:0;
		padding:40px 80px;
		background:#fff;
		font:80% Arial, Helvetica, sans-serif;
		color:#555;
		line-height:180%;
	}
	
	h1, h2{
		font-size:180%;
		font-weight:normal;
		color:#555;
	}
	h2{
		font-size:140%;
	}	
	p{
		margin:1em 0;
	}
	p.text{
		width:500px;
	}	
	a{
		color:#f20;
		text-decoration:none;
	}
	a:hover{
		color:#999;
	}
	img{
		border:none;
	}
 
.thumbnail
{
position: relative;
z-index: 1;
}

.thumbnail:hover{
background-color: transparent;
z-index: 1;
}

.thumbnail span{ {CSS for enlarged image}
position: absolute;
background-color: #555;
padding: 5px;
left: -100px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 3;
}

.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: 195px; --position where enlarged image should offset horizontally 
z-index: 4;
} 
*/
/*ul           { list-style-image: url('abstrbu1.gif') }
ul ul        { list-style-image: url('abstrbu2.gif') }
ul ul ul     { list-style-image: url('abstrbu3.gif') }
a:link       { color: rgb(255, 102, 0) }
a:active     { color: rgb(255, 51, 0) }
a:visited    { color: rgb(255, 51, 0) }
body         { background-color: rgb(0, 0, 0); color: rgb(0, 102, 0); font-family: 'Trebuchet MS', Arial, Helvetica }
h1           { color: rgb(0, 102, 0) }
h2           { color: rgb(0, 102, 0) }
h3           { color: rgb(51, 102, 0) }
h4           { color: rgb(255, 255, 153) }
h5           { color: rgb(255, 153, 0) }
h6           { color: rgb(255, 255, 255) }
*/
/*
button       { background-color: rgb(51, 0, 153); color: rgb(255, 255, 255) }
label        { color: rgb(0, 0, 0) }
.mstheme-text { background-color: rgb(0, 0, 0); color: rgb(11, 0, 0) }
textarea     { color: rgb(11, 0, 0) }
fieldset     { color: rgb(11, 0, 0) }
legend       { color: rgb(51, 0, 153) }
select       { color: rgb(11, 0, 0) }
caption      { color: rgb(51, 0, 153) }
th           { color: rgb(0, 0, 0) }
body         { font-family: 'Trebuchet MS', Arial, Helvetica }
h1           { font-family: 'Trebuchet MS', Arial, Helvetica; font-weight: normal; 
               font-style: normal; font-size: 24pt }
h2           { font-family: 'Trebuchet MS', Arial, Helvetica; font-weight: normal; 
               font-style: normal; font-size: 18pt }
h3           { font-family: 'Trebuchet MS', Arial, Helvetica; font-weight: normal; 
               font-style: normal; font-size: 14pt }
h4           { font-family: 'Trebuchet MS', Arial, Helvetica; font-weight: normal; 
               font-style: normal; font-size: 12pt }
h5           { font-family: 'Trebuchet MS', Arial, Helvetica; font-weight: normal; 
               font-style: normal; font-size: 10pt }
h6           { font-family: 'Trebuchet MS', Arial, Helvetica; font-weight: normal; 
               font-style: normal; font-size: 8pt }
button       { font-size: 8pt; font-family: Arial, Helvetica; font-weight: bold; 
               border-style: solid; border-width: 1pt }
textarea     { font-size: 8pt; font-family: Arial, Helvetica; font-style: normal; 
               border-style: solid; border-width: 1pt }
fieldset     { font-size: 8pt; font-family: Arial, Helvetica; font-style: normal; 
               border-style: solid; border-width: 1pt }
legend       { font-size: 8pt; font-family: 'Trebuchet MS', Arial, Helvetica; font-style: 
               Normal }
select       { font-size: 8pt; font-family: Arial, Helvetica; font-style: normal; 
               border-style: solid; border-width: 1pt }
table        { font-family: 'Trebuchet MS', Arial, Helvetica; font-style: normal }
caption      { font-size: 14pt; font-family: 'Trebuchet MS', Arial, Helvetica; font-style: 
               Normal }
th           { font-family: 'Trebuchet MS', Arial, Helvetica; font-style: normal }
marquee      { font-family: 'Trebuchet MS', Arial, Helvetic; font-size: 14pt }
*/