/* basic elements */
html {
    margin: 0;
    padding: 0;
    }
body { 
    text-align: center;
    font: 100% ; // , sans-serif;
    font-family:arial;
    line-height: 1.88889;
    //color: #555753; 
    //color: #454743; 
    background: #bbb;
    margin-left: 50px;
    margin-right: 100px;
    padding: 0;
    }
#container {
    
    color:#4D472C;
    margin: 0 auto;
    margin-top:-20px;
    margin-bottom:-20px;
    width: 800px;
    text-align: left;
    background: #fff;
    padding-left:80px;
    padding-right:80px;
    padding-top:40px;
    padding-bottom:25px;
    -moz-box-shadow:    3px 3px 5px 6px #999;
    -webkit-box-shadow: 3px 3px 5px 6px #999;
    box-shadow:         3px 3px 5px 6px #999;
    }
p { 
    margin-top:10px; 
    text-align: justify;
    text-indent:20px;
    }
h1 { 
    text-align:center;
    color: #6D674C;
    margin-top: -40px;
    }
pre { 
    text-align: justify;
    text-indent:20px;
    }
h2 { 
    color: #6D674C;

    font-size:1.35em;
    }
h3 { 
    font: italic normal 1.2em times; // , sans-serif;
    letter-spacing: 1px; 
    margin-bottom: 0; 
    color: #7D775C;
    }
a {
    font-family:times;
    // font-weight: 700;
    font-size:110%;
    text-decoration: none;
    color:#787;
}
a:link {
    font-weight: normal;
     text-decoration: none;
    color: rgba(82, 70, 110, 1);
    // rgba(133, 120, 164, 1);
}
a:hover,
a:focus,
a:active {
}
a:focus,
a:active {
    color: rgb(166,0,0);
}
a:visited {
  rgba(92, 80, 120, 1);
}
a.previous {
  text-align:left;
  font-family:arial;
  }
a.next {
  text-align:right;
  font-family:arial;
  }
abbr {
    border-bottom: none;
    }


/* specific divs */
.page-wrapper { 
    background: url(zen-bg.jpg) no-repeat top left; 
    padding: 0 175px 0 110px;  
    margin: 0; 
    position: relative;
    }

.intro { 
    min-width: 470px;
    width: 100%;
    }

header h1 { 
    color: #7D775C;
    background: transparent url(h1.gif) no-repeat top left;
    margin-top: 10px;
    display: block;
    width: 219px;
    height: 87px;
    float: left;

    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    }
*.Question {
    padding: 3px;
    border: 3px #666;
    text-align: center;
    font-size: 110%;
    color:#787;
    height: 25px;
    width: 600px;
    cursor: pointer; 
    align: center;
/*    overflow:hidden; */
     word-wrap:break-word;
}
*.Question,*.Answer {
    padding: 3px;
    border: 8px;
    border-style: solid;
    text-align: center;
    font-size: 110%;
    color: #787;
    width: 600px;
    cursor: pointer;
    height: auto;
}
*.Rollout {
    padding: 10px;
    //border:2px solid black;
    text-align: center;
    font-size: 16px;
    //height: 25px;
    width: 600px;
    cursor: pointer; 
    align: center;
    overflow:hidden;
    word-wrap:break-word;
}

*.Rollin {
    font-family:courier;
    padding: 10px;
    border:1px dotted black;
    font-size: 11px;
    width: 600px;
    cursor: pointer; 
    overflow:hidden;
    align:left;
    text-align:left;
}


header h2 { 
    color: #7D775C;
    background: transparent url(h2.gif) no-repeat top left; 
    margin-top: 58px; 
    margin-bottom: 40px; 
    width: 200px; 
    height: 18px; 
    float: right;

    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    }
header {
    padding-top: 20px;
    height: 87px;
}

#grid:after{
    content: '';
    display: inline-block;
    width: 100%;
    font-family:arial;
    }

.summary {
    clear: both; 
    margin: 20px 20px 20px 10px; 
    width: 160px; 
    float: left;
    }
.summary p {
    font: italic 1.1em/2.2 times; // georgia; 
    text-align: center;
    }

.preamble {
    clear: right; 
    padding: 0px 10px 0 10px;
    }
.supporting {   
    padding-left: 10px; 
    margin-bottom: 40px;
    }

footer { 
    text-align: center; 
    }
footer footer a:visited { 
    margin-right: 20px; 
    }

.sidebar {
    margin-left: 600px; 
    position: absolute; 
    top: 0; 
    right: 0;
    }
.sidebar .wrapper { 
    font: 10px verdana, sans-serif; 
    background: transparent url(paper-bg.jpg) top left repeat-y; 
    padding: 10px; 
    margin-top: 150px; 
    width: 130px; 
    }
.sidebar h3.select { 
    background: transparent url(h3.gif) no-repeat top left; 
    margin: 10px 0 5px 0; 
    width: 97px; 
    height: 16px; 

    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    }
.sidebar h3.archives { 
    background: transparent url(h5.gif) no-repeat top left; 
    margin: 25px 0 5px 0; 
    width:57px; 
    height: 14px; 

    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    }
.sidebar h3.resources { 
    background: transparent url(h6.gif) no-repeat top left; 
    margin: 25px 0 5px 0; 
    width:63px; 
    height: 10px; 

    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    }


.sidebar ul {
    margin: 0;
    padding: 0;
    }
.sidebar li {
    line-height: 1.3em; 
    background: transparent url(cr1.gif) no-repeat top center; 
    display: block; 
    padding-top: 5px; 
    margin-bottom: 5px;
    list-style-type: none;
    }
.sidebar li a:link {
    color: #988F5E;
    }
.sidebar li a:visited {
    color: #B3AE94;
    }


.extra1 {
    background: transparent url(cr2.gif) top left no-repeat; 
    position: absolute; 
    top: 40px; 
    right: 0; 
    width: 148px; 
    height: 110px;
    }