@import "publications.css";
@import "extensions.css";

/*//////////////////////////////////////////////////////////////
PERI - MAIN STYLESHEET
CREATED: REUVEN COHEN, FEBRUARY 27, 2006
UPDATED: LARS FORSBERG, JANUARY, 2012 
//////////////////////////////////////////////////////////////*/
.breadcrumb {
  display: block;
  clear: both;
  position: relative;
  top: -5px;
  margin-bottom: 10px;
  }  
#frame {
  height: auto;
  margin: 3px 0 0 4px;
  }
.csc-frame-invisible {
  display:none; 
  }

/*//////////////////////////////////////////////////////////////
HEADER NAVIGATION STYLES
//////////////////////////////////////////////////////////////*/
.header {
  width: 760px;
  padding: 0;
  margin: 0;
  }

/*//////////////////////////////////////////////////////////////
MAIN NAVIGATION STYLES
//////////////////////////////////////////////////////////////*/
#Nav {
  width: 760px;
  height: 33px;
  margin-top: 0px;
  border-top: 0px solid #0C6750;
  border-bottom: 0px solid #0C6750;
  background-color: #CC9900
  }
ul#navMain {
  height: 22px;
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  }
#navMain li {
  width: 106px;
  height: 44px;
  float: left;
  margin:  0;
  padding: 0;
  vertical-align: middle;
  }
#navMain li.wide {
  width: 114px;
  }

#navMain li a {
  display: block;
  padding: 0px 7px;
  padding-top: 4px;
  font-size: medium;
  color: #FFFFFF;
  line-height: 12px;
  text-align: center;
  text-decoration: none;
  }
#navMain li.divider a {
  border-right:1px solid #fff;
  height: 40px;
  }
#navMain li.nodivider a {
  border-right:0px solid #fff;
  }
#navMain li a {
  width: auto;
  }
#navMain li a:hover {
  color: #990000;
  }
#home .nav-home, #news .nav-news, #products .nav-products, #about .nav-about, #contact .nav-contact {
  background-position: 0 -27px;
  border-width: 0;
  }
#home .nav-home a, #news .nav-news a, #products .nav-products a, #about .nav-about a, #contact .nav-contact a {
  background-position: 100% -27px;
  color: #FFFFFF;
  }
#navMain li:hover, #navMain li:hover a {
  color: #990000;
  }

/*///////////////////////
SECOND TIER NAV
///////////////////////*/
#navMain li ul.sub {
  display: none;
  }
#navMain li a:hover ul.sub, #navMain li:hover ul.sub, #navMain li.over ul.sub {
  display: block;
  }
#navMain ul.sub {
  position: absolute;
  display: block;
  z-index: 6000;
  margin: 0;
  padding: 0;
  border-right: 0px solid #0C6750;
  border-left: 0px solid #0C6750;
  border-bottom: 4px solid #990000;
  list-style: none;
  background: #CC9900
  }
#navMain ul.sub li {
  width: 175px;
  float: none;
  margin: 0;
  padding: 0;
  text-align: left;
  background: transparent;
  }
#navMain ul.sub li a {
  font-weight: normal;
  line-height: 18px;
  margin: 0;
  padding: 0px 10px 0px 10px;
  color: #FFFFFF;
  border-bottom: 1px solid #ECB100;
  }
#navMain ul.sub li a:hover {
  color: #fff;
  background: #999999;
  }

/*//////////////////////////////////////////////////////////////
RIGHT COLUMN STYLES
//////////////////////////////////////////////////////////////*/  
.rightcol {
  display: block;
  width: 190px;
  margin-top: 15px; 
  padding: 0px 10px 10px 10px;
  }
.rightcol .tx-peripubs-pi1  {
  display: block;
  width: 148px !important; width: 160px;
  margin: 0 !important; margin: -18px 0 0 0;
  padding: 5px !important; padding: 5px 2px 0px 6px;
  border: 1px solid #999999; 
  background: #E1E1E1;
  }  
.rightcol .tx-peripubs-pi1 .authors {
  color: #000000;
  text-decoration: none;
/*  margin-bottom: 5px;
  border-bottom:1px dashed #999999;   */
  }
.rightcol .tx-peripubs-pi1 .authors a {
  color: #000000;
  text-decoration: none;
  }  
.rightcol .tx-peripubs-pi1 .authors a:hover {
  color: #000066;
  text-decoration: none;
  }  
.rightcol .tx-peripubs-pi1 .divider {
  display: block;
  margin: 5px 0 5px 0 !important; margin: 5px 0 -10px 0;
  height: 1px;
  width: 150px;
  clear: both;
  background: url(../imgs/menu_divider.gif) repeat-x;
  }
.rightcol input {
  font-size: medium;
  }

/*//////////////////////////////////////////////////////////////
RIGHT COLUMN HEADER STYLES
//////////////////////////////////////////////////////////////*/  
.rightcol .csc-header {  
  display: block;
  width: 160px;
  height: 20px;
  margin: 0;
  padding: 0;
  background: url(../imgs/header_rightcolumn2.gif) no-repeat;
  }
.rightcol h1.csc-firstHeader,
.rightcol .csc-header h1,
.rightcol .csc-header h2,
.rightcol .csc-header h3,
.rightcol .csc-header h4,
.rightcol .csc-header h5 {
  color: #FFFFFF;
  font-size: medium;
  font-weight: bold;
  text-align:center;
  position: relative;
  top: 1px;
  }
.rightcol .csc-header-n2 {
  display: block;
  width: 160px;
  height: 20px;
  margin-bottom: 10px;
  margin: 0;
  padding: 0;
  background: url(../imgs/header_rightcolumn2.gif) no-repeat;
  }
.rightcol .csc-header-n2 h2 {
  color: #FFFFFF;
  font-size: medium;
  font-weight: bold;
  text-align:center;
  padding-top: 2px;
  }
  
/*//////////////////////////////////////////////////////////////
FOOTER STYLES
//////////////////////////////////////////////////////////////*/
.footer_seal {
  display: block;
  background-color:#FFFFFF;
  height: auto;
  }
  
/*//////////////////////////////////////////////////////////////
GLOBAL STYLES
//////////////////////////////////////////////////////////////*/
.centercol h1 {
  margin: 0 0 8px 0;
  font-family: Helvetica;
  font-size: medium;
  font-weight: bold;
  color: #990000;
  }
em {
  font-style: italic;
  }
a {
  color: #990000;
  text-decoration: none;
  }
a:hover {
  color: #990000;
  text-decoration: underline;
  }
table {
  font-size: medium;
  }
div.clear {
  clear: both;
  }

/*//////////////////////////////////////////////////////////////
TYPO3 CONTENT STYLES
//////////////////////////////////////////////////////////////*/

DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
  border: 0;
  padding: 5px 5px;
  }