/* GERNERAL CSS */
body      {  background: url(../files/images/back.jpg); /*background-color: white;*/}

html      { color:black;}
a         { color:  Black; text-decoration:underline;}
a:link    { color: Black; text-decoration:underline;}
a:visited { color: Black; text-decoration:underline;}
a:hover   { color: gray  ; text-decoration:underline;}
a:active  { color: Black; font-weight:bold; text-decoration:underline;}
html, div { font-family:Tahoma;}
img       { color:#999; border: 1px solid #DFDFDF;}
h1        { font-family:Tahoma;text-align:center; padding: 20px 0 15px 0px; margin: auto; font-size:1.6em; letter-spacing:0.2em;}

p	 { text-align:left; padding:2px;}

table     { text-align:left; font-size: 1em; }
tr {padding-top: 1em;}
td	 { vertical-align:top; border-bottom: 0px solid #DFDFDF;padding:1px;}

.line	 { height:0px; border-top: 1px solid #DFDFDF; margin-right:10px; }


/* TABLE CSS */

.head	 { font-weight:bold;}
.right	 { text-align:right;padding-left:20px;}

table.fixwidth td { width:200px;}
table.contact td { width:150px;}


/* FIX INTERNET EXPLORER 6 CSS */
* html h1 {text-align:center; padding: 0; margin:10px 0 0 0;}

/* FIX INTERNET EXPLORER 7 CSS */
html* h1 { padding: 0 0 10px 0; margin:10px 0 0 0;}



hr.slice_1{
	color: black;
	background-color: black;
	height:0px;
	margin: 5px 0px 5px 0px;
	border: 1px solid black;
}

/* FIX INTERNET EXPLORER CSS */
* html hr.slice_1 { height:2px;}

.cancel   { text-decoration:line-through;}
.mark     { color: #CE0000; padding: 0px;}
.inputtext{
	margin:0 0 0 1.0em;
	background-color: white; /*#FFFFCC  */
	text-decoration: none;
	font-family: ARIAL ;
	font-size:8pt;
	border: 1px solid black;

}

/* FIX INTERNET EXPLORER CSS */
* html .inputtext { margin:0 0 0 0.6em; width:115px;}

.cmd_submit {
	font-size:1.0em;
	color: black;
	text-decoration: none;
	border: 1px solid black;
	font-weight: 400;
	background-color: white;
}
/*GERNERAL CSS END*/




/*INDEX LAYOUT CSS*/
div#top   {
	margin: 2px 2px 2px 2px;
	height: 125px;

	background-position: bottom;
	background-repeat:no-repeat;
	background-color: beige;
	border-bottom: 1px solid black;
}

div#center{
	margin: auto;
         margin-top:20px;
	width:800px;
	background-color: white;


	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;

}

div#pre{
	margin: auto;
    margin-top:10px;
	width:800px;


}

div#pre img {
	border: 1px solid silver;
}



div#shadow {

                 padding-right:0px;
                 margin: auto;
		width:810px;


	       background:url(../files/images/shadow.jpg);
                background-repeat:repeat-y;
                background-position:right;
	}


div#content {


	margin-top: 10px;
         margin:right: 10px;
	padding-right:5px;
	width:75%;
	min-height:376px;
	float:right;

         font-family:Tahoma;
	font-size: 0.8em;
         background-color: white;
 	/*background: url(../files/images/content.jpg);*/

	background-repeat:no-repeat;
	background-position:center;
         background-attachment:fixed;

}


div#instruments{
	border:1px solid black;
         margin:26px;
         background: url(../files/images/instruments.jpg); height:81px;
 	background-repeat:no-repeat;
	background-position:center;

}

div#footer {

	clear:both;

                    margin:2px;
	font-size: 0.6em;
	text-align:center;
	width:796px;
	height:18px;
         padding-top:2px;
         background: url(../files/images/footer.jpg);
         /*background-color: #ADADD9;*/

         }



/*INDEX LAYOUT CSS END*/


.news {

	padding: 10px;    
}

.news_date {
	text-align:left;
	padding: 2px;
	font-weight:bold;
	border-bottom: 1px solid black;

}
.news_content {
	text-align:justify;
	padding: 2px;
	border-bottom: 1px solid black;
}/*INDEX LAYOUT --> MENU CSS*/
ul#menu   {
	text-align:	left;
	float: 		left;
	margin: 	10px;

	padding:	20px  20px 20px 35px;

	border:		1px solid black;
	font-size: 	0.9em;
         min-height:	350px;
         width: 14%;


}

/*FIX INTERNET EXPLORER CSS*/
* html ul#menu {height: 350px;
	width: 13%;
}

ul#menu li {font-family:Tahoma; list-style-type:none; padding: 1px;}
ul#menu li a {display: block; padding: 1px; padding-left:0.3em; font-weight: normal; }
ul#menu li a:link {color: black; text-decoration:none;}
ul#menu li a:visited {color: black;text-decoration:none;}
ul#menu li a:hover {color: #800000;text-decoration:underline;}
ul#menu li a:active {color: #800000;text-decoration:none;}


ul.sub_menu {
	text-align:left;
margin: 0 0 0 -24px;

         list-style-image:url(../files/images/sbutton.jpg);


	font-size: 0.9em;
	font-family:Tahoma;
}

ul.sub_menu li {margin: 1px; padding: 0 0 1px;}
ul.sub_menu  a {display: block; padding-left:0.3em; font-weight: normal; text-decoration:none;}
ul.sub_menu  a:link {color: black;}
ul.sub_menu  a:visited {color: black;}
ul.sub_menu  a:hover {color: #660000;}
ul.sub_menu  a:active {color: #FF5F00;}


/*INDEX LAYOUT --> MENU CSS END*/#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #ffffff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 2px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../files/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../files/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../files/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	background-image: url(overlay.png);
         }


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block;
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}