body {
margin: 0;
padding: 0;
border: 0;
background-color: #616161;
color: #383412;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100.01%;
min-width: 770px;
}
h1{
font-size:130%;
color:#99C;
left:130px;
position:relative;
}
h2{
font-size:120%;
color:#9C9;
left:160px;
position:relative;
}
#wrapper {
width: 772px;
w\idth: 770px;
margin: 10px auto;
background-image: url(../images/wrapper.jpg); 
background-position: bottom; 
background-repeat: no-repeat; 
background-color: #F7F7F7; 
border: 1px solid black; 
text-align: left;
}
#banner {
position: relative;
background-image: url(../images/banner_bg.jpg);
background-repeat: no-repeat;
height: 140px;
}
#content {
width: 560px;
margin-left: 200px;
margin-bottom: 140px;
}
#content p {
font-size: 80%;
margin: 10px 6px 10px 6px;
padding: 0;
}
#content p a {
color: #99C;
text-decoration: underline;
font-weight: bold;
}
#content p a:hover, a:focus {
color: white;
background-color: #9C9;
font-weight: bold;
text-decoration:none;
}
.countdown{
font-size:70%;
text-align:center;
color: gray;
}
.field{
left:100px;
position:absolute;
}
.input{
width: 40px;
}
.leftimage{
float: left;
margin-right: 10px;
border: 1px solid black;
}
.rightimage{
margin-bottom: 20px;
float: right;
margin-left: 15px;
margin-right: 30px;
border: 1px solid black;
}
#rsvp{
font-size:90%;
position:relative;
left: 60px;
}
.rsvp{
color: #383412;
}
.small{
font-size:80%;
}
#timer{
font-size:60%;
background-color:#99c;
color:white;
font-weight:bold;
border: 3px solid #9C9;
padding: 2px;
text-align:center;
margin-bottom:20px;
}
.titleimages {
display: block;
margin-top: 25px; 
}
#leftcol {
float: left;
width: 169px;
margin-bottom: 120px;
margin-left: 7px; 
margin-top: 25px;
background-image: url(../images/nav_top.gif);
background-repeat: no-repeat; 
padding-top: 35px;
}
#leftcol #navigation {
line-height: 100%;
width: 169px;
background-image: url(../images/nav_bottom.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding-bottom: 100px;
}
#leftcol #navigation ul {
border-top: 1px solid black;
border-bottom: 1px solid black;
list-style-type: none;
margin: 0;
padding: 0;
font-size: 75%;
}
#leftcol #navigation ul li {
padding: 0;
margin: 0; 
margin: 0 0 -3px 0; 
ma\rgin: 0; 
background-image: url(../images/li_bg.gif);
background-repeat: repeat-y;
}
#leftcol #navigation a, 
#leftcol #navigation a:visited {
border-bottom: 1px solid black;
border-left: 1px solid #323C55;
border-right: 1px solid black;
color: white;
display: block;
padding: 4px 0 6px 4px;
text-decoration: none;
background-color: #99c;
width: 163px;
w\idth: 163px;
}
#leftcol #navigation a:hover, 
#leftcol #navigation a:focus{
background-color: transparent;
border-bottom: 1px solid white;
color: #383412;
}
#footer {
width: 770px;
background-color: #99c;
border-top: 1px solid black;
font-size: 60%;
text-align: right;
margin-top: 20px;
clear: left;
}
#footer p {
background-color: #9C9;
padding: 4px 4px 4px 10px;
margin: 0;
}
#footer ul{
margin: 0;
padding: 4px;
color: white;
}
#footer li{
display: inline;
}
#footer a {
color: white;
text-decoration: underline;
}
#footer a:hover,
#footer a:focus {
color: #99C;
background-color: white;
text-decoration: none;
}