body {
background-color:#333333;
margin:0;
padding:0;
text-align:center;
font-family:Arial;
font-size:14px;
color:#555555;
}
#page {
width:960px;
margin:auto;
padding:auto;
background-image:url(images/page1.png);
text-align:left;
}
#header {
width:960px;
height:162px;
background-image:url(images/header1.png);
clear:both;
}
#menulinks {
width:960px;
height:34px;
background-image:url(images/menulinks1.png);
clear:both;
}
#mainarea {
width:960px;
clear:both;
padding-top:10px;
}
#contentarea {
float:left;
width:560px;
padding-left:45px;
margin-bottom:10px;
}
#sidebar {
float:right;
width:290px;
padding-right:28px;
font-size:12px;
font-weight:bold;
}
#footer {
width:960px;
height:112px;
background-image:url(images/footer1.png);
clear:both;
}
#footer p {
padding-top:30px;
color:#3f3f3f;
padding-left:50px;
line-height:20px;
font-size:12px;
}
#footer .vcard {
float:right;
font-style:normal;
color:#3f3f3f;
font-size:12px;
padding-right:50px;
margin-top:-68px;
text-align:right;
}
#footer a:hover{
color:#FFFFFF;
}
h1 {
font-size:28px;
color:#333333;
font-weight:bold;
}
h2 {
font-size:28px;
color:#333333;
font-weight:bold;
}
h3 {
font-size:14px;
color:#333333;
font-weight:bold;
}
a {
color:#3f3f3f;
text-decoration:none;
}
#menulinks a {
padding-top:4px;
padding-left:15px;
padding-right:15px;
height:27px;
float:left;
text-decoration:none;
color:#bcbcbc;
font-weight:bold;
font-size:12px;
margin-top:3px;
margin-left:32px;
}
#menulinks a:hover {
background-image:none;
color: #dbdbdb;
/*can't get the image to work right the padding left works, but it makes the links vibrate strangely*/
}