/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px;
  }

body.section-1 { }
body.section-2 { }
body.section-3 { }

a { color:#000; text-decoration:none; font-weight:;}
a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration:none; }

a.links_pub { color:#fff; text-decoration:none; ;}
a:link.links_pub { text-decoration: none; }
a:active.links_pub { text-decoration: none; }
a:visited.links_pub { text-decoration: none; }
a:hover.links_pub { text-decoration:none; }

a.links_text { color:#666; text-decoration:none !important;}
a:link.links_text { text-decoration: none; }
a:active.links_text { text-decoration: none; }
a:visited.links_text { text-decoration: none; }
a:hover.links_text { text-decoration:underline; }


#index {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
    width: 215px;
    overflow: auto;
    top: 0px;
    bottom: 0;
  left: 30px;
  margin: 10px 0px 0px 0px;
  padding: -20px 0px 0px 0px;
  
  Height:auto;
  
opacity: 0.8;

position: fixed;
    height: 100%;
}

#index ul {list-style: none; margin: 0 0 12px 1px; line-height:18px;}
  
#index ul li {font-size: 12px;  color:#000; float:none;list-style:none;  }
#index ul li a:visited { color: #000; }
#index ul li a:hover { color:#000 !important; text-decoration:; background-color:#FF0;} /* #FF0*/ /*F96*/
#index ul li.active a { /*background-color:#CCC; color:#fff;*/ text-decoration:; color:#000 !important; background-color:#ff0}/*00F  F96*/
    
#index ul li .section_title, #index ul li .section_title a { display:block; font-size:14px; color:#666 !important; float:none; list-style:none; text-decoration:none; margin: 35px 0px 0px 0px; pointer-events: none; cursor: initial; }

#index ul li .section_title, #index ul li .section_title a:hover { background: transparent; }
#content { height:100%; width: 800px; margin: 118px 0 0 280px; /*top: 0;8*/}

.container { padding: 0px 5px 25px 5px; margin: 10px 0px 0px 0px; display:inline-block; float: left;} 

.pub { float: left; position: relative;  padding: 0px 5px 25px 5px; width: 800px;}


#content p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 17px; top:0px; width: 400px; margin-bottom: 9px; margin-top:px; }

#social { 
  clear:both;
  width: 200px;  
  position:fixed; 
  bottom: 20px;
  left: 16px;
  font-size:11px; 
  line-height:18px; 
  color:#000;  
  float:left; 
  margin: 0px 0px 0px 20px; 
}
  
p { margin: 0 0 9px 0; }

h1 { font-size: 14px; font-style:bold; padding-top: -1px; padding-bottom: 1px;}
h2 { font-size: 12px; font-style:bold; padding-top: -1px; padding-bottom: 1px;}
h3 { font-size: 14px; font-style:bold; padding-top: -1px; padding-bottom: 1px; color:#999;}
h4 { font-size: 12px; font-style:bold; padding-top: -1px; padding-bottom: 1px; color:#999;}

#img-container  { margin: 0px 0px 0px 0px; padding: 0; }
#img-container p  { width: 450px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

#subsection_title_8_1 { display: none; }

#exhibit {
  margin: 118px 0 0 280px;
}

.textor {
  width: 325px !important;
}
.textor > div {
  width: 250px;
}

#exhibit p, code, blockquote {
  width: 400px;
}

.captioning.text2 {
  height: auto !important;
}