body {
margin:0px;
padding:0px;
background:#d7c9b6;
color:#000;
font-family:garamond,georgia,palatino linotype,adobe caslon pro,serif;
font-size:17px;
text-align:center; /* so the container div centers itself in IE5/win */
}
div#container {
width:772px;
margin:auto;
position:relative;
text-align:left;
background:#ffffff;
}
#top {
position:absolute;
top:0px;
left:0px;
background:transparent url(img/banner.jpg) no-repeat top;
width:772px;
height:216px;
}
#bobby {
position:absolute;
top:113px;
left:468px;
background:transparent url(img/bobby.jpg) no-repeat top;
width:224px;
height:251px;
}
#quote{
position:absolute;
top:344px;
left:472px;
background:transparent url(img/greatteacher.gif) no-repeat top;
width:280px;
height:114px;
}
#nav {
position:absolute;
top:217px;
width:762px;
padding-left:10px;
background:#543d32;
height:43px;
color:#ffffff;
}
#this {
position:relative;
float:left;
height:33px;
margin-left:1px;
padding-left:10px;
padding-right:10px;
margin-right:40px;
padding-bottom:10px;
background:#4d669e;
color:#ffffff;
font-weight:bold;
line-height:2.3em;
}
#that {
position:relative;
float:left;
height:33px;
margin-left:1px;
padding-left:10px;
padding-right:10px;
margin-right:40px;
padding-bottom:10px;
background:#543d32;
color:#ffffff;
font-weight:bold;
line-height:2.3em;
}
#that a:link {
color:#ffffff;
text-decoration:none;
}
#that a:visited {
color:#ffffff;
text-decoration:none;
}
#that a:active {
color:#ffffff;
text-decoration:none;
}
#that a:hover {
color:#ffffff;
text-decoration:none;
}
#thisright {
position:relative;
float:right;
height:33px;
margin-right:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
background:#4d669e;
color:#ffffff;
font-weight:bold;
line-height:2.3em;
}
#thatright {
position:relative;
float:right;
height:33px;
margin-right:5px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
background:#543d32;
color:#ffffff;
font-weight:bold;
line-height:2.3em;
}
#thatright a:link {
color:#ffffff;
text-decoration:none;
}
#thatright a:visited {
color:#ffffff;
text-decoration:none;
}
#thatright a:active {
color:#ffffff;
text-decoration:none;
}
#thatright a:hover {
color:#ffffff;
text-decoration:none;
}
#bothcol {
position:absolute;
left:0px;
top:259px;
width:770px;
background:#ffffff;
background:#543d32;
border-width:1px;
border-style:solid;
border-color:#543d32;
}
#leftcol {
position:relative;
float:left;
width:255px;
padding-bottom:0px;
background:#543d32;
font-size:11px;
font-style:italic;
text-align:center;
color:#ffffff;
}
#rightcol {
position:relative;
float:right;
width:475px;
width:442px; /* 770 - 255 - 40 -33 = 442 */
padding-right:40px;
padding-left:33px;
background:#ffffff;
font-size:16px;
color:#543d32;
}
#rightcol b {
line-height:1.2em;
font-weight:550;
}
#rightcol i {
font-size:14px;
color:#543d32;
}
#rightcol h1 {
margin-top:40px;
margin-bottom:0px;
padding-bottom:5px;
}
#rightcol h2 {
margin-top:30px;
margin-bottom:-5px;
padding-top:10px;
font-size:19px;
font-weight:bold;
line-height:1em;
color:#543d32;
}
#rightcol h2.imag {
margin-bottom:5px;
}
#rightcol h2.z {
margin-bottom:0px;
}
#rightcol a:link,a:visited,a:active {
color:#4d669e;
text-decoration:none;
}
#indit {
padding-left:50px;
font-style:italic;
}
#footer {
position:relative;
left:-1px;
height:50px;
width:730px;
background:#ffffff;
padding-top:36px;
padding-left:40px;
border-width:1px;
border-style:solid;
border-color:#543d32;
font-size:15px;
font-weight:bold;
color:#543d32;
}
#footer span {
padding-left:22px;
padding-right:28px;
background:transparent url(img/mini.gif) no-repeat top left;
}
#logo {
position:absolute;
top:-39px;
left:656px;
background: url(img/logo.gif) no-repeat top;
width:104px;
height:78px;
}