body {background-image: url(gradient.jpg); background-repeat: repeat-x; background-attachment: fixed; background-color: rgb(217,228,212); }
	

.heading {position: relative; right: 25px; }
h1.heading {text-align:right; font-family: Helvetica, Verdana, sans-serif; font-size: 2.5em; }
a.heading:link {color: black; text-decoration: none; }
a.heading:visited {color: black; text-decoration: none; }
a.heading:hover {color: #696969; text-decoration: none; }
a.heading:active {color: black; text-decoration: none; }


.navblob {display: block; background-image: url(blueblob.jpg); background-repeat: no-repeat; background-color: rgb(217,228,212); position: relative; float: top; margin: 0px 0px 10px 0px; width: 127px; height: 67px; text-align:center; font-family: Helvetica, Verdana, sans-serif; font-size: 19px; font-weight: bold; }
a.navblob:link {color: white; text-decoration: none; }
a.navblob:visited {color: white; text-decoration: none; }
a.navblob:hover {color: black; text-decoration: none; background-image: url(blueblobR.jpg); }
a.navblob:active {color: white; text-decoration: none; }

.main {position: relative; margin: 0 25px 25px 25px; }
h2.main{font-family: Helvetica, Verdana, sans-serif; font-size: 1.5em; color: black; text-align: justify; }
p.main {font-family: Helvetica, Verdana, sans-serif; font-size: 0.9em; color: black; text-align: justify; text-indent: 25px; }
img.main {position: relative; top: 35px; right: 60px; border: 1px solid #000; margin: 0 0 50px 50px; }

a.main:link {color: navy; text-decoration: none; }
a.main:visited {color: navy; text-decoration: none; }
a.main:hover {color: red; text-decoration: underline; }
a.main:active {color: navy; text-decoration: none; }


.contact {position: relative; top: 20px; left: 200px; width: 450px; }
p.contact {font-family: Helvetica, Verdana, sans-serif; font-size: 0.9em; color: white; text-align: left; }


h2.listtext {text-align: left; font-family: Helvetica, Verdana, sans-serif; font-size: 1.5em; color: black; }
h3.listtext {text-align: left; font-family: Helvetica, Verdana, sans-serif; font-size: 1.2em; color: black; }
p.listtext {text-align: justify; font-family: Helvetica, Verdana, sans-serif; font-size: 0.9em; color: black; }
a.listtext:link {color: navy; text-decoration: none; }
a.listtext:visited {color: navy; text-decoration: none; }
a.listtext:hover {color: red; text-decoration: underline; }
a.listtext:active {color: navy; text-decoration: none; }


.explain {position: relative; }
p.explain {text-align: left; font-family: Helvetica, Verdana, sans-serif; font-size: 0.6em; color: black; }


#gallery {display:block; width:1000px; height:550px; position:relative; }
#gallery b.default {position:absolute; right:30px; width:500px; height:500px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; }
#gallery b.default span {display:block; color: black; font-family:helvetica ,verdana, sans-serif; font-weight:normal; font-size:1em; width:400px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:450px; position:relative; float:left;}
#gallery ul li {display:inline; width:100px; height:100px; float:left; margin:0 10px 10px 0;}
#gallery ul li a {display:block; width:100px; height:100px; text-decoration:none; }
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:100px; height:100px; border:0;}

#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:rgb(106,110,102);}
#gallery ul li a:hover b {position:absolute; right:-520px; top:0; width:500px; height:500px; text-align:center; z-index:20;}
#gallery ul li a:hover span {display:block; background:rgb(217,228,212); color:black; font-family:helvetica ,verdana, sans-serif; font-weight:normal; font-size:1em; width:400px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; }

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:rgb(106,110,102);}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; right:-520px; top:0; width:500px; height:500px; text-align:center; background:rgb(217,228,212); z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; background:rgb(217,228,212); color:black; font-family:helvetica, verdana, sans-serif; font-weight:normal; font-size:1em; width:400px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; }