@charset "UTF-8";
/* CSS Document */

/* start default tag styles */
body {
background:#000000 url(images/background.gif) no-repeat;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
margin:0;
padding:0;
}

h1 {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
}

h2,
h3 {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

p {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

hr {
background:#CCCCCC;
border:0px;
height:1px;
}

a {
color:#FFFFFF;
text-decoration:underline;
}

a:hover {
color:#FF0000;
}

/* end default tag styles */

/* start custom styles */

.main {
width:800px;
position:absolute;
left:50%;
margin:0 -400px;
}

.header {
background:url(images/header.gif) no-repeat;
border-bottom:1px solid #6f6f6f;
height:74px;
}

.footer{
color:#999999;
font-size:10px;
text-align:center;
margin-top:20px;
}

.intro {
background:url(images/words.png);
height:285px;
text-align:right;
}

.content {
background:#333333;
border-top:1px solid #6f6f6f;
padding:15px;
}

.news {
border-top:1px dotted #FFFFFF;
border-bottom:1px dotted #FFFFFF;
padding:15px 0;
margin:10px 0;
}

.news h1 {
font-size:12px;
}

.news .date {
font-size:10px;
}

.gallery td {
padding:5px;
}

#map {
color:#000000;
}

#map a {
color:#000000;
}

.translate {
float:right;
padding:5px 0;
}

/* Navigation */
.navi {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
letter-spacing:1px;
text-transform:uppercase;
padding:0;
height:20px;
}

.navi ul { /* all lists */
padding:4px 0;
list-style:none;
margin:0;
}

.navi li { /* all list items */
float:left;
margin-right:15px;
position:relative;
}

.navi li ul { /* second-level lists */
background:none;
display:none;
font-size:11px;
left:0;
margin-top:0px;
padding:0;
position:absolute;
top:0;
}

.navi li ul li { /* second-level list items */
background:#CCCCCC;
border-bottom:1px solid #FFFFFF;
margin:0px;
position:relative;
padding:0;
width:100px;
}

.navi li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
left:auto;
top:auto;
}

.navi li:hover ul, .navi li.over ul { /* lists nested under hovered list items */
display:block;
}

.navi a {
color:#FFFFFF;
display:block;
padding:0;
margin:0;
text-decoration:none;
}

.navi a:hover {
color:#CC0000;
}

/* end navigation styles */

/* end custom styles */