/* Layout Stylesheet */ 

body {
 margin:0px;
/* background:#3B6DB3; */
 background-image: url("images/paper0185436685.jpg");
 background-repeat: repeat;
 color: #000000;
 text-align:center;
 padding:1px;
 }

#outer {
 text-align:left;
 background:#FFFFFF; 
/* background-image: url("./img_70.gif");
 background-repeat: repeat; */
 border:1px groove #3B6DB3;
 <!width:850px;>
 margin:auto;
 }

#hdr {
 background: #FFFFFF;
 border:solid #3B6DB3;
  border-width: 1px 1px 2px 1px;
 color: blue;
 margin: 10px;
 padding: 2px;
 }
 
#bar {
 height:25px;
 background:#FFFFFF;
 color: #404040;
 border:solid #FFFFFF;	
 border-width:1px 0 1px 0;
 padding:2px;
 }

#bodyblock {
 position:relative;
/* background: #dcdcdc; */
 color: #333333;
 <!width:820px;>
 padding:15px;
 }

#l-col {
 float:left;
 background:#fff;
 color: #333333;
 width: 12em;
 padding: 0.5em 0 0 0;
 margin:0px;
 border: 0;
 }

#cont {
 
 left: 14em;
 background:#ffffff;
 color: #333333;
 border:solid #3B6DB3;
 border-width:0px 0px 0px 3px;
 text-align:left;
 padding: 0.5em 0 0 0;
 margin-left: 12em;
 }

#member
   { color: #333333; background: #ffffff; text-align: left; margin: 1em; position: relative; height: 200px; border-style: none none dashed; border-width: medium medium 1pt; border-color: #3b6db3 }
#class { color: #333333; background: #ffffff; text-align: left; margin: 3px; position: relative; border-style: none none dashed; border-width: medium medium 1pt; border-color: #3b6db3 }
#member img
    { margin: 0 1em 0 0; padding: 0 }

#l-col img
{
margin: 0 0.2em 0 0;
}

#member h3
 { color: #3b6db3; font-variant: small-caps }

#pubs {
 background:#ffffff;
 color: #333333;
 border:solid #3B6DB3;
 border-width:0px 0px 0px 3px;
 text-align:left;
 padding: 0.5em 0.5em 0 0;
 margin-left: 13.3em;
 font-size: 0.9em;
 }

#pubs li img {
border: none;
height: 17;
padding: 0 0 12 0;
vertical-align: top;
}

#cont a:link, #cont a:active, #cont a:visited 
{
text-decoration:none;
color: #3B6DB3;
margin: 0;
padding: 0;
border-bottom: 1px dotted #3B6DB3;
}

#pubs a:link, #pubs a:active, #pubs a:visited  {
text-decoration: none; 
color: #3B6DB3;
margin: 0;
padding: 0;
}

#cont h3  {
 color:#3B6DB3;
 font-variant:small-caps;
}


#ftr {
 height:100px;
 background:#FFFFFF;
 color: #333333;
 border-style:solid;
 border-width: 1px 0px 0px 0px;
 border-color:#3B6DB3;
 margin:00px;
 padding:00px 0px 0px 0px;
 }
 
#ftr a:link, #ftr a:active, #ftr a:visited {
border:none;
}

}
#ftr img
{
  border:none;
}
 
#l-col ul {
margin: 0; 
padding: 0;
list-style-type: none;
font-size: 1em;
font-variant:small-caps;
<!letter-spacing: 4px;>
}

#l-col li {
margin: 0px 0 0 0;
}

#l-col img {
border: 0;
vertical-align: middle;
padding-right: 0.3em; 
}

#l-col a {
display: block;
width:160px;
padding: 2px 2px 2px 10px;
border-width:1px 0px 0px 1px; /* border on top & left of link */
border-style:dashed;
border-color: grey;
background: #FFFFFF;
text-decoration: none; /* remove the link underlines*/
/* old color was yellow #B3953B*/ 
}

#pubs a {
display: inline;
background: #FFFFFF;
padding: 5em 0 0 10em;
/* old color was yellow #B3953B*/ 
}

#l-col a:link, #l-col a:active, #l-col a:visited {
color: #3B6DB3;
text-decoration: none; /* remove the link underlines*/

#pubs a:link, #pubs a:active, #pubs a:visited {
color: #3B6DB3;
}

#l-col a:hover {
border: 1px solid grey;
border-width:1px 0px 0px 1px;
background: #FFFFFF;
color: #3B6DB3;
text-decoration: none; /* remove the link underlines*/
}

#pubs a:hover {
border: 1px solid grey;
border-width:0px 0px 1px 0px;
background: #FFFFFF;
color: grey;
}


#button {
width:90px;
padding: 2px 2px 2px 2px;
position:absolute;
right:20px;
top:15px;
}

#button a{
font-size: 12px;
font-variant:small-caps;
letter-spacing: 4px;
color: #3B6DB3;
padding: 2px 2px 2px 2px;
border-width:1px 0px 0px 1px; /* border on top & left of link */
border-style:dashed; 
border-color: #B3953B;
background: #FFFFFF;
text-decoration: none; /* remove the link underlines*/
cursor: pointer;
}


#button a:hover {
/* border: 1px solid #B3953B;
border-width:1px 0px 0px 1px; */
background: #FFFFFF;
color: #3B6DB3;
text-decoration: none; /* remove the link underlines*/
}

#shortcut {
padding: 0px 0px 0px 0px;
position:relative;
right:5px;
left:5px;
top:5px;
}


#shortcut a{
font-size: 16px;
font-weight: bold;
font-variant:small-caps;
letter-spacing: 2px;
color: #3B6DB3;
padding: 0px 0px 0px 0px;
border-width:0px 0px 0px 0px; /* border on bottom of link */
border-style:dashed; 
border-color: #B3953B;
background: #FFFFFF;
cursor: pointer;
text-decoration: none; /* remove the link underlines*/
}


#shortcut a:hover {
/* border: 1px solid #B3953B;
border-width:1px 0px 0px 1px; */
background: #FFFFFF;
color: #3B6DB3;
text-decoration: none; /* remove the link underlines*/
}