/* CSS Document */
body{padding:0px; margin:2px; background:url(imagestl/mainbg.gif) 0 0 repeat-x #fff; color:#00000000; font:12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
div, p, h2, img{padding:0px; margin:0px;}
ul{list-style-type:disc;}
a{background:#fff; color:#000; text-decoration:none;}
a:hover{background:#fff; color:#666; text-decoration:underline;}



h1{
color:#333;
font-size:1.2em;
font-family: Verdana,sans-serif;
}

div#navigation{
float:left;
margin:0 auto;
font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#navigation ul{
list-style-type: none;
margin: 0;
padding:0;
}

div#navigation li{
margin: 0 0 2px;
padding:0;
}

div#navigation a{
display: block;
width: 188px;
height:57px;
line-height: 60px;
text-decoration:none;
text-indent: 10px;
background: url("imagestl/link.gif") no-repeat top left;
color: #000;
font-weight:bold;
font-variant: small-caps;
}

div#navigation a:hover{
background: url("imagestl/hover.gif") no-repeat top left;
color:#8C5637;
}

div#navigation li#active{
display: block;
width: 188px;
height:57px;
line-height: 60px;
text-decoration:none;
text-indent: 10px;
background: url("imagestl/activelink.gif") no-repeat top left;
color: #8C5637;
font-weight:bold;
font-variant: small-caps;
}


/*----TOP PANEL----*/
#topPan{width:800px; height:166px; position:relative; margin:0 auto;padding:0 0 0 10px; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#topPan #ImgPan{width:800px; height:166px; background:#fff; color:#666; position:absolute; top:25px; left:0px; padding:0 0 0 0px;}
#topPan #ImgPan img{width:800px; height:166px;}
#topPan #slide {width:140px; height:140px; float:left; position:absolute; top:100px; left:650px;}
#topPan #slide0 {width:200px; height:140px; float:left; position:absolute; top:100px; left:350px;}

#topPan ul{width:800px; height:55px; position:absolute; top:185px; right:0px;}
#topPan ul li{width:84px; height:55px; float:left;}
#topPan ul li a{width:84px; height:55px; display:block; background:url(imagestl/topmenu-normal.jpg) 0 0 no-repeat #F5F4F4; color:#000000; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:55px; margin:0 2px 0 0;}
#topPan ul li a:hover{background:url(imagestl/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#8C5637; text-decoration:none;}
#topPan ul li.home{background:url(imagestl/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#8C5637; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:55px;}

/*----/TOP PANEL----*/

/*----BODY PANEL----*/

#hideable {
	background-color: white;
}

/* image properties */
.imgleft {
	  float: left;
      padding: 6px 10px 6px 0px;	  
}

.imgright {
	  float: right;
      padding: 6px 0px 6px 10px;	  
}
	
img { 
	  border-width: 0px; 
}

/* this image is used in details.php and browse.php, all other images should not have borders */
.borderimg { 
      border-style:solid;
      border-color: #D6DDE6;
      border-width:1px;
}


/* how the links should behave (apart from the menu) */
a { text-decoration: underline; }
a:link { color: #003366; }
a:visited { color: #003366; }
a:active { color: #003366; }
a:hover { color: #0D4D89; }

/* a link class that is pretty plain */
a.plain { text-decoration: none; }
a.plain:link { color: black; }
a.plain:visited { color: black; }
a.plain:active { color: black; }
a.plain:hover { color: black; }

/* tables of this class have no border */
table#borderless {
	border-collapse: collapse;
	border-style: hidden;
}
table.borderless th,
table.borderless td {
	border: 0px;
	padding: 5px;
	border-style: hidden;
	vertical-align: top;
}
table.borderless caption {
		font-size: 14px;
		font-weight: bold;
		color: #33517A;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}

/* a class that describes how tables should look */
.datatable {
		border: 1px solid #666677;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;
}
.datatable td {
		border: 1px solid #666677;	
		padding: 4px;
		text-align: left;
    	        vertical-align: top;
		background-color: #FFFFFF;
}
.datatable th {
		background-color: #ccccdd;
		font-weight: bold;
		color: #666677;
		text-align: left;
		padding: 4px;
        	border: 1px solid #808080;
	    	background: url(imagestl/h6_bg.png) #d9dffb;
}
.datatable caption {
		font-size: 14px;
		font-weight: bold;
		color: #33517A;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable tr.altrow {
		background-color: #E9EEF5;
		color: #000000;
}
/*.datatable tr:hover, .datatable tr.hilite {
		background-color: #dff;
		color: #000000;
}*/


/*----Footer Panel----*/
#cols-top {width:800px; height:22px; background:url("imagestl/riquadro-top.gif") 0 0 no-repeat; position:relative; top:70px; margin:0 auto; padding:0 0 0 10px;}
#cols {width:800px; background:url("imagestl/riquadro-center.gif") 0 0 repeat-y; position:relative; top:70px; margin:0 auto; padding:0 0 0 10px;}
#cols-bottom {width:800px; height:22px; background:url("imagestl/riquadro-bottom.gif") 0 0 no-repeat; position:relative; top:70px; margin:0 auto; padding:0 0 0 10px;}

#footermainPan{background:url(imagestl/footerbg.gif) 0 0 repeat-x #FCFEFC; color:#000000; position:relative; top:70px; margin:0 auto; height:133px; clear:both;}
#footerPan{width:760px; position:relative; margin:0 auto; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; padding:15px 0 0;}

#footerPan ul{width:310px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#000000; background:#FCFEFC; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld{width:190px; background:#FCFEFC; color:#000000; display:block; position:relative; margin:0 auto; }
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#FCFEFC; display:block; color:#000000; text-decoration:none; padding:0px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:250px; background:#FCFEFC; color:#000000; position:relative; margin:0 auto;}

#footerPanhtml{width:64px; height:19px; display:block; position:absolute; top:73px; left:270px;}
#footerPanhtml a{width:59px; height:18px; background:#fff; color:#6A6A6A; border:1px solid #B6B6B6; display:block; position:absolute; top:0px; left:0px; line-height:19px; text-align:center; font-weight:bold; text-transform:uppercase; text-decoration:none;}
#footerPanhtml a:hover{background:#D2D0D0; color:#353427; text-decoration:none;}

#footerPancss{width:64px; height:19px; display:block; position:absolute; top:73px; left:336px;}
#footerPancss a{width:49px; height:18px; background:#fff; border:1px solid #B6B6B6; color:#6A6A6A; display:block; position:absolute; top:0px; left:0px;line-height:19px; text-transform:uppercase; font-weight:bold; text-align:center; text-decoration:none;}
#footerPancss a:hover{background:#D2D0D0; color:#353427; text-decoration:none;}