body {
background-color: #c59d6d;
margin: 0px;
}

a {
text-decoration: none;
color: rgb(110,103,105);
}

a#email {
border-bottom: 2px solid white;
}

a#email:hover {
color: rgb(189,176,129);
border-bottom: 2px solid rgb(174,147,158);
}

img#lj {
border: 0px solid gray;
}

img#lj:hover {
border: 1px dotted rgb(174,147,158);
}

#maintable {
position:absolute;
background-color: white;
left:50%;
top:0px;

/******
4 Feb 06: i am replacing "top:50%" with "top:0px" and disabling the negative margin-top statement to to disable vertical centering, because most screen resolutions with all the browser chromes are too small for a 731px height object without scroll bars - therefore the upper portion is cut off in many screens.  Without vertical centering, the page looks uglier in big screens, but at least it works (and is not ugly) in many other screens.

margin-top: -365px;
********/

margin-top: 0px;
margin-left: -394px;
width:787px;
height:731px;
}

#header {
position:absolute;
left:0px;
top:0px;
width:787px;
height:92px;
}

#wings {
position:absolute;
left:317px;
top:72px;
}

#leftborder {
position:absolute;
left:0px;
top:92px;
width:46px;
height:590px;
}

#splash {
position:absolute;
left:299px;
top:92px;
width:442px;
height:273px;
}

#rightborder {
position:absolute;
left:741px;
top:92px;
width:46px;
height:590px;
}

#danceboy {
position:absolute;
left:46px;
top:365px;
width:426px;
height:317px;
}

#y2005 {
position:absolute;
left:473px;
top:656px;
width:70px;
height:19px;
padding-top:5px;
border-top: 2px solid white;
}

#y2005:hover {
border-top: 2px solid rgb(174,147,158);
}

#y2004 {
position:absolute;
left:562px;
top:658px;
width:62px;
height:19px;
padding-top:3px;
border-top: 2px solid white;
}

#y2004:hover {
border-top: 2px solid rgb(174,147,158);
}

#y0203 {
position:absolute;
left:639px;
top:660px;
width:73px;
height:19px;
border-top: 2px solid white;
}

#y0203:hover {
border-top: 2px solid rgb(174,147,158);
}

#y2001 {
position:absolute;
left:717px;
top:613px;
width:14px;
height:53px;
padding-left:5px;
border-left: 2px solid white;
}

#y2001:hover {
border-left: 2px solid rgb(174,147,158);
}

#y2000 {
position:absolute;
left:717px;
top:550px;
width:14px;
height:53px;
padding-left:5px;
border-left: 2px solid white;
}

#y2000:hover {
border-left: 2px solid rgb(174,147,158);
}

#y1999 {
position:absolute;
left:719px;
top:496px;
width:14px;
height:45px;
padding-left:3px;
border-left: 2px solid white;
}

#y1999:hover {
border-left: 2px solid rgb(174,147,158);
}

#footer {
position:absolute;
left:0px;
top:682px;
width:787px;
height:49px;
}

#titleline1 {
font: 43px Verdana,sans-serif;
color: rgb(131,78,97);
position:absolute;
left:210px;
top:159px;
}

#titleline2 {
font: 32px Verdana,sans-serif;
color: rgb(157,144,128);
position:absolute;
left:210px;
top:202px;
}

#titleline3 {
font: 23px Verdana,sans-serif;
color: rgb(209,196,149);
position:absolute;
left:102px;
top:237px;
}

#titleline4 {
font: 14px Verdana,sans-serif;
color: rgb(124,116,141);
position:absolute;
left:149px;
top:264px;
}

#textbox {
font: 14px Helvetica,Arial,sans-serif;
color: rgb(84,77,90);
text-indent: 1.7em;
position:absolute;
left:325px;
top:300px;
width:375px;
height:350px;
}

#textbox p {
margin-top: 22px;
}

p#boldfirstline:first-line {
font-weight: bold;
}

#textbox-title {
font: bold 18px Verdana,sans-serif;
color: rgb(110,103,105);
text-indent: 0em;
text-align: right;
}

#buttons {
position:absolute;
top:697px;
left:52px;
width:380px;
height:15px;
}