body 
{
    background-color:#fafae1;
    color:#000000;
    font-size:100%;
    min-width: 1000px;
}

p {
    margin-top:.5em; /* override default 1em */
    margin-bottom:.5em; /* override default 1em */
}

h1,h2,h3 {
    font-family: "Verdana", sans;

}

div[class=all]
{
    width: 95%;
    margin: 0px auto;
}

p[class="rintro"]
{
    text-align: center;
    width: 90%;
    margin: 0px auto;
}

/**
 * 3 column table containing (Key, Value, Notes) rows 
 **/

table[class=table3kvn]
table, th, td
{
    border: 0px;
    padding: 2px 5px 2px 5px;
    border-collapse:collapse;
}

table[class=table3kvn] * td
{
    text-align:right;
    font-style:italic;
}

table[class=table3kvn] * td + td
{
    text-align:center;
    font-style:normal;
}

table[class=table3kvn] * td + td + td
{
    text-align:left;
    font-size:0.9em;
    font-style:oblique;
}

a[class=cleartarget]
{
    color:black;
    text-decoration:none;
}

a[class=cleartarget]:hover
{
    color:black;
    text-decoration:underline;
}

div[class=rbox]
{
    vertical-align: top;
}

/**
 * Collapsing columns
 */

#anchorCol
{
    width: 1px;
    height: 2000px;
    float: left;
    padding: 1px;
}

#firstCol,
#secondCol,
#thirdCol
{
    width: 450px;
    float: left;
    padding: 2px;
}

@media screen and (min-width: 1500px) {
    #firstCol,
    #secondCol,
    #thirdCol
    {
        width: 32%;
        float: left;
        padding: 2px;
    }
}

/**
 *     Research highlight boxes
 */

.rbox {
    border-style:dotted;
    border-width:thin;
    border-color:blue;
    margin-left:.25cm;
    margin-right:.25cm;
    margin-bottom:.25cm;
    padding:.5cm;
}

.rbox:target {
    background:#d9f7ff;
}

div[class=rbox] 
.rtitle {
    margin: 0px;
    text-align: center;
    text-decoration: none;
    color:#000000;
}

div[class=rbox] 
a[class=rclose] {
    margin: 0px;
    padding-left: 5px;
    visibility:hidden;
    text-align: center;
    font-size: 0.7em;
    font-weight: bold;
    font-family:Sans;
    text-shadow:4px 3px #8aa1a7;
    text-decoration:none;
}

div[class=rbox] 
a[class=rclose]:hover {
    text-decoration:underline;
}

.height250 {
    width:80%;
    max-height:300px;
}

div[class=rbox]:target 
a[class=rclose] {
    visibility:visible;
}


div[class=rbox] 
.rtitle:hover {
    text-decoration: underline;
}

div[class=rbox] 
{
   padding-top: 0px;
   padding-left: 0px;
   padding-right: 0px;
}

div[class=rbox] table
{
    width: 100%;
}

div[class=rbox] table tr:first-child td  /* rclose row */
{
    vertical-align: top;
    margin: 0px;
    padding: 0px;
/*    background: red; */
}

div[class=rbox] table tr:first-child + tr td /* rtitle column */
{
    vertical-align: top;
    width: 65%;
/*    background: green; */
}

div[class=rbox] table tr:first-child + tr td:first-child + td /* figure column */
{
    vertical-align: top;
/*    background: blue;  */
}
a[class=rtitle] h3 {
    margin-top: 0px;
/*    background: yellow; */
}

div[class=rbody] 
{
    padding-left: 15px;
    padding-right: 15px;
}

.rdatel:before {
    content: "";
    font-size: 0.8em;
}
.rdatec:before {
    content: "Co-led: ";
    font-size: 0.8em;
}
.rdatep:before {
    content: "Contributed: ";
    font-size: 0.8em;
}
.rdatel {
    text-align: center;
    font-size: 0.9em;
}

.rdatec {
    text-align: center;
    font-size: 0.9em;
}

.rdatep {
    text-align: center;
    font-size: 0.9em;
}

.rdate {
    text-align: center;
    font-size: 0.9em;
}

.ritem:before {
    content: " :: ";
    font-size: 0.7em;
}

.ritem {
    font-size: 0.85em;
    text-align: center;
}

.ritem:after {
    content: " :: ";
    font-size: 0.7em;
}

.leftcolumn {
    width:49.5%;
    margin-left:0%; 
    margin-right:.25cm;
}

.leftcolumn {
    width:100%;
}
.rightcolumn {
    width:100%;
}

@media screen and (min-device-width: 1023px) {
    .leftcolumn {
	width:49.5%;
 	margin-left:0%; 
	margin-right:.25cm;
    }
    .rightcolumn {
	width:49.5%;
	margin-left:.25cm;
	float:right;
    }
}

div[class=zoomer] { 
    height: 160px; 
    float: right; 
    margin: 0 0 0 0; 
    -webkit-transition: all 0.7s ease; 
    -moz-transition: all 1s ease;
    position: relative;
}

div[class=zoomer] img { 
    width: 90%; 
}

figcaption {
   margin: 0 0 0 0; 
   font-size: .4em;
   text-align: center;
   background: inherit;
}

div[class=zoomer] img {
    width: 100%;
    max-height: 120px;
}

div[class=zoomer]:hover {
    border: 5px solid #d9d9c3;
    background: white;
    outline: none;
    -webkit-transform: scale(4) translate(-1em,2em);
    -moz-transform:    scale(4) translate(-1em,2em);
    -o-transform:      scale(4) translate(-1em,2em);
    transform:         scale(4) translate(-1em,2em);
    z-index: 9999;
}