#main {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#content {
	right: 25%;
	left: 25%;
}

#container1 {
top:125px;
left:25%;
right: 25%;
height:195px;
padding:3px 3px 3px 3px;
position:absolute;
text-align:left;
}

.logo {
	left: 25%;
	position: absolute;
	height: 109px;
	width: 247px;
}
 
.number {
	right: 25%;
	position: absolute;
	height: 109px;
	width: 120px;
}

#quote {
top:335px;
left:25%;
right: 25%;
height:350px;
padding:3px 3px 3px 3px;
position:absolute;
text-align:left;
}

h2 {
    font: 24px arial;
    color: darkred;
   }

h3 {
    font: 18 arial;
    color: darkred;
   }

p1 {
      font: 12px arial;
      color: black;
     }

ul, li, td, tr {
      padding:0 0 0 15px;
      font: 12px arial;
      color: black;
       }

.nav {
top:95px;
left:35%;
position:absolute;
}
 
.nav li{
        margin: 0 0 0 0px; /*this will modify the position of the entire footer itself: top, bottom, right, left*/
        padding: 0;
	list-style: none;
        float: left;
        font: 11px arial;
}
 
.nav li a{
	font: 11px arial;
        display: inline;
	padding-left: 25px; /*sets a 35px (left) barrier between each <a> tagged link*/
	padding-right: 25px; /*sets a 35px (right) barrier between each <a> tagged link*/
        background: #FFFFFF;
        color: #777777;
        text-decoration: none;
}
 
.nav li a:hover{
	color: darkred;
        background: #FFFFFF;
        text-decoration:underline;
}

.footer{
	bottom: 100%; /* .push must be the same height as .footer */
        color: #000000;
	font: 11px arial;
	text-align:center;
}