<!--

body {text-align: center; background-image: url("../img/background.gif");}
.left {text-align: left;}
.center {text-align:center; margin-left:auto; margin-right:auto;}
.right {text-align:right}
#outline {width: 800px;
    text-align: left;
    margin: auto;
    border: solid 1px;
    border-color: gray;
    background-image: url("../img/outline-bg.png")}
.outline-margin {margin: 0 10px}
.main {padding: 10px; width: 500px; float: right}
.side {width: 250px; float: left;}
.c-both {clear: both}

p {text-indent: 1em}
a[href^="http:"]:after, a[href^="https:"]:after {
     content: url(../img/external-link.png);
     vertical-align: middle;
     margin: 0 2px;
     }
a.a-side {text-decoration: none; color:black; text-height: 30px; vertical-align: middle; text-align: center;}

dt {margin: 1em 0 0 0; text-indent: 1em; font-weight: bold;}
dd

th {text-align: left;}

.header {width: 800px; margin:0 auto; padding: 10px;
    font-size: small;
    text-align: left}
.titleimage1 {border-bottom: solid thin gray; background-image: url("../img/title1.png"); width:800px; height:300px}
.titleimage2 {border-bottom: solid thin gray; background-image: url("../img/title2.png"); width:800px; height:50px}
    
.footer {font-size:small; text-align: center; color: #444; margin: auto; padding: 10px}

h1 {margin: 3em 0 0 0; min-height: 30px; padding: 10px 0 0 10px;
    font-weight: bold; font-size: large;
    background-image: url("../img/h1.png"); background-repeat: no-repeat}
h2 {margin: 2em 0 0 0; min-height: 40px; padding: 30px 0 0 30px;
    font-weight: bold; font-size: large;
    background-image: url("../img/h2.png"); background-repeat: no-repeat}
h2.interview {margin: 0}

img {border: 0;}

p.interviewer {margin: 2em 0 0 -0.5em;font-weight: bold}

.toc {padding: 0 1.5em;}
.toc:first-line {padding: 0 1em; font-weight: bold; font-size: large}


.note {margin: 0.5em 0 0 0; text-align: right; text-indent: 3em; font-size: normal}
    
.h-side {text-align: center; margin: 10px; font-size: large; font-weight: bold; }
.p-side {text-indent: 0.5em}
.new {width:50px; height: 52px; margin: -5px 0 0 10px;
    background-image: url("../img/new.png");
    background-repeat: no-repeat; float: left}

.sign {width: 500px; height: 150px; margin: 10px 0 -2em 0; border: 0;}

em {color: red; font-size: 18pt; font-style: normal;}
.sidebox {margin: 10px 0; padding: 5px 0 0 0; background: url("../img/side-title-bg.png") no-repeat;}
img.content {width: 230px; height: 40px; margin: 0 10px;}
.part {width: 100px; height: 30px; margin: 0 5px -10px 0;
    text-align: center; float:left;}
.time {width: 500px; margin: -5px 0 -10px 0; text-indent: 0; font-size: small;}
.cf {padding: 0 5px 0 0; text-align: right; font-size: small;}
.groupname {margin: 5px 2em 0 0; font-weight: bold; text-align: right}


.content {width: 230px; height: 40px; margin: 0 10px; border: 0; background: url(../img/button.png) no-repeat}
.content:hover {width: 230px; height: 40px; margin: 0 10px; border: 0; background: url(../img/button-hover.png) no-repeat}

.content-top {width: 230px; height: 40px; margin: 0 10px; border: 0; background: url(../img/topbutton.png) no-repeat}
.content-top:hover {width: 230px; height: 40px; margin: 0 10px; border: 0; background: url(../img/topbutton-hover.png) no-repeat}

.content-top2 {width: 230px; height: 40px; margin: 15px 10px -20px 10px; border: 0; background: url(../img/topbutton2.png) no-repeat}


-->