<style type='text/css'>
/* copyright http://www.aleto.christian krebs aka aleto
This work is licensed under the Creative Commons Attribution License. To  view a
copy of this license, visit http://creativecommons.org/licenses/by/1.0/  or send
a letter to Creative Commons, 559 Nathan Abbott Way, Stanford,  California 94305,
USA. */

* {
	margin:0;
	padding:0;
	text-decoration:none;
	list-style:none;
	font-weight:normal;
	}


body {
	font-family:"Arial";
	font-size:10px;
	margin:0 auto;
	background:#F7EFFA url('picl/metalll.jpg') no-repeat scroll 0 0; 
	text-decoration:none;

	}
	
.invertedshiftdown2{
padding: 0;
width: 100%;
border-top: 5px solid #F4B786; /*Highlight red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}
	
.invertedshiftdown2 li{
display: inline;
margin: 0 0px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown2 a{
float: left;
display: block;
font: bold 12px Arial;
color:#1E5DB2;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background-color: #E0D0FE; /*Default menu color*/
border-bottom: 8px solid #F0F0FF;
}

.invertedshiftdown2 a:hover{
background-color: #F4B786; /*Highlight red color theme*/

padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #E0D0FE; /*Highlight red color theme*/
color: #AA5500;
}
.invertedshiftdown2 .current a{ /** currently selected menu item **/
background-color: #6C00D9; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #E0D0FE; /*Highlight red color theme*/
color: #F0F0FF;
}

.drop {
   border: 0px none;
   background-color: transparent;
   }

.drop td {
   font-family: Arial, Helvetica, sans-serif;
  
}
.drop a {
   
}
.drop a:hover {
   
}




#panel {	
	width:157px;
	padding:6px;
	position:absolute;
	top:130px;
	left:0px;
	margin-left:4px;
	margin-right:0px;
	list-style:none;
	
	}

#panel li {
	width:157px;
	position:relative;		
	list-style:none;

	}

#panel a {
	display:block;
	width:153px;
	text-decoration:none;
	}


#panel h2 a  {
	background:transparent none repeat scroll top right;
	line-height:20px;
	font-size:15px;
	color:#9766AA;
	text-align:right;
	width:160px;
	padding:0 6px;
	text-decoration:none;

	}

#panel h2 a:hover {
	font-size:15px;
	color:#9933FF;
	font-weight:bold;
	}


#panel .hint h2 {
	position:relative;
	z-index:2;
	background:transparent url('picl/backl.gif') no-repeat scroll 140px 0px;
	}

#panel .hint h2 a {
	color: #0000FF;
	text-align:left;
	width:136px;
	margin:10px 15px 0px 10px;
	padding:0;
	}

#panel .hint ul {
	background:transparent url('picl/centerl.png') repeat-y scroll left top;
	width:136px;
	padding:24px 15px 20px 15px;
	margin: -40px 0px 0px 0px;
 	
	}

#panel .hint span {
	display:block;
	width:163px;
	height:27px;
	}

#panel .hint li {
	width:136px;
	margin:2px 0 0 0;
	background:transparent url('picl/metall16l.gif') repeat scroll 0 0;
	}

#panel .hint ul a {
	background:transparent url('picl/metall15l.gif') repeat scroll 0 0;
	text-align:right;
	width:129px;
	padding:0 5px;
	margin:0;
	font-size: 9px;
	color: #33CCFF;	
	font-weight:bold;
	line-height:18px;
	font-size:12px;
	color: #3366CC;
	}

#panel .hint ul a dfn {
	display:block;
	font-size: 9px;
	color: #33CCFF;	
	font-weight:normal;
	font-style:normal;
	line-height:15px;
	padding:0 0 1px 0;
	margin:-1px 0 0 0;
	}
#panel .hint ul a:hover, #panel .hint ul a:hover dfn {
	background-image:none;
	color: #BBFFFF;
	}

#panel .hint ul a:hover h3 {
	color: #33CCFF;
	}

#panel .hint ul a img {
	float:left;
	padding:0px;
	margin:0px;
	margin-left:-5px;
	}

#panel .hint ul li span {
	background:transparent none;
	height:0px;
	width:1px;
	clear:both;
	margin:-1px 0 0 0;
	padding:0;
	}

#panel li ul {
	display:none;
	}

#panel .hint ul {
	display:block;
	}


* html #panel .hint ul {
	background:transparent none;	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='picl/centerl.png', sizingMethod='scale');
	}


* html #panel  li {
	float:left;	
	}

* html #panel .hint li span {
	display:inline;
	}

* html #panel .hint a {
	background-position:140px 20px;
	}



</style>