.grdn
{
BACKGROUND: url('bg-body.jpg') #0B1C2C repeat-x center top
}
.links
{
BACKGROUND: url('links.gif') transparent no-repeat center top
}
.middle
{
BACKGROUND: url('middle.gif') transparent no-repeat center top
}
.bot
{
BACKGROUND: url('bottom.jpg') transparent no-repeat center top
}

  #popupbox{
  margin: 0; 
  margin-left: 40%; /* This gets it relatively center on the screen */
  margin-right: 40%; /* This gets it relatively center on the screen */
  margin-top: 90px; /* Makes it a little off the top of the screen */
  padding-top: 0px; /*  Make the text not touching the top on the login box */
  width: 20%; /* For centering it on the screen */
  height: 170px; /* The height of the login box */
  position: absolute; /* Makes sure its absolute so it doesn't dock with everything else */
  background: #F0F7FE; /* Login Box background color. Change this if desired. */
  border: solid #000000 1px; /* Makes a black border around the login box */
  z-index: 9; /* Makes it on top of everything else */
  font-family: arial; /* Sets the font */
  visibility: hidden; /* Makes it hidden at first. Very Important.*/
BACKGROUND: url('bg.png')
  }
A:link
{
    COLOR: Blue;
    TEXT-DECORATION: none
}
A
{
    COLOR: Blue;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: orange;
    TEXT-DECORATION: none
}
TD
{
    FONT-SIZE: 12px;
    LINE-HEIGHT: normal;
    FONT-FAMILY: arial, sans-serif
}
.pre
{
    FONT-SIZE: 12px;
    LINE-HEIGHT: normal;
    FONT-FAMILY: arial, sans-serif
}
.sml
{
    FONT-SIZE: 9px;
    LINE-HEIGHT: normal;
    FONT-FAMILY: verdana, arial, sans-serif
}
LI
{
    LINE-HEIGHT: 18px
}
A.noline:link
{
    TEXT-DECORATION: none
}
A.noline:visited
{
    TEXT-DECORATION: none
}
SELECT
{
    BORDER-RIGHT: #203401 1px solid;
    BACKGROUND-POSITION: center center;
    BORDER-TOP: #203401 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-IMAGE: url(b.gif);
    BORDER-LEFT: #000080 1px solid;
    COLOR: #203401;
    BORDER-BOTTOM: #796846 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #ddeeff
}
INPUT
{
    BORDER-RIGHT: #203401 1px solid;
    BACKGROUND-POSITION: center center;
    BORDER-TOP: #203401 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-IMAGE: url(b.gif);
    BORDER-LEFT: #000080 1px solid;
    COLOR: #203401;
    BORDER-BOTTOM: #796846 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #ddeeff
}
.ra
{
    BORDER-RIGHT: #203401 0px solid;
    BACKGROUND-POSITION: center center;
    BORDER-TOP: #203401 0px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BACKGROUND-ATTACHMENT: fixed;
  
    BORDER-LEFT: #000080 0px solid;
    COLOR: #2F4252;
    BORDER-BOTTOM: #796846 0px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: transparent
}
TEXTAREA
{
    BORDER-RIGHT: #203401 1px solid;
    BACKGROUND-POSITION: center center;
    BORDER-TOP: #203401 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-IMAGE: url(b2.gif);
    BORDER-LEFT: #000080 1px solid;
    COLOR: #203401;
    BORDER-BOTTOM: #796846 1px solid;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #ddeeff
}
.brd
{
    CURSOR: hand
}
.but
{
width: 63px; background-image: url('bnLogin.jpg'); background-repeat: norepeat; background-attachment: scroll; height: 27; color: white; cursor: hand; border-style: none; border-width: 0; background-position: 0 50%
}
.but2
{
width: 63px; background-image: url('bnLogin.gif'); background-repeat: norepeat; background-attachment: scroll; height: 27; color: white; cursor: hand; border-style: none; border-width: 0; background-position: 0 50%
}