html, body, .form
{
   margin: 0;
   padding: 0;
   height: 100%;
   font-family: Arial;
   font-size: 14px;
   color: #ffffff;
}

body
{
   background: #333333 url(../images/html_bg.jpg) no-repeat center center;
   text-align: center;
   min-width: 1000px;
   min-height: 570px;
}

#vertical
{
   float: left;
   height: 50%;
   margin-top: -285px; /* half vertical height*/
   width: 100%;
}

#hoz
{
   width: 1000px;
   margin-left: auto;
   margin-right: auto;
   height: 570px;
   overflow: auto; /* allow content to scroll inside element */
   text-align: left;
   clear: both;
   overflow: hidden;
}

#container
{
   margin: 20px 50px 50px 30px; /*modified this based on template*/
   width: 926px;
   height: 517px;
}

#left{
  float:left;
  width:285px;
  height:517px;
  max-height:517px;
  overflow-x:hidden;
  overflow-y:auto;
}

#nav {
  margin:150px 0 0 0px; /*position site nav */
}

#content {
  float:left;
  width:636px;
  max-height:517px;
  overflow-x:hidden;
  overflow-y:auto;
}

#copyright
{
   position: absolute;
   width: 1000px;
   text-align: right;
   height: 20px;
   margin: -50px 0 0 0;
}

#copyright img
{
   margin-top:5px;
   margin-right: 10px;
}

.link a { color:#ffffff;font-size:14px;}