@charset "utf-8";
/* CSS Document */

* {
	margin:0px;
	padding:0;
	font:normal Georgia,'Times New Roman',Times,serif;
}

body { 
	 font-size: 0.9em; 
}

#header { 
	margin:0 auto; 
	width:800px; 
	color:#AAAAAA; 
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:20px 0;
	background: url(../images/logo-firb-memo_1.gif) no-repeat 0 10px;
	position:relative;
}

.logo-firb-memo {
position:absolute;
display:block;
width:100px;
height:60px;
top:0;
left:0;
text-indent:-1000px;
outline:none;
}

#header h1 { 
	font-size:1.3em;
	text-align:center;	
	text-indent:85px;
}

#sub-header { 
	margin:0 auto; 
	width:800px; 
}

#header span {
	color:#666666;
}

#container, #credits, div.menu { margin:0 auto; width:800px; font-size:1em; text-align:justify; font-family:"Times New Roman", Times, serif;}

/*#container, #credits { font-size:0.9em;}*/

#container a {color: #0088AA; font-weight:bold; text-decoration: none;}
#container a:hover {color: #0088AA; font-weight:bold; text-decoration:none;}

#container h2 a {text-decoration:none; color: #B88400;}
#container h2 a:hover {text-decoration:none; color: #B88400;}

div.menu p a {color:#333; font-weight:bold; text-decoration:underline;}
div.menu p a:hover {color:#333; font-weight:bold; text-decoration:none;}
div.menu p a:visited {color:#333; }

#search-engine-home, #admin-panel-home { width:780px;
	background: #f0f0f0 url(../images/toggle_block_stretch.gif) repeat-y left top;
	padding: 10px; margin-bottom:5px; border-top:2px solid #000;
	border-bottom: 1px solid #d6d6d6; height:600px;}
	
#credits {padding: 10px 10px 0 10px; margin:20px auto; }
#credits a {color: #0088AA; font-weight:bold; text-decoration: none; }
#credits a:hover {color: #0088AA; text-decoration: none; }


#container img {
	background:none repeat scroll 0 0 #DDDDDD;
    border:1px solid #CCCCCC;
    float:left;
    margin:10px 10px 1px 5px;
    padding:5px; width:100px; height:100px; cursor:pointer;}
    
#container table img {
	background:none;
    border:none;
    float:left;
    margin:10px 10px 1px 5px;
    padding:0px; width:auto; height: auto;cursor:pointer;}
	
#container p {
    margin:5px;
	padding-top:10px;
}

#div-intro p {
    margin:5px;
	padding-top:10px;
}

#container .block p {
    margin:0 0 15px 0;
	padding-top:0px;
}

#container ul, div.menu ul { 
 margin:0px 25px 10px 0;
	padding-top:0px; padding:0;
list-style-type:none;
}


div.menu a {color:#000; text-decoration:none; font-weight:bold;}






#container .block li, div.menu ul.tab-content li {
	background:url("../images/arrow_right_grey.png") no-repeat scroll 0 7px transparent;
	padding:2px 0 2px 16px;
}

#container strong { 
color:#666;
}

div.trigger {
	width:780px;
	background: #f0f0f0 url(../images/toggle_block_stretch.gif) repeat-y left top;
	padding: 10px; margin-bottom:5px; border-top:2px solid #000;
	border-bottom: 1px solid #d6d6d6;
}

div.menu {
	width:500px;
	height:34px;
	margin:0 auto;
	background: transparent; 
	text-align:center; font-family:Georgia, "Times New Roman", Times, serif; 
	
	
}

div.menu ul li { 
    margin:0px 10px 0 0;
	padding-top:0px;
    list-style-type:none;
    display:inline;
    text-align:center;
    position:relative;
}

div.menu ul ul{
	position: absolute;
	top: 16px; left:2px;
	visibility: hidden; 
	width:330px;
}

div.menu ul ul li {
	text-align:left; 
	float:left;
	line-height:14px;
}

div.menu ul ul li a {
	text-align:left; 
	color:#666; 
	font-size:90%;
}

div.menu ul li:hover ul{
    visibility:visible;
}   

div.menu strong { margin-top:20px; display:block;}

h2 {
	border-bottom:1px dashed #CCCCCC; font-size:1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
    margin:0 5px 10px 5px;
    padding:0 0 5px;
}

