* {
padding: 0;
margin: 0;
/* font-family: Arial, sans-serif; */
}
#wrapper {
width: 100%;
margin: 0px;
padding: 0px;
top: 0px;
position: absolute;
}
#content {
position: relative;
/*	left: 286px;  */
top: 140px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
font-style: normal;
font-weight: bold;
width: 0px;
height: 850px;
/*	padding-bottom: 85px; */
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#footer {
	position: relative;
/*	text-align: center; */
	margin-left:105px;  
width: 678px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	bottom: 0  !important;
	bottom: -1px;
	height: 85px;
	color: #666666;
}
body {
background-image: url(images/wallpaper.jpg);
background-repeat: no-repeat;
background-position: center top;
background-color: #006666;
}
#canvas { 
position: relative; 
width: 900px; 
height: 100%; 
margin: 0px auto;
}
#navbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	position: relative;
	width: 678px;
	height: 100%;
	margin: 0px 0px 0px 0px;
	margin-left:181px;
	top: 95px;
	color: #FFFFFF;
	z-index: 30;
}
/* Fix IE \*/
/* * html a { height: 1px; } */
body {
margin: 20px;
font-size: 12px;
}
body {
behavior: url(csshover.htc);
}
ul {
list-style: none;
}
ul a {
color: #fff;
text-decoration: none;
display: block;
padding: 0px 10px 0px 10px;

background: #009999;
}
ul a:hover {
color: #ffffff;
text-decoration: none;
background: #006666;
}
ul li {
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
float: left;
position: relative;
}
ul li ul {
list-style: none;
position: absolute;
left: 0;
top: 100%;
display: none;
width: 75px;
border-top: 1px solid #000000;
}
ul li ul a {
width: 75px;
}
ul li:hover ul { display: block; }
ul li:hover ul li ul { display: none; }
ul li ul li:hover ul {
display: block;
position: absolute;
left: 140px;
top: -1px;
border-left: 1px solid #000000;
}
#wrapper #canvas #content #footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}
#wrapper #canvas #content #footer a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline overline;
	color: #666666;
}
#left { float:left;
width:215px;
padding:8px;
}
#center {
	margin-left:237px;
	padding:8px;
}
#center table tr td {
	text-align: center;
	vertical-align: top;
}
#intro {
	text-align: center;
	width: 195px;
	background-color: #009999;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#bodytext {
	width: 215px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#center a:visited img {border:2px solid #6600CC;}
#center a img {border:2px solid #000;}

#wrapper #canvas #content #bodytext a:visited {
	color: #666666;
}

.a, .a:visited {color:#000;}
#container2 {position:relative; width:600px; height:700px; background:#666666; border:1px solid #000; margin:10px auto;}
#container2 a:visited img {border:0px}
#container2 b {font-weight:normal; width:600px; text-align:center; position:absolute; bottom:250px; left:0; color:#eee; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}

#container3 {position:relative; width:600px; height:700px; margin:10px auto;}
#container3 a:visited img {border:2px solid #66666} 
#container3 b {font-weight:normal; width:600px; text-align:center; position:absolute; bottom:250px; left:0; color:#eee; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}

a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; float:left; margin:7px 21px; position:relative; cursor:default;}
a.gallery span {visibility:hidden; display:block; position:absolute; width:580px; height:500px; top:189px; left:9px; color:#ffffff; background:#000000; text-align:center; border:1px solid #ccc; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}

a.slidea span {left:-13px; top:180px;}
a.slideb span {left:-132px; top:180px;}
a.slidec span {left:-251px; top:180px;}
a.slided span {left:-370px; top:180px;}
a.slidee span {left:-489px; top:180px;}
a.slidef span {left:-13px; top:89px;}
a.slideg span {left:-132px; top:89px;}
a.slideh span {left:-251px; top:89px;}
a.slidei span {left:-370px; top:89px;}
a.slidej span {left:-489px; top:89px;}

a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:1px solid #ccc; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}