body 
{
background: #898989;
color: #DDD;
font: 0.8em "Trebuchet MS",Verdana,sans-serif;
padding-left: 0px;
}



a:link, a:visited 
				
{

background-color: #transparent;
color: #56b4f4; 
text-decoration: none; 
font-weight: bold; 
font: 1em "Trebuchet MS",Verdana,sans-serif;
					
}
				
				
a:focus, a:hover, a:active 

{

background-color: #transparent;
color: #c5e1f4;
text-decoration:none; 
font-weight: bold; 
font: 1em "Trebuchet MS",Verdana,sans-serif;
					
}


/* the division where the tabs are held */
#gallery 

{
	font:15px verdana,arial,sans-serif; 
	top: 9px;
	width: 907px; 
	border: 0px solid #000;
	background: url(tabs_bg.png); 
	height: 30px;
	left: 0px;
	position: relative;
}

#gallery div.off  /* when tabs are not selected */
{
color:#fff; 
text-align: center; 
height: 30px; 
width: relative;
margin-right:0px; 
line-height: 30px; 
padding-left: 30px; 
padding-right: 30px; 
float:left; 
left: 0px;
background:url(tab_off.png);
border: 0px solid #ddd; 
cursor:pointer; 
position:relative; 
}

#gallery div.on  /* When tabs are selected */
{
color: #fff; 
text-align: center; 
float: left; 
background: url(tab_on.png); 
border: 0px solid #000; 
cursor:pointer; 
height: 30px;
width: relative; 
padding-left: 30px; 
padding-right: 30px; 
line-height:30px; 
position:relative; 
}

div.hide 
{
display:none; 
width:0; 
overflow:hidden;
}

div.show 
{
	clear: all;
	color: #000;
	background: url(gallery_bg.png);  
	width: 867px; 
	left: 0px;
	height:787px;
	padding: 20px;
	top: 9px; 
	border: 0px solid #000;
	position: relative; 
	font-family: verdana, arial, sans-serif;
	font-size:1em;  
	line-height:18px;
	text-align: left;
}

div.show img {
float:left; 
margin:0 10px 10px 0;}

.clear {clear:both;}

/* body */

#logo

{
	color: #FFF;
	position: relative;
	background: url(img/logo.png) no-repeat;
	border: 0px solid #000;
	top: 20px;
	width: 897px;
	left: 0px;
	height: 175px;
	padding-top: 10px;
	padding-left: 10px;
	text-align: left;
	line-height: 15px;
}

#weblinks
{
	top: 150px;
	height: 30px;
	line-height: 25px;
	width: 890px;
	text-align: center;
	padding-left: 10px;
	border: 0px solid #FFF;
	position: absolute;
	float: left;
	left: 0px;
}


/*Main section*/
#master
{
	float: none;
	left: 0px;
	top: 0px;
	height: 1080px;
	width: 100%;
	border: 0px solid #000;
	position: absolute;
	text-align: center;
}


#copy
{
	text-align: center;
	font-size: 8px;
	width: 500px; 
	left: 10px; 
	top: 10px;
	border: 0px solid #fff;
	position: relative;
}

* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

img {border:none;)