body 
{
 background: url(images/background.png) silver; 
 color: black;
 margin: 0;
 padding: 1%; 
 min-width: 640px; 
 font-size: 100.01%; 
 font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, "Bitstream Vera Sans", Verdana, sans-serif;
}

a 
{ 
 color: #0B4D8C; 
 text-decoration: underline; 
} 
a:visited 
{ 
 color: black; 
} 

.skip 
{ 
 position: absolute;
 margin-left: -10000px;
}

h1 
{ 
 font-size: 3em;
 line-height: 0.8em;
 padding: 20px 0 5px 0px;
 margin: 0;
 border-bottom: 1px dashed #aaa;
}

h1, h2, h3, h4, h5, h6 
{ 
 color: #6699CC;
 font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, "Bitstream Vera Sans", Verdana, sans-serif;
}

.fleft 
{ 
 float: left;
 margin: 0 1em 0.2em 0; 
}

.fright 
{
 float: right;
 margin: 0 0 0.2em 1em;
 padding: 1px;
}

/* Container */
#container 
{ 
 font-size: 0.8em; 
 max-width: 1000px; 
 margin: 10; 
 border: 1px solid #aaa;
 border-top: 0;
 margin-left: auto;
 margin-right: auto;
}

/* Logo */
#logo 
{
 background: url(images/eulogo.png) 0 0 no-repeat white; 
 border-top: 1px solid #aaa;
 height: 114px; 
 padding: 0 20px;
 text-align: right;
 line-height: 54px;
 font-size: 54px; 
 overflow: hidden; 
 margin: 0;
}
#logo a 
{
 color: white; 
 text-decoration: none;
}
#logo a span { 
 color: black;
 background: white;
 padding-right: 0.1em; 
 font-weight: bold;
}

/* Menu */
#menu 
{ 
 background: darkblue;
 padding: 5px; 
 margin: 0;
 text-align: center;
 color: yellow; 
}
#menu a 
{
 color: white; 
 background: darkblue; 
 font-size: 12px;
 text-decoration: none;
 font-weight: bold;
}
#menu a:hover
{
 color: blue; 
 background: orange;
 font-size: 12px;
 text-decoration: none;
 font-weight: bold;
}

/* Navigation */
#subnav {
 width: 26%;
 min-width: 10em; 
 float: right; 
 padding: 70px 1%;
 margin: 1%;
 border-left: 1px dotted #aaa; 
 font-size: 0.9em; 
}
#subnav dt 
{ 
 font-size: 1.2em;
 font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, "Bitstream Vera Sans", Verdana, sans-serif;
 margin-top: 1em;
 border-top: 1px dotted #aaa; 
}
#subnav dd 
{ 
 padding: 0;
 margin: 0.2em 0;
}

/* Main */
#main {
 background: white; 
 padding: 10px; 
 line-height: 1.5em; 
}
li
{
 margin-left: 16px;
}

/*  table (2 columns) */
.tablediv1 
{
 display: table;
 width: 100%;
 border-spacing:10px;
 border-collapse:separate;
}
.celldiv1 
{
 float:left;
 display: table-cell;
 width: 50%;
}
.rowdiv1  
{
 display: table-row;
 width: auto;
}

/*  table (4 columns) */
.tablediv2 
{
 display: table;
 width: 100%;
 border: none;
 border-spacing:20px;
 border-collapse:separate;
}
.celldiv2 
{
 float:left;
 display: table-cell;
 width: 25%;
}
.rowdiv2  
{
 display: table-row;
 width: auto;
}

/* table list */
table.list {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: double double double double;
	border-color: #6699CC;
	border-collapse: separate;
	background-color: white;
}
table.list th {
	border-width: thin thin thin thin;
	padding: 3px 3px 3px 3px;
	border-style: double double double double;
	border-color: #6699CC;
	background-color: rgb(255, 245, 238);
	-moz-border-radius: 0px 0px 0px 0px;
}
table.list td {
	border-width: thin thin thin thin;
	padding: 3px 3px 3px 3px;
	border-style: double double double double;
	border-color: #6699CC;
	background-color: rgb(255, 245, 238);
	-moz-border-radius: 0px 0px 0px 0px;
}