/* ======================== */
/* apophysia1
/* ======================== */

body{
        margin-bottom: 20px;
        margin-top: 10px;
        background: #c93;
        text-align: center;
}

/* ### ............................. links */
/* "visited" and "active" links are treated the same here */
a, a:link,a:visited,a:active { 
        color: #000000; 
        text-decoration: none; 
} 
/* set colour for the "hover" link */
a:hover {
        color: #ff9900;
        text-decoration: none;
}

/* ### ............................. thumbnails */
a.thumbnail, a.thumbnail:link, a.thumbnail:visited, a.thumbnail:active {
/* "border" surrounds the thumb+colour frame */
        border: #fff 2px solid;
        margin-bottom: -80px;
        padding-top: 20px;
        width: 180px;
        display: block;
        background: #fc9;
        height: 180px;
}
a.thumbnail:hover            {
/* change "border" colour on hover */
        border: #ffffff 2px solid;
        margin-bottom: -80px;
        padding-top: 20px;
        width: 180px;
        display: block;
/* change "background" colour on hover */
        background: #ff9;
        height: 180px;
}
td.thumbnail 
{ 
        height: 220px; 
} 


div,th,tr,table,font,li,ul,form,
blockquote,p,b,i,h1,h2,h3,h4,h5,font, center {
        border: 0px;
/* text in thumbnail panels */
        color: #ffff00;
        font: 16px verdana, Tahoma, Helvetica, sans-serif;
}
font {
        margin-left: 4px;
        margin-right: 4px;
        width: 160px;
        display: block;
        color: #000000;
        font: px Verdana, Tahoma, Helvetica, sans-serif;
        letter-spacing: 0px;
}

/*  ### ........................... titles */
h1, h2 {
        border-left: 1px none;
        border-right: 1px none;
        border-top: 1px none;
        margin-bottom: 1em;
        margin-left: -10px;
        margin-right: 0px;
        padding: 20px;
        width: 98%;
        display: block;
        background: #000000;
        color:  #ff9900;
        font-size: 22pt;
        font-style: bold;
        letter-spacing: 4px;
        text-align: center;
        height: 21px;
        position: relative;
}
h2:first-letter
{
        color: #ff9900;
        font-style: bold;
        font-size: 22pt;
}

h3 {
        border-bottom: #000000 1px dotted;
        border-left: 1px none;
        border-right: 1px none;
        border-top: 1px none;
        padding: 2px;
        width: 400px;
        display: block;
        background: #333;
        color:#cccc66;
        font-size: 18px Verdana, Tahoma, Helvetica, sans-serif;
        font-weight: normal;
        letter-spacing: 0px;
        text-align: center;
}

img{
        border: #cccccc 1px ridge;
}
img.thumbnail {
        border: #cccccc 1px solid;
        margin: 0px;
        padding: 0px;
        background: #000000;
        vertical-align: middle;
}


.caption {
        color: #FFFFFF;
        font-size: 18px Verdana, Tahoma, Helvetica, sans-serif;
        font-style: italic;
        text-align: center;
        margin-left: 140px;
        width: 720px;
}
.display {
        border: #999966 14px ridge;
        margin-top: 1em;
        background: #000000;
}
.lid{
        background: #333333;
        color: #cccc66;
        font: 11px Verdana, Tahoma, Helvetica, sans-serif;
        text-decoration: none;
}
.message_body { 
/*        border-top: 2px solid #cc6633; */
/*        border-left: 2px solid #cc6633;*/
        border-right: 2px solid #333;
        border-bottom: 3px solid #000;
        display: block;
        background:#666666;
} 
.sb{
        background: #666666;
        color: #cccc66;
        font: 12px Verdana, Tahoma, Helvetica, sans-serif;
        text-decoration: none;
}

DIV
/* =================================== */
/* code for the header 'welcome' panel */
/* this section is under development   */
/* =================================== */
.galleryheader {
  padding-top: 0px;
  width : 90%;
  margin-right : auto;
  margin-left : auto;
  border-style : solid;
  border-width : 2px;
  border-color : #cccccc;
  text-align : center;
  font-size : 14pt;
  font-weight: ;
  color: #;
  padding-bottom: 8px;
}

BODY { margin-top: 0px;}
HR   { position : relative;}


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }


BODY { margin-top: 0px; top: 0px; }
BODY TABLE A IMG { display: inline; }
HR { position: relative; }