html {
height: 100%;
}

body {
padding: 0;
margin: 0;
background: #BBB;
height: 100%;
}

div, td, th {
font-family: Verdana, sans-serif;
font-size: 12px;
}

h1 {
display: none;
}

h2 {
padding: 0;
margin: 0;
font-size: 21px;
color: #777;
}

img {
border: 0;
}

img.right {
float: right;
margin: 0 0 10px 0;
border: 1px solid black;
}

div#main {
width: 749px;
height: 100%;
background: white;
border-right: 1px solid #444;
}

div#header {
width: 749px;
height: 135px;
background-image: url('images/banner.jpg');
border-right: 1px solid #444;
}

div#nav {
width: 749px;
height: 22px;
text-align: right;
padding: 4px 0 0 0;
background-image: url('images/navbar.jpg');
border-right: 1px solid #444;
}

div#nav a {
color: #E3CB96;
display: block;
float: right;
padding: 0 10px;
text-decoration: none;
}

div#nav a:hover {
background: #777;
color: white;
}

div#content {
padding: 10px;
height: 225px;
background: white;
}

html>body div#content {
height: auto;
min-height: 225px;
}

div#photos {
float: right;
width: 250px;
margin: 0 0 0 15px;
}

div.item {
float: left;
width: 250px;
padding: 0 10px 10px 10px;
margin: 10px 30px 10px 30px;
height: 315px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}

html>body div.item {
height: auto;
min-height: 315px;
}

div.item2 {
float: left;
width: 250px;
padding: 0 10px 10px 10px;
margin: 10px 30px 10px 30px;
height: 205px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}

html>body div.item2 {
height: auto;
min-height: 205px;
}

div#footer {
width: 750px;
padding: 10px 0;
text-align: center;
background: white;
color: #555;
font-size: 11px;
font-weight: bold;
}

html>body div#footer {
width: 749px;
border-right: 1px solid #444;
}