/* RESET */

img {
border:0;
}

ul {
list-style-type: none;
list-style-position: inside;
}

a {
text-decoration: none;
color: #006db6;
}

a:hover {
text-decoration:underline;
}

body {
padding-bottom: 20px;
font-size: 12px;
font-family: arial, verdana;
}

/* EXTRA */
#left, #right {
margin: 20px 20px 0 0;
width:350px;
}
#left {
float:left;
}


/* SLIDESHOW */

#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* MENU */

#subnav {
padding: 0 0 0 0;
margin:0;
background-image:url(/filearchive/1/1241/nav_mdl.gif);
width:179px;
background-repeat:repeat-y;
}

#subnav li {
padding: 0 0 5px 20px;
margin:0;
width:135px
}

#subnav li.first {
font-weight:bold;
font-size: 12px;
}

#subnav li a {
color:#fff;
}

#subnav li a:hover {
color:#c5c7c8;
text-decoration:none;
}

#subnav li a.selected {
color:#c5c7c8;
}


#homelink {
position:absolute;
width:310px; 
height:70px;
top:30px;
left:75px;
}

.navlink {
text-align:center;
margin-top: 75px;
text-transform:uppercase;
font-weight: bold;
width:110px;
}

.long {
margin-top:60px 
}

.navlink a {
color: #fff;
font-size: 11px;
padding-top:5px;
}

.navlink a:hover {
color: #fff;
text-decoration:none;
}

.hidden a { color:#fff; text-decoration: none; font-family: Arial;}
.hidden a:hover { color: #c5c7c8 }
        
#menu {
margin: 20px 0 0 160px;
padding:0;
text-align:left;
}

#menu .val {
float: left;
width: 120px;
height: 116px;
cursor: pointer;
z-index: 1000;
padding:0;
}

#menu ul.hidden {
display: none;
position: absolute;
top: 250px;
z-index: 1000;
padding:0;
}

#menu ul.hidden li {      
background-color: #006db6;
width: 100px;
padding: 8px 0 0 10px;
text-align:left;
}

/* TICKER */

.tickercontainer { /* the outer div with the black border */
width: 708px; 
height: 30px; 
margin: 15px 0 20px 0; 
padding: 0 0 4px 4px;
overflow: hidden; 
background-image: url(/filearchive/1/1171/tickerbg.gif);
background-repeat: no-repeat;
z-index:0;
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
top: 8px;
width: 708px;
overflow: hidden;
z-index:0;
}

ul.newsticker { 
position: relative;
left: 730px;
margin: 0;
padding: 0;
z-index:0;
}

ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
color: #006db6;
z-index:0;
white-space: nowrap;
}

ul.newsticker a {
text-decoration: underline;
} 

ul.newsticker span {
} 


/* LANGUAGES */
#langs {
position:absolute;
left: 772px;
top: 55px;
width:200px;
text-align: right;
}

#langs a {
padding-left:10px;
}

/* COMMON */

.contenttitle{FONT-WEIGHT: bold; FONT-SIZE: 22px; COLOR: #006db6; FONT-FAMILY: Arial, Helvetica, sans-serif;}

.contenttext{FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif}


.clear {
font-size: 0;
padding: 0;
margin: 0;
height: 0;
width: 0;
clear: left;
}

/* LAYOUT */
#wrapper {
width:975px;
text-align:center;
margin: 0 auto;
}

#body {
margin-left: 160px;
text-align: left;
}

#top {
position: relative;
text-align: left;
}

#logo {
background-image:url(/filearchive/1/1084/logo.jpg);
background-repeat:no-repeat;
height:115px;
}

#text {
margin-left: 200px;
width:670px;
overflow:hidden;
}

#content {
text-align: left;
margin-top:40px;
}


/* SEARCH */

#search {
position:absolute;
left: 620px;
top: 55px;
}

#search span {
color: #006db6;
font-size:14px;
padding-right:10px
}

#search input[type=text] {
width: 100px;
}

#search input[type=image] {
vertical-align: middle;
padding-bottom:5px
}

