/* CSS Document */

body {
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
}

#body {
padding: 10px;
background-image:  url("../images/main/body-background.gif");
background-position: top left;
background-repeat: repeat-y;
}

#body p {
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 12px;
color: #111111;
text-align: justify;
}

#body h1 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #CC3333;
}

#body h2 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #CC3333;
}

#body div.banner {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #222;
background-color: #E9DA5A;
padding: 5px;
border: 1px solid #555;
border-width: 1px 0;
}

#panel {
padding: 5px;
background-image:  url("../images/main/panel-background.gif");
background-position: top right;
background-repeat: repeat-y;
}

#pictures {
width: 100px;
float: right;
padding: 5px;
border: 1px solid #333333;
margin: 5px;
text-align:center;
background-color: #EEEEEE;
}

#pictures h1 {
text-align: center;
font-size: 14px;
color: #000066;
}

#pictures p {
text-align: center;
font-size: 10px;
}

#pictures img {
margin-top: 6px;
margin-bottom: 4px;
border: 1px solid #000033;
text-align: center;
}

div.category {
width: 155px;
height: 140px;
float: left;
padding-bottom: 15px;
}

div.category p {
text-align: left;
}

div.clearfloat {
clear: both;
}

div.section {
width: 170px;
padding: 8px;
border: 1px solid #666666;
background-color: #FFFFFF;
}

div.section p {
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-align: left;
}

div.section h1 {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #990000;
text-align: center;
}

div.section .heading {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000066;
text-align: left;
}

table.data {
border: 1px solid #000022;
background-color: #FFFFFF;
border-collapse: collapse;
}

table.data th {
padding: 6px;
border: 1px solid #000022;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
text-align: center;
}

table.data td {
padding: 6px;
border: 1px solid #000022;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 10px;
color: #111111;
}

.copyright {
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #333366;
}

.title {
font-weight: bold;
color: #000044;
}

.info {
font-weight: normal;
color: #333333;
}

.image {
border: 1px solid #000033;
}

.image_right {
border: 1px solid #000033;
float: right;
margin: 8px;
margin-right: 0px;
}

.image_left {
border: 1px solid #000033;
float: left;
margin: 8px;
margin-left: 0px;
}