/*
 * Main body and table defenitions
 */
html, body { height: 100%; width: 100%; margin: 0px; padding: 0px;  behavior: url(../js/hover.htc); }
body { background: #ff6502 url('../images/background.jpg') no-repeat 50% top; text-align: center; }

/*
 * Table and td defenitions
 */
table, tr, td {	border-collapse: collapse; border-spacing: 0px; margin: 0px; padding: 0px; }

/*
 * Main div definitions (display inline fixes IE double margin bug)
 */
div#main   { width: 750px; margin: 0 auto; border-left: 3px solid #0C90E9; border-right: 3px solid #0C90E9; background: #FFFFFF url('../images/background.main.jpg') repeat-y left top; }

div#header_description{ }
div#header { height: 136px; width: 750px; background-color: #DDDDDD; border-top: 3px solid #0C90E9; background-image: url('../images/header.jpg');}
div#left   { text-align: left; width: 216px; float: left; margin: 0px; vertical-align: top; line-height: 0px; display: inline; overflow: hidden; }
div#middle { text-align: left; width: 318px; float: left; margin: 0px; display: inline; overflow: hidden; }
div#right  { text-align: left; width: 200px; float: left; margin: 8px; display: inline; overflow: hidden; }

/* Making the footer stick to the bottom =] */
div#main        { position: relative; min-height: 100%; vertical-align: top; }
* html div#main { height: 100%; }

/*
 * Module, menu and block definitions
 */
div.block  { margin-bottom: 10px; background-color: #F5F5F5;}
div.menu   {  margin-bottom: 10px;
              overflow: none;
              vertical-align: bottom;
              width: 100%;
              height: 20px;
              float: left;
              background-image: url('../images/menugradient.jpg'); /*repeat-x top left; */
              }
div.module { margin-bottom: 10px; margin: 10px;}
div.header {  line-height: 30px;
              padding: 5px 0;
              vertical-align: bottom; }
div.module div.header { }
div.block  div.header { background: #ffffff; }
div.menu   div.header { background: #ffffff; }

div.content {  }
div.module div.content { text-align: justify; }
div.block  div.content { }
div.menu   div.content { }

div.clear { clear: both; }

/*
 * Wait and error screen container
 */
div#messageContainer { width: 400px; margin: 0 auto; }

/*
 * Pure css drop down menu ;)
 */

/* Link decoration */
div#menu_ulstyle a,
div#menu_ulstyle a:hover,
div#menu_ulstyle a:active,
div#menu_ulstyle a:visited { color: white; text-decoration: none;  }
div#menu_ulstyle a:hover { background-color: #2eb2fb; }

/* Must have basics */
div#menu_ulstyle a { display: block; white-space: nowrap; }
div#menu_ulstyle ul { list-style: none; margin: 0; padding: 0; text-align: left; }
div#menu_ulstyle ul li { float: left; position: relative; }
div#menu_ulstyle ul li a { padding: 2px 10px; }
div#menu_ulstyle ul li ul { position: absolute; top: 19px; }
div#menu_ulstyle ul li ul li { float: none; padding: 2px 2px; }
div#menu_ulstyle ul li ul li a { padding: 2px 20px 2px 10px; }

/* Give some markup to the sub menu */
div#menu_ulstyle ul li ul { background-color: #0C90E9; border: 1px solid white; }

/* The mouseover display / hide part */
div#menu_ulstyle ul li ul { display: none; }
div#menu_ulstyle ul li:hover ul { display: block; }

/* Sitemap styles */
ul#sitemap { padding-left: 20px; text-align: left; }
ul#sitemap ul { padding-left: 15px; }

ul.eventlist { list-style: none; padding: 0; margin: 0; }

ul#breadcrumbs { list-style: none; padding: 0; margin: 0; text-align: left; font-size: 10px; }
ul#breadcrumbs li { display: inline; }
ul#breadcrumbs li a { font-size: 10px; }
ul#breadcrumbs li a:hover { font-size: 10px; }
ul#breadcrumbs li a:hover { font-size: 10px; }

div.error { margin: 20px; color: #dd3333; padding: 0 0 0 25px; background: url(../icons/delete.gif) no-repeat 2px 50%;}