<style>
#pun-navlinks, #pun-navlinks .container {
margin : -65px 0 0 100px;
float : left;
}
#pun-navlinks .container {
background: transparent;
border: 2px ridge #988448;
padding : 0.3em 0.3em 0.3em 0.5em;
}
#pun-navlinks.section {border-style: none; }
#pun-navlinks li {
display : block;
}
#pun-navlinks a {color : #000080;}
#pun-navlinks a:hover {color : #7CFC00;}
</style>

<style>
#pun-ulinks, #pun-ulinks .container {
margin : -55px 100px 0 0;
float : right;
}
#pun-ulinks .container {
background: transparent;
border: 2px ridge #988448;
}
#pun-ulinks.section {border-style: none; }
#pun-ulinks li, #pun-ulinks li a {
padding : 0 0.3em 0 0;
display : block;
border-style: none;
}
#pun-ulinks a {color : #000080;}
#pun-ulinks a:hover {color : #7CFC00;}
</style>

dotted - задает пунктирную рамку из точек
dashed - задает штрих - пунктирную рамку
solid - задает одинарную сплошную рамку
double - задает двойную сплошную рамку
groove - создает трехмерный эффект
ridge - создает трехмерный эффект возвышающейся рамки
inset - создает трехмерный эффект заглубленности фона
outset - создает трехмерный эффект выпуклости фона

/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }