body {
margin: 0;
padding: 0;
background-color: #DEDFCC;
text-align: center;
background-image: url(images/background.jpg);
background-repeat: repeat-y;
background-position: center top;
}
#wrapper {
position: relative;
text-align: left;
width: 760px;
margin-right: auto;
margin-left: auto;
padding: 0 0 0 0;
}
#top {
padding: 0 0 0 0;
position: absolute;
width: 760px;
top: 0px;
right: 0px;
text-align: left;
}
#middle {
padding: 5px 0 0 0;
position: absolute;
width: 760px;
top: 103px;
right: 0px;
text-align: left;
}
#content {
position: absolute;
width: 500px;
top: 250px;
left: 10px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
}
.welcome {
font: 10pt Verdana, Arial, Helvetica, sans-serif;
color: #333333;
line-height: 1.3;
background-color: #FFFFFF;
padding: 5px 5px 5px 5px;
margin: 5px;
border-bottom: 1px dotted #CCCCCC;
}
.welcome h1 {
font: bold 12pt Verdana, Arial, Helvetica, sans-serif;
color: #897B55;
text-align: center;
margin-bottom: -6px;
}
.welcome h2 {
font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
color: #897B55;
}
.welcome a:link, .welcome a:visited {
color: #7287A4;
text-decoration: underline;
}
.welcome a:hover {
color: #7287A4;
text-decoration: none;
}
.news-img {
float: left;
margin: 20px 10px 0px 5px;
}
.main {
font: 8pt Verdana, Arial, Helvetica, sans-serif;
color: #333333;
line-height: 1.3;
background-color: #FFFFFF;
padding: 5px 5px 5px 5px;
margin: 5px;
}
.main h1 {
font: bold 12pt Verdana, Arial, Helvetica, sans-serif;
color: #897B55;
margin: 5px 5px 5px 0px;
}
.main h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
color: #897B55;
margin: 5px 5px 5px 0px;
}
.main h3 {
font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
color: #897B55;
margin: 5px 5px -10px 0px;
}
.main a:link, .main a:visited {
font: 10pt Verdana, Arial, Helvetica, sans-serif;
color: #88AF34;
text-decoration: none;
}
.main a:hover {
color: #88AF34;
text-decoration: underline;
}
#code {
padding: 2px 4px 2px 6px;
margin: 0 0 10px 0;
border: 1px dotted #333333;
background-color: transparent;
text-align: left;
}
.buy-online {
font: 10pt Verdana, Arial, Helvetica, sans-serif;
color: #333333;
line-height: 1.3;
background-color: #FFFFFF;
padding: 5px 5px 15px 5px;
margin: 0px 5px 5px 5px;
}
.buy-online h1 {
font: bold 12pt Verdana, Arial, Helvetica, sans-serif;
color: #897B55;
margin: 5px 5px 5px 0px;
}
.buy-img {
float: left;
margin: 5px 10px 5px 5px;
}
.copyright {
background-color: #FFFFFF;
padding: 5px 5px 5px 5px;
margin: 10px 5px 5px 5px;
text-align: center;
}
.copyright a:link, .copyright a:visited {
font: 10pt Verdana, Arial, Helvetica, sans-serif;
color: #7287A4;
text-decoration: none;
}
.copyright a:hover {
color: #7287A4;
text-decoration: underline;
}
#navigation {
background-color: #3D4A75;
font: 10pt Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
position: absolute;
width: 760px;
top: 80px;
left: 0px;
text-align: center;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 5px;
}
#navigation li {
display: inline;
}
#navigation a:link, #navigation a:visited {
padding: 3px 10px 3px 10px;
color: #FFFFFF;
background-color: #3D4A75;
text-decoration: none;
}
#navigation a:hover {
color: #3D4A75;
background-color: #FFFFFF;
text-decoration: none;
}
#right {
position: absolute;
width: 230px;
top: 250px;
right: 10px;
background-color: #FFFFFF;
}
.popular {
font: 10pt Verdana, Arial, Helvetica, sans-serif;
color: #333333;
text-align: center;
line-height: 1.3;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
padding: 5px 5px 5px 5px;
margin-bottom: 10px;
}
.popular h1 {
font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
color: #897B55;
text-align: center;
}
.popular h3 {
font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
color: #897B55;
}
.popular ul {
font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
color: #7287A4;
}
.popular li {
display: inline;
padding-right: 5px;
}
.popular a:link, .popular a:visited {
color: #7287A4;
text-decoration: none;
}
.popular a:hover {
color: #7287A4;
text-decoration: underline;
}
.popular-img {
float: left;
margin: 0px 10px 10px 5px;
}
.rec-links {
font: 8pt Verdana, Arial, Helvetica, sans-serif;
color: #333333;
line-height: 1.3;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
padding: 5px 5px 0px 5px;
margin-bottom: 10px;
}
.rec-links h1 {
font: bold 12pt Verdana, Arial, Helvetica, sans-serif;
color: #897B55;
margin: 5px 5px 5px 5px;
}
.rec-links h3 {
font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
color: #897B55;
margin: 5px 5px -10px 5px;
}
.rec-links a:link, .rec-links a:visited {
font: 8pt Verdana, Arial, Helvetica, sans-serif;
color: #88AF34;
text-decoration: none;
}
.rec-links a:hover {
color: #88AF34;
text-decoration: underline;
}
.left-ad {
font: 8pt Verdana, Arial, Helvetica, sans-serif;
color: #333333;
line-height: 1.3;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
padding: 0px 5px 0px 5px;
margin-bottom: 10px;
text-align: center;
}
.rate {
font: 8pt Verdana, Arial, Helvetica, sans-serif;
color: #333333;
line-height: 1.3;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
padding: 5px 5px 5px 5px;
margin-bottom: 10px;
}
.rate h1 {
font: bold 12pt Verdana, Arial, Helvetica, sans-serif;
color: #333333;
margin: 5px 5px 5px 5px;
}
.newsletter {
background-color: #E8ECF8;
margin-bottom: 10px;
}
.newsletter h1 {
font: bold 12pt Verdana, Arial, Helvetica, sans-serif;
color: #333333;
padding: 5px 5px 5px 5px;
}
.newsletter p {
font: 8pt Verdana, Arial, Helvetica, sans-serif;
color: #333333;
line-height: 1.3;
padding: 5px 5px 5px 5px;
}
.alt-ad {
background-color: #FFFFFF;
padding: 0px 5px 0px 5px;
margin-bottom: 10px;
text-align: center;
}
.social {
font: 8pt Verdana, Arial, Helvetica, sans-serif;
color: #333333;
background-color: #FFFFFF;
padding: 0px 0px 0px 0px;
margin-bottom: 10px;
text-align: center;
}
.social h1 {
font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
color: #897B55;
text-align: center;
}
.social a:link, .social a:visited {
color: #7287A4;
text-decoration: none;
}
.social a:hover {
color: #7287A4;
text-decoration: underline;
}
.contactform {
background-color: #FFFFFF;
border: 1px solid #333333;
font: 8pt Verdana, Arial, Helvetica, sans-serif;
color: #333333;
}
.contactbutton {
background-color: #FFFFFF;
border: 1px solid #333333;
font: 8pt Verdana, Arial, Helvetica, sans-serif;
color: #333333;
}
.posts {
font: 10pt Verdana, Arial, Helvetica, sans-serif;
color: #333333;
line-height: 1.3;
background-color: #FFFFFF;
border: 1px dotted #CCCCCC;
padding: 5px 5px 5px 5px;
margin: 5px;
}
.posts h1 {
font: bold 12pt Verdana, Arial, Helvetica, sans-serif;
color: #897B55;
font-weight: bold;
margin: 5px 5px 5px 0px;
}
.posts a:link, .posts a:visited {
font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
color: #3D4A75;
text-decoration: none;
}
.posts a:hover {
color: #3D4A75;
font-weight: bold;
text-decoration: none;
}
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}
.news-img {
float: left;
margin: 5px 10px 5px 5px;
}
div#minipics{float:left;width:100%;padding-bottom:10px}
div#minipics ul{list-style-type: none;margin:0 15px;padding:0}
div#minipics li{float:left;width:100px;margin: 10px 10px 10px 0;background-color: #E8ECF8}
div#minipics li img{display: block;width: 80px;height: 60px;margin:5px 10px;border: 0px}