/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/base.css);


/* New style-related Base Values
----------------------------------------------------------------------------------------------------*/
  
 .accordon_framework {
  float: left;
  height: 450px;
  width: 100%;
  }
  
   ul.accordion{
    list-style:none;   
    right:0px;
    top:0px;
    font-family: Cambria, serif;
    font-size: 16px;
    font-style: italic;
    line-height: 1.5em;
}
ul.accordion li{
    float:left;
    width:200px;
    height:480px;
    display:block;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    -moz-box-shadow:1px 3px 15px #555;
    -webkit-box-shadow:1px 3px 15px #555;
    box-shadow:1px 3px 15px #555;
}
ul.accordion li.bg1{
  background-image: url(../images/governance.jpg);
}
ul.accordion li.bg2{
    background-image:url(../images/development.jpg);
}
ul.accordion li.bg3{
    background-image:url(../images/philanthropy.jpg);
}

ul.accordion li.bleft{
    border-left:2px solid #fff;
}
ul.accordion li .heading{
    background-color:#fff;
    padding:10px;
    margin-top:60px;
    opacity:0.9;
    text-transform:uppercase;
    font-style:normal;
    font-weight:bold;
    letter-spacing:1px;
    font-size:14px;
    color:#444;
    text-align:center;
    text-shadow:-1px -1px 1px #ccc;
}
ul.accordion li .description{
    position:absolute;
    width:400px;
    height:205px;
    bottom:0px;
    left:0px;
    display:none;
}
ul.accordion li .description h2{
  text-transform: uppercase;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 45px;
  color: #ffffff;
  text-align: left;
  margin: 0px 0px 15px 20px;
  text-shadow: -1px -1px 1px #ccc;
  background-image: url(../images/bg_test.png);
}
ul.accordion li .description p{
  line-height: 14px;
  margin: 10px 22px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
  text-transform: none;
  letter-spacing: normal;
  line-height: 1.6em;
  color: #FFF;
  background-image: url(../images/bg_test.png);
}
ul.accordion li .description a{
    position:absolute;
    bottom:5px;
    left:20px;
    text-transform:uppercase;
    font-style:normal;
    font-size:11px;
    text-decoration:none;
    color:#ffffff;
  background-image: url(../images/bg_test.png);
}
ul.accordion li .description a:hover{
    color:#e08401;
    text-decoration:underline;
}

ul.accordion li .bgDescription{

    height:340px;
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    display:none;
}




body {
  font: normal 13px/20px Arial, Helvetica, sans-serif;
}



ins, mark { background-color: #ffa; }
mark { color: #444; }

hr { border-top-color: #ddd; }

pre {
  border: 1px solid #ddd;
  background: #fafafa;
}

::-moz-selection { background: #39f; color: #fff; }
::selection { background: #39f; color: #fff; }


/* Font Size Setting ---*/
h1, h2, h3, h4, h5, h6 {
  
  color:#7b4a00;
  
  
  }
.subCategory h2, h2.genericItemTitle, h3.catItemTitle, h2.tagItemTitle{font-size:24px;}
.items-more h3, div.categories-list ul li .jitem-title, .purchase a{font-size:20px;}
h1.componentheading, .componentheading, .cat-children h3, .itemListSubCategories h3{font-size:16px;}
.item-title{font-size:14px;}
#itemListLinks h3{font-size:13px;}
.nspArt p.nspInfo {font-size:10px;}
aside ul{padding-left:0;}

textarea, input[type="text"], input[type="password"], select {
    color:#673e00; background:none; border:1px solid #eee;
}


#timeline {
  width: 800px;
  height: 350px;
  overflow: hidden;
  margin: 0px auto;
  position: relative;
  font-family: Georgia, serif;
  background-color: #fcf0d6;
  background-image: url(../images/dot.gif);
  background-repeat: repeat-x;
  background-position: left 45px;
  }
    #dates {
      width: 800px;
      height: 60px;
      overflow: hidden;
    }
      #dates li {
        list-style: none;
        float: left;
        width: 100px;
        height: 50px;
        font-size: 24px;
        text-align: center;
        background: url('../images/biggerdot.png') center bottom no-repeat;
      }
        #dates a {
          line-height: 38px;
          padding-bottom: 10px;
        }
        #dates .selected {
              font-size: 28px;
          color: #401c03;
          
        }
    
    #issues {
      width: 800px;
      height: 350px;
      overflow: hidden;
    }  
      #issues li {
        width: 800px;
        height: 350px;
        list-style: none;
        float: left;
      }
        #issues li img {
          float: left;
          margin: 10px 30px 10px 50px;
        }
        #issues li h1 {
          color: #401c03;
          font-size: 48px;
          margin: 20px 0;
          font-family: Georgia, serif;
          
        }
        #issues li p {
          font-size: 13px;
          margin-right: 70px;
          font-weight: normal;
          line-height: 20px;
          
        }
    
    #grad_left,
    #grad_right {
      width: 100px;
      height: 350px;
      position: absolute;
      top: 0;
    }
      #grad_left {
            left: 0;
            background: url('../images/grad_left.png') repeat-y;
      }
      #grad_right {
            right: 0;
            background: url('../images/grad_right.png') repeat-y;
      }
    
    #next,
    #prev {
      position: absolute;
      top: 0;
      font-size: 70px;
      top: 170px;
      width: 22px;
      height: 38px;
      background-position: 0 0;
      background-repeat: no-repeat;
      text-indent: -9999px;
      overflow: hidden;
    }
      #next:hover,
      #prev:hover {
        background-position: 0 -76px;
      }
      #next {
        right: 0;
        background-image: url('../images/next.png');
      }
      #prev {
        left: 0;
        background-image: url('../images/prev.png');
      }
        #next.disabled,
        #prev.disabled {
          opacity: 0.2;
        }