@charset "utf-8";

.html, .body {
height: 100%;
background-image: url(../background.jpg);
margin: 0px;
padding: 0px;
}
.container {
width: 950px; 
min-height: 100%;
font-family: Arial, Helvetica, sans-serif;
margin-top: 10px;
margin-bottom: 30px;
text-align: center;
font-size: 12px;
background-color: #000000;
}
.header {
width: 950px;
height: 110px;
padding-top: 10px;
font-size: 40px;
text-align: center;
background-color: #000000;
clear: both;
}
.ads-header {
width: 950px;
height: 260px;
padding-top: 10px;
}
.ads-header-left {
height : 251px;
float : left;
padding : 5px;
padding-top : 2px;
}
.ads-header-middle {
height: 251px;
float: left;
margin-left: 10px;
padding: 5px;
padding-top: 2px;
}
.ads-header-right {
height : 251px;
float : right;
padding : 5px;
padding-top : 2px;
}
.friends-links-top {
width: 950px;
height: 35px;
text-align: center;
padding-top: 3px;
font-size: 16px;
background-color: #000000;
}
.friends-links-top a {
color: #ffffff;
}
.friends-links-top a:hover {
font-weight: bold;
}
.friends-links-bot {
width: 950px;
height: 25px;
text-align: center;
padding-top: 2px;
font-size: 16px;
background-color: #000000;
}
.friends-links-bot a {
color: #ffffff;
}
.friends-links-bot a:hover {
font-weight: bold;
}
.main-content {
width: 950px;
height: auto;
color: #ffffff;
background-color: #000000;
overflow: hidden;
}
.left-content {
float: left;
color: #ffffff;
background-color: #000000;
font-size: 13px;
padding-top: 5px;
padding-bottom: 10px;
overflow: hidden;
}
.left-content a {
color: #ffffff;
line-height: 17px;
text-decoration: none;
}
.left-content a:hover {
font-weight: bold;
text-decoration: none;
}
.right-content {
float: right;
color: #ffffff;
background-color: #000000;
padding-top: 5px;
padding-bottom: 10px;
overflow: hidden;
}
.right-content a {
color: #ffffff;
line-height: 17px;
text-decoration: none;
}
.right-content a:hover {
font-weight: bold;
text-decoration: none;
}
.middle-content {
width: 600px;
margin-left: 20px;
color: #ffffff;
font-size: 14px;
background-color: #000000;
padding-top: 5px;
padding-bottom: 10px;
overflow: hidden;
}
.index-middle {
color:#00FF00;
font-size: 16px;
}
.graphics-container-cell {
text-align: center;
font-size: 16px;
padding-top: 5px;
font-family: Arial, Helvetica, sans-serif;
color: #33CCFF;
}
.cat-title {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #33FF00;
font-weight: bold;
}
.ads-footer {
clear: both;
width: 940px;
height: 190px;
padding: 5px;
padding-top: 10px;
background-color: #99cccc;
}
.footer {
height: 150px;
position: relative;
bottom: -150px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
}
.bar-content {
color: #000000;
}
.bar-content a {
color: #33CCFF;
}
.bar-content a:hover {
color: #33CCFF;
font-weight: bold; 
}
.index-xmas {
font-family:Arial, Helvetica, sans-serif;
color: #00CCFF;
font-size: 18px;
}
.index-xmas a {
color: #FFFFFF;
}
.index-xmas a:hover {
font-weight: bold;
}