body {
background:#000000 url("bg1.jpg") repeat fixed;
padding:20px;
margin:0px;
color:#ff33ff;
}
.gpic {
//position: relative;
//z-index: 0;
background: #554433;
color:#ffffff;
font-family: cursive, verdana, arial, helvetica, sans-serif;
font-weight:bold;
float:left;
text-align:center;
border:3px #999933 double;
padding:3px;
margin:2px;
}
//.gpic:hover{
//background-color: transparent;
//z-index: 50;
//}
.gpic img{
margin:0px;
border:3px #ffffff inset;
}
.gpic p{
margin:0px;
padding:0px;
border:0px #ffffff inset;
}
.gpic span{ /*CSS for enlarged image*/
//text-align:center;
position: absolute;
background-color: lightyellow;
//padding: 5px;
//top: 35;
//left: -1000px;
border: 3px double #aa8866;
visibility: hidden;
color: black;
text-decoration: none;
width=99%;
}
.gpic span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}
.gpic:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
//top: 65px;
width=auto;
z-index: 50;
left: 100px; /*position where enlarged image should offset horizontally */
}

a:link    { color:#ff9900; text-decoration:underline;}
a:visited { color:#ff9900; text-decoration:underline;}
a:hover   { color:#000000; background:#ff8800; text-decoration:underline;}
a:active  { color:#ff3300; background:#ffff66; text-decoration:underline;}
.foot a:link    { color:inherit; text-decoration:underline;}
.foot a:visited { color:inherit; text-decoration:underline;}
.foot a:hover   { color:#ffaa00; background:inherit; text-decoration:underline;}
.foot a:active  { color:#ffaa00; background:inherit; text-decoration:underline;}
.sp1 {
background-color:#ffffee;
}
h1 {
font-style:italic;
letter-spacing:0.25em;
}
h2 {
font-family: "Comic Sans MS", cursive;
}
hr {
color:#ff9900;
background-color:#ffbb00;
height:1px;
width:100%;
}
ul{
text-align:left;
}
.box1 {
background:#001f00 url("dpf2.png") repeat center fixed;
text-align:center;
border:double #ff9900 3px;
padding:1em;
margin:0px;
color:#ffaa11;
font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
}
.boxL {
text-align:center;
float:left;
border-style: solid;
border-width: 6px;
border-color: #ff7744 #ff9966 #ffbb88 #ff8855;
padding:1px;
margin:0em 1em 0.6em 0em;
color:#ff9900;
background-color:#000000;
font-family:sans-serif,verdana,arial,helvetica;
}
.boxR {
text-align:center;
float:right;
border-style: solid;
border-width: 6px;
border-color: #ff7744 #ff8855 #ffbb88 #ff9966;
padding:1px;
margin:0em 0em 0.6em 1em;
color:#ff9900;
background-color:#000000;
font-family:sans-serif,verdana,arial,helvetica;
}
.jl {
text-align:left;
}
.ins {
text-align:center;
vertical-align:middle;
border-style: solid;
border-width: 0px 0px 2px 0px;
border-color: #00ffff;
padding:0px;
margin:0px;
}
.boxR .ins{
border-color: #ffaa00;
}
.caption {
text-align: center;
color:#ff9900;
background:#004400 url("bg1.jpg") repeat fixed;
font-weight:bold;
padding:5px 0px;
margin:0px 0px;
}
.foot {
text-align:center;
color:#ff9900;
font-family:sans-serif,verdana,arial,helvetica;
font-size:120%;
margin:0.5em 1em 1em 1em;
}