/* GENERAL STUFF */ /* GENERAL STUFF */ /* GENERAL STUFF */ /* GENERAL STUFF */

body {
background-color: #ddd;
margin: 0px;
padding: 0px;
color: #333;
font-family: Verdana, Arial, Sans-serif;
font-size: 75%;
background-image: url('gfx/backbar.gif');
background-position: top left;
background-repeat: repeat-x;
background-attachment: scroll;
}

img {
border: 0px;
}

p {
font-size: 0.9em;
}

img.splash
{
position: absolute;
top: 97px;
left: -16px;
}

/* MENU ITEMS */ /* MENU ITEMS */ /* MENU ITEMS */ /* MENU ITEMS */ 

.header {
background-color: #ccc;
}

#menucontainer {
position: absolute; 
width: 208px; 
top: 0px; 
left: 0px;
padding: 0px;
margin: 0px;
height: 100%;
background-color: #ddd;
z-index: 2;
}

#menu {
list-style-type: none;
text-transform: uppercase;
}

#menu dt {
font-size: 0.9em;
font-weight: bold;
color: #333;
background-color: #ddd;
padding: 0px 0px 8px 16px;
}

#menu dt:hover {
color: #2D7D2F;
text-decoration: underline;
}

#menu dd {
margin: 0px 0px 8px 16px;
padding: 0px;
}

#menu li {
list-style-type: none;
font-size: .9em;
padding: 0px;
margin: 0px;
}

#menu ul {
padding: 0px;
margin: 0px;
}

#menu a {
text-decoration: none;
color: #666;
}

#menu a:hover {
color: #66CC33;
}

.showSwitch {
display: block;
}

.hideSwitch {
display: none;
}

.hideSwitchSub {
display: none;
padding-left: 16px;
}

/* ACTUAL CONTENT */ /* ACTUAL CONTENT */ /* ACTUAL CONTENT */ /* ACTUAL CONTENT */ 

p.projtext {
height: 330px;
overflow: auto;
padding: 0px 16px 0px 8px;
}

#content {
position: absolute; 
left: 225px; 
top: 0px; 
bottom: 0px; 
height: 100%;
}

#address {
position: absolute; 
top: 16px; 
right: 16px; 
z-index: 2; 
font-size: 0.8em; 
text-align: right;
}

#content a, #address a {
color: #333;
font-weight: bold;
text-decoration: none;
}

#content a:hover {
color: green;
}

table img {
border: solid 1px #333;
}



#content li {
font-size: .9em;
list-style-type: square;
padding-right: 100px;
}

h1,h2,h3 {
padding: 0px;
margin: 0px;
}

h1 { 
font-size: 1.5em; 
height: 20px;
padding-top: 30px;
}

h2 { 
font-size: 0.9em; 
color: #fff; 
height: 47px;
}

h3 { font-size: 0.8em; }
h4 { font-size: 0.8em; }

#slideShow {
float: left;
padding: 16px 8px 0px 0px;
}

.portrait {
float: right;
margin: 16px;
}

table {
font-size: 0.9em;
padding: 16px;
width: 60%;
}

table.chrono {
font-size: 0.9em;
padding: 0px;
width: 60%;
}

table.chrono td {
padding: 0px;
}

table.chrono tr {
height: 10px;
}

td {
padding: 10px 5px;
}

tr {
height: 100px;
}

td.thumb {
text-align: center;
padding: 0px 8px 16px 0px;
}

table.news {
padding: 0px;
width: 250px;
}

table.news td {
padding: 5px;
color: #000;
}

.newscontainer {
position: relative; 
z-index: 2; 
filter:alpha(opacity=65); 
opacity: 0.65; 
-moz-opacity:0.65; 
background-color: #fff; 
padding: 5px; 
margin: 16px 0px;
width: 280px;
height: 250px;
overflow: auto;
}

table.news tr {
height: 0px;
}