body {
    font-family: Courier, monospace, serif;
}

div#leftcol {
    float: left;
    clear: left;
    display: block;
    background-color: black;
    color: white;
    width:13%;
    min-width: 180px;
    padding: 0px 10px 10px 10px;
    height: 100%;
}

#leftcol a, #leftcol a:visited {
     color: #99ccff;
}

#leftcol a:hover {
   color: red;
}


div#rightside {
    background-color: white;
    color: black;
}

#rightcol {
    padding: 10px;
    text-indent: 20px;
}
div#photo {
    float:left;
    padding: 10px;
}
div#media {
    display: block;
    background-color: #ececec;
    color: black;
    font-size: smaller;
    padding: 10px;
}
div#primaryimage {
    text-align: center;
}
img.primaryimage {
    border-style: solid;
    padding: 3px;
}
div.image {
    float: right;
}
p#lastmod {
    color: gray;
    font-size: x-small;
}
p#tags {
    font-size: x-small;
}
p#license {
    font-size: small;
    text-align: right;
}
p#heading {
    font-weight: bolder;
}
p#closebutton {
    text-align: center;
}
td.mediacell {
}
.mediaheaderodd {
    color: #808080;
    padding: 0px 5px 5px 0px;
    text-align: left;
    font-weight: bolder;
}
.mediaheadereven {
    color: #808080;
    padding: 0px 5px 5px 0px;
    text-align: left;
    font-weight: bolder;
}
.mediacellodd {
    text-align: right;
}
.mediacelleven {
    text-align: right;
}
.mediacelleven a {
   color: #000000;
}
.mediacellodd a {
   color: #000000;
}
.mediacelleven IMG {
   border: none;
}
.mediacellodd IMG {
   border: none;
}
h1 { 
    font-size: x-large;
}
h2 {
    font-size: large;
}

.zg_div {margin:0px 5px 5px 0px; width:117px;}
.zg_div_inner {border: solid 1px #000000; background-color:#000000;  color:#666666; text-align:center; font-family:arial, helvetica; font-size:11px;}
.zg_div a, .zg_div a:hover, .zg_div a:visited {color:#3993ff; background:inherit !important; text-decoration:none !important;}