body {
background: url(images/body-background.png);
text-align: center;
padding: 0;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
h1, h2, h3 {
	font-size: 14px; 
	margin: 8px 0px;
	padding: 0;
}
#wrap {
margin: 0 2%;
text-align: left;
min-width: 768px;
}
#header {
background: url(images/header-background.png) repeat-x;
height: 61px;
}
#header a {
display: block;
background: url(images/logo.png);
height: 61px;
width: 194px;
}
#mainmenu {
background: url(images/mainmenu-background.png);
list-style-type: none;
padding: 0;
margin: 0;
height: 22px;
}
#mainmenu li {
display: inline;
}
#mainmenu a {
display: block;
padding: 0 10px;
float: left;
text-decoration: none;
color: #004400;
line-height: 22px;
background: url(images/mainmenu-border.png) right no-repeat;
}
#submenu {
background: url(images/submenu-background.png);
list-style-type: none;
padding: 0;
margin: 0 6px;
height: 22px;
}
#submenu li {
display: inline;
}
#submenu a {
display: block;
padding: 0 10px;
float: left;
text-decoration: none;
color: #eee;
line-height: 22px;
background: url(images/submenu-border.png) right no-repeat;
}
#subwrap1 {
height: 22px;
background: url(images/submenu-background-left.png) left no-repeat;
}
#subwrap2 {
height: 22px;
background: url(images/submenu-background-right.png) right no-repeat;
}
.clear {
clear: both;
}
#main {
background: url(images/main-background.png);
}
#main-top {
background: url(images/main-top-background.png);
line-height: 24px;
font-weight: bold;
color: #eee;
}
#main-top-left {
background: url(images/main-top-left-background.png) left no-repeat;
line-height: 24px;
}
#main-top-right {
background: url(images/main-top-right-background.png) right no-repeat;
line-height: 24px;
}
#main-bottom {
background: url(images/main-bottom-background.png);
line-height: 6px;
font-size: 1px;
}
#main-bottom-left {
background: url(images/main-bottom-left-background.png) left no-repeat;
line-height: 6px;
}
#main-bottom-right {
background: url(images/main-bottom-r-background.png) right no-repeat;
line-height: 6px;
}
#box {
background: #dddddd;
}
#box-top {
line-height: 28px;
background: url(images/box-top.png);
}
#box-top-left {
line-height: 28px;
background: url(images/box-top-left.png) left no-repeat;
}
#box-top-right {
line-height: 28px;
background: url(images/box-top-right.png) right no-repeat;
}
#box-left {
background: url(images/box-left.png) left repeat-y;
}
#box-right {
background: url(images/box-right.png) right repeat-y;
}
#box-bottom {
line-height: 13px;
font-size: 1px;
background: url(images/box-bottom.png);
}
#box-bottom-left {
line-height: 13px;
background: url(images/box-bottom-left.png) left no-repeat;
}
#box-bottom-right {
line-height: 13px;
height: 13px;
background: url(images/box-bottom-right.png) right no-repeat;
}
.browse-div {
width: 15%;
float: left;
text-align: center;
display: block;
text-decoration: none;
background: url(images/browse-div-background.png) top center no-repeat;
color: #dddddd;
margin-bottom: 16px;
}
.browse-div:hover strong{
color: white;
text-decoration: underline;
}
.browse-div img {
margin-top: 5px;
border: none;
margin-bottom: 10px;
}
#whitelink ,#whitelink a {
color: white;
}

.userform .username, .userform .password {
    width: 220px;
    line-height: 24px;
    font-size: 16px;
    background: #f2f2f2;
    padding: 0 8px;
}