/* body styles and page structure */ 

body {
font-family:'trebuchet ms', verdana, arial, helvetica, 'sans serif';
font-size:0.8em;
background:#fff;
}
#container {
width: 700px;
}
#banner {
width: 550px;
float:left;
border-bottom:2px solid #999;
}
#navbar {
clear:both;
width:100%;
text-align:center;
padding: 4px 0 4px 0;
}
#content {
width:100%;
padding:0;
}
#photo {
width:200px;
float:left;
text-align:center;
padding-top:26px;
}
#text {
width:500px;
float:right;
border-top:2px solid #999;
border-bottom:2px solid #999;
padding:8px 0;
}
#footer {
clear:both;
width:100%;
text-align:center;
padding: 4px 0 4px 0;
}
#bottombar {
width:500px; 
float:left;
border-top:2px solid #999;
}

/* banner styles */ 

#banner h1 {
font-size:2.2em;
text-align:left;
margin:2px;
font-weight:normal;
}

#banner h1 a {
color:#666;
text-decoration:none;
}

/* navbar styles */ 

#navbar a, a:hover, a:visited {
text-decoration:none;
font-weight:normal;
color:#999;
}
#navbar a:hover {
color:#333;
}
/* when body id and link class match, underline the link and change the color */ 
#accommodations .accommodations, #wedding .wedding, #registry .registry, #web photos .web photos {
color:#333;
text-decoration:underline
}

/* content styles */ 

#content a, a:hover, a:visited { 
text-decoration:none; 
color:inherit; 
font-weight:bold; }

/* footer styles */ 

#footer a, a:hover, a:visited {
text-decoration:none;
font-weight:normal;
color:#999;
}
#footer a:hover {
color:#333;
}