html, body {
    background-color : #9b9594;
    height: 100%;
  }


div.main {
    background-color : #ffffff;
    border-bottom-style : inset;
    border-left-style : inset;
    border-right-style : inset;
    width : 800px;
    margin: 0 auto;

    padding-bottom : 10px;
    padding-top : 10px;
    padding-right : 15px;
    padding-left : 15px;

  }


div.footer {
    font-size : 10px;
    margin-top : 20px;
    width : 800px
    margin: 0 auto;
    text-align : center;

  }

div.header {
	border-bottom-style : double; 
	border-left-style : double; 
	border-right-style : double; 
	border-top-style : double;
    	width : 800px;
    	margin: 0 auto;
    padding-right : 15px;
    padding-left : 15px;
    background: #dcd571;
    background-image: url(http://archesconstruction.com/graphic/image/alogo.png);
    background-position: bottom right;
    background-repeat:  no-repeat;
    height: 150px;


}


div.menu {
    background-color : #070241;
    border-left-style : inset;
    border-right-style : inset;
    font-size : 15px;
    font-weight : bold;
    width : 800px;
    margin: 0 auto;
    text-align : center;
    vertical-align : middle;
    padding-right : 15px;
    padding-left : 15px;
  }


a.menubutton {
    background-color : #d8a027;
    border-bottom-style : outset;
    border-bottom-width : 1px;
    border-left-style : outset;
    border-left-width : 1px;
    border-right-style : outset;
    border-right-width : 1px;
    border-top-style : outset;
    border-top-width : 1px;
    color : #070241;
    font-style : normal;
    font-weight : bold;
    text-decoration : none;
  }


span.title {
    font-size : 40px;
    min-width : 100%;
    text-align : center;
  }