body {
background: #829FAF url(images/bg.jpg) repeat-x top;
margin: 0;
padding: 0;
text-align: center;
font-family: verdana, sans-serif;
font-size: 11px
}
/* CONTENT LAYERS */
#center {
margin: 0 auto;
width: 679px
}
#back {
float: left;
background: url(images/container.jpg);
width: 679px
}
/* TOP LAYERS */
#top_1 {
height: 109px;
background: url(images/top_1.jpg)
}
#top_2 {
height: 57px;
background: url(images/top_2.jpg);
font-size: 31px;
text-transform: uppercase;
text-align: left;
font-family: georgia, serif;
color: #F4EFF1;
letter-spacing: 3px;
word-spacing: 5px;
padding: 17px 0 0 65px
}
#top_3 {
height: 72px;
background: url(images/top_3.jpg)
}
/* NAVIGATION AND LINKS */
#nav {
float: right;
width: 199px;
background: url(images/nav.jpg) no-repeat top;
text-align: justify;
padding-right: 31px;
color: #F1EFF3;
overflow: visible
}
ul.nav {
list-style: none;
padding: 0;
margin: 0
}
a {
text-decoration: none;
font-weight: bold
}
#content a {
letter-spacing: 1px;
word-spacing: 3px
}
.nav li a {
height: 16px;
display: block;
padding: 0;
margin: 0 0 4px;
width: 179px;
padding: 2px 0 0 20px
}
.nav li a:link, .nav li a:visited {
background: url(images/link.jpg);
color: #4F4D5F
}
.nav li a:hover, .nav li a:active {
background: url(images/link_hover.jpg);
color: #A12B54
}
#nav p {
margin: 7px 33px 10px 23px
}
/* CONTENT AND LINKS */
#content {
float: left;
width: 386px;
background: url(images/content.jpg) no-repeat top;
text-align: justify;
color: #4F4D5F;
line-height: 16px;
padding: 0 12px 0 51px;
overflow: visible
}
#content p {
margin: 5px 0 12px 0;
padding: 0
}
#content li {
list-style: circle;
margin-bottom: 3px
}
#content a:link, #content a:visited {
color: #B55B7B
}
#content a:hover, #content a:active {
color: #648096;
border-bottom: 1px solid #A3B1BF
}
/* FOOTER AND LINKS */
#footer {
width: 679px;
clear: both;
background: url(images/footer.jpg);
height: 37px;
color: #AEBCC5;
padding-top: 77px
}
#footer a:link, #footer a:visited {
color: #CCD0D7
}
#footer a:hover, #footer a:active {
color: #FFFFFF
}
/* HEADINGS */
h1 {
font-size: 16px;
color: #648096;
font-family: georgia, serif;
padding: 4px 0 3px 22px;
margin: 0 0 5px 0;
text-transform: uppercase;
letter-spacing: 1px;
word-spacing: 3px
}
h2 {
font-family: verdana, sans-serif;
font-size: 12px;
color: #89637C;
border-bottom: 1px solid #B5A7B4;
padding: 0 15px 2px 0;
margin: 0;
letter-spacing: 1px;
word-spacing: 3px;
text-align: right
}
h3 {
font-family: georgia, serif;
font-size: 15px;
color: #60072C;
text-align: right;
margin: 13px 33px 5px 0
}
/* AVATAR */
.avatar {
float: left;
margin-right: 7px
}