html, body {
   margin: 0px;
   padding: 0px;
   background: #234161 url(images/gradientline.jpg) repeat-y center top;
   text-align: center;
}

#container {
   /*bg image should be the top gradient down to the bottom of the center ball*/
   display: block;
   margin: 0px auto;
   text-align: left;
   padding: 0px;
   background: url(images/topbg.jpg) no-repeat scroll center top;
   /* min-height: 600px; */
   width: 1100px;
}

#header {
   padding: 0px;
   margin: 0px;
   height: 135px;
   /* border: #000000 solid 1px;  */
}

#content {
   /* border: #000000 solid 1px; */
   padding: 0px;
   margin: 0px;
}

#footer {
   /*border: #000000 solid 1px;*/
   padding: 0px;
   margin: 0px;
   background: url(images/footerbg.jpg) no-repeat center;
   height: 132px; /* This is the height of footerbg.jpg */
}

#header .canvas {
   position: relative;
   left: 75px;
   top: 20px;
   margin: 0px;
}

#content .canvas {
   position: relative;
   left: 75px;
   top: 0px;
   padding: 15px;
   margin: 0px;
   /* background-color: #FFFFFF; */
   border: 1px #cccccc dashed;
   width: 900px;
   height: 1550px;
}

#footer .canvas {
   position: relative;
   left: 75px;
   top: 0px;
   padding: 15px;
   margin: 5px 0px 0px 0px;
   border: 1px #cccccc dashed;
   width: 900px;
}

#header .canvas h1 {
   margin: 0px;
}

#menu {
   white-space:nowrap;
   list-style-type:none;
}

#menu ul {
   margin: 0px;
   padding: 0px;
   clear: both;
}

#menu li {
   display: inline;
}

#menu li a {
   padding: 2px 4px;
   background:#fc6;
   color:#000;
   text-decoration:none;

   border:1px solid #000;
}

#menu li a:hover {
   background:#08c;
   color:#fff;
}