h3 {
	border-bottom:1px dashed #CCCCCC;
    font:1em normal Georgia,"Times New Roman",Times,serif; 
	font-weight:bold;
    margin:0 0 5px;
    padding:0px; 
} 

h2 a {
	color: #000;
	text-decoration: none; 
	cursor:pointer;
}

h2 a:hover { color: #000; }

.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(../images/toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	width: 800px;
	clear: both;
}
.toggle_container .block {
	padding: 15px; /*--Padding of Container--*/
	background: url(../images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}

#container .toggle_container p { margin:0 0 10px 0; padding-top:0px;}

ul#navigation {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 30px;
    left: 0px;
    list-style: none;
    z-index:9999;
	cursor:pointer;
}

ul#navigation li {
    width: 100px; 
}

ul#navigation li a {
    display: block;
    margin-left: -85px;
    width: 100px;
    height: 70px;
    background-color:#CFCFCF;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF; color:#000; text-decoration:none; outline:none;
}

ul#navigation li a {
    display: block;
    margin-left: -2px;
    width: 90px;
    height: 20px; 
	line-height:20px;
	font-size:0.8em;
	font-weight:bold; padding-left:10px;
    background-color:#CFCFCF;
    background-repeat:no-repeat;
    background-position:center center;
    border:1px solid #AFAFAF;
    -moz-border-radius:0px 10px 10px 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    opacity: 0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-box-shadow: 0px  3px 2px #ccc;
    -webkit-box-shadow: 0px 3px 2px #ccc;
}

ul#navigation .home a{
    background-image:url(../images/application_home.png); 
	background-position:75px 2px;
}

ul#navigation .search-engine a      {
    background-image: url(../images/zoom.png);
	 background-position:75px 2px;
}

ul#navigation .search-map a      {
    background-image: url(../images/map_magnify.png);
	 background-position:75px 2px;
}

ul#navigation .admin-panel a      {
    background-image: url(../images/application_form_edit.png);
	 background-position:75px 2px;
}

small {
color:#666666;
display:block;
font:0.6em normal Verdana,Arial,Helvetica,sans-serif;
letter-spacing:1.2em;
text-transform:uppercase; 
margin-bottom:25px; font-weight:bold; text-align:center;
}


#container img.bullet {
	width:10px; 
	height:10px; 
	margin:0 0 0 762px; 
	padding:0;
	background:none repeat scroll 0 0 #DDDDDD;
    border:1px solid #CCCCCC;
   cursor:pointer; float:none;
}



#container .thumb li {float:left; background:none; margin: 0 10px 15px 0; padding:0;}

#container img.bullet {
	width:10px; 
	height:10px; 
	margin:0 0 0 762px; 
	padding:0;
	background:none repeat scroll 0 0 #DDDDDD;
    border:1px solid #CCCCCC;
   cursor:pointer; float:none;
}

#container #layout { cursor:pointer; margin:0; padding:0;}
#container img.gallery {
   cursor:pointer; margin:0; padding:0;
}

#container .trigger img.search { float:right; width:13px; height:13px; border:none; background:transparent; margin:0 3px 0 0;}
.active {}

.clearer {clear:both; margin:10px 0 20px 0;}

#container p.biblio-subtitle {margin:20px 0 5px 0; padding:0;}

div.menu .ui-widget  {
font-family:inherit;
font-size:inherit;
}

div.menu .ui-tabs .ui-tabs-panel {
padding:0;
}

div.menu .ui-widget-header  {
background:#f0f0f0; 


}



div.menu .ui-tabs-selected { background:#f0f0f0; }
div.menu .ui-tabs-selected a { outline:none;}
div.menu .ui-tabs-nav {
margin:1px 0 0 0;

padding-top:0;
border-bottom:1px solid #aaa;
border-left:1px solid #aaa;
border-right:1px solid #aaa; 

}

iframe {
   height:800px; /* in this case, we get rid of the overflow setting, because the height of the iframe is increased by itself.*/
   width:100%;
   border:none;
   padding:0;
   margin:0;
}

div.menu  ul a.active {color:#666;}

#loghi{float:right; margin:-15px 0 0 0; padding:0; background:#fff;}

#loghi img {border:0px; margin:0; padding:0; background:#fff; outline: none;}

#loghi a,#loghi a:hover {outline: none;}

#exhibit-icon-legend {display:  none;}