/* ------------------------------ */
/* shared classes and elements    */

body 
{
  /* font customization */
  text-align: center;
  font-family:Verdana;
  font-size:smaller;
}

.backgroundcolor        { background-color:#e3e6ff;}
div.border1pwhite       { border: solid 1px white;}
div.border1phighlight   { border: solid 1px #b2b7df;}
div.largerfont          { font-size: large;}
.leftalign           { text-align: left;}

img.noborder        { border: none; }

img
{
   /* 1px highlight around 1px white */
    padding:1px;
    border:solid 1px #b2b7df;
    background-color:white;
} 

hr.updatehr      
{
    width: 80%;
    height: 1px;
    color: #b2b7df;
}

/* ------------------------------ */
/* main page primary layout       */

div.cssmainpanel
{
    /*padding: 10px;*/
    margin: 0;
    background: white;
    width:730px;
    /* positioning */
    position:relative;
    left: 0px;

    height: 475px;
}

/* ------------------------------ */
/* main page upper div classes    */

div.mainphoto
{
    /* size = h: 296px w: 396px */
    /* positioning */
    position: absolute;
    left: 10px;
    top: 10px;
}

.updateouter
{
    position:absolute;
    left: 420px;
    top: 10px;
    width: 298px;
    height: 298px;
}
.updatemiddle
{
    position:absolute;
    left: 10px;
    top: 10px;
    height: 276px;
    width: 276px;
}
.updateinner
{
    height: 254px;
    padding: 10px;
}

/* ------------------------------ */
/* main page lower link classes   */

div.links
{
    position: absolute;
    left: -31px;
    top: 320px;
    width: 755px;
    
    /* for testing only: */
    /* border: solid 1px red; */
}

#linklist ul { list-style-type:none;}
#linklist a:hover img { border:solid 2px #b2b7df;}
#linklist li
{
    /* image size = h: 102px w: 71px */
    /* positioning */
    float:left;
    display: inline;
    height:155px;
    width: 97px;
    margin-right: 5px;
}