html, body
{
margin: 0px;
padding: 0px;
}

body
{
font-family: Verdana; 
font-size: 11px;
color: #001c43;
background: #c6c6c6;
}

/*CONTAINER*/
#container
{
position: relative;
width: 720px;
height: 100%;
margin: 0px auto;
background: url('img/bar.jpg');
}

/*MAIN*/
#main
{
background: url('img/grad.jpg') bottom repeat-x;
margin: 0px 10px;
width: 700px;

}

/*HEADER*/
#header
{
left: 11px;
background: url('img/top.jpg') no-repeat;
height: 280px;
}

#header h1
{
display: none;
}

/*MENU*/
#menu
{
float: left;
display: inline;
margin: 20px 0px 0px 20px;
width: 218px;
}

#menu ul
{
list-style-type: none;
margin: 0px;
padding: 0px;
}

#menu li
{
padding: 2px;
}

#menu a
{
display: block;
padding: 0px 5px;
width: 190px;
height: 15px;
color: #001c43;
text-decoration: none;
font-variant: small-caps;
font-weight: bold;
font-size: 11px;
border: 1px solid #f5f5f5;
}

#menu a:hover, #menu a.active
{
border: 1px solid #000000;
color: #ffffff;
background: #1c0174;
}

/*TEXT*/
#text
{
margin-left: 240px;
width: 400px;
line-height: 15px;
}

#text h2
{
font-size: 18px;
margin: 0px 0px 15px 10px;
padding: 0px;
}

#text li
{
margin: 5px;
}

#text a
{
color: #001c43;
}

#text a:hover
{
text-decoration: none;
}

#text img
{
border: 0px;
}

#text .foto
{
position: relative;
width: 122px;
height: 140px;
float: left;
overflow: hidden;
}

#text .foto img
{
width: 120px;
}

#text #foto
{
float: right;
width: 162px;
margin: 0px 0px 5px 5px;
}

#text #foto div
{
margin-bottom: 5px;
}

#text fieldset
{
margin: 0px;
padding: 0px;
border: 0px;
}

#text label
{
display: block;
float: left;
width: 180px;
height: 20px;
font-size: 10px;
text-align: right;
padding-right: 5px;
margin-bottom: 5px;
}

#text .text, select
{
width: 180px;
margin-bottom: 5px;
border: 1px solid #001c43;
}

#text textarea
{
width: 200px;
height: 200px;
border: 1px solid #001c43;
}

#text .button
{
width: 100px;
}

#text small
{
font-style: italic;
color: #757575;
}

/*FOOTER*/
#footer
{
height: 30px;
background: url('img/bottom.jpg');
z-index: 100;
}

br.clear
{
clear: both;
}

/*CALENDAR
#calendar
{
margin: 0px;
padding: 30px;
height: 100%;
background: url('img/barcalc.jpg') repeat-y #ffffff;
}

#calendar span
{
display: block;
margin-top: 10px;
font-weight: bold;
}

#calendar a, #calendar table
{
color: #001c43;
font-size: 10px;
}

#calendar table
{
width: 100%;
}

#calendar a:hover
{
color: #ffffff;
background: #1c0174;
}
*/

table#imageviewer
{
position: absolute;
top: 30px;
left: 0;
width: 100%;
height: 480px;
font-size: 11px;
font-family: Arial, Verdana, times;
color: #082c50;
}

table#imageviewer td
{
text-align: center;
vertical-align: middle;
overflow: hidden;
}

table#imageviewer a img
{
border: 1px solid #f5f5f5;
}

div#controls
{
position: absolute;
top: 510px;
left: 317px;
}

div#controls a
{
display: block;
float: left;
background: #ffffff;
font-weight: bold;
text-align: center;
text-decoration: none;
width: 20px;
margin: 3px;
font-size: 11px;
color: #001c43;
border: 1px solid #f5f5f5;
height: 15px;
font-variant: small-caps;
}

div#controls a:hover
{
border: 1px solid #000000;
color: #ffffff;
background: #1c0174;
}