* {
  margin: 0;
  padding: 0;
}

h2,h3,h4 { padding: 0.5em 0em 0em 0em; font-size: 1.05em; }
img { border: 0; padding: 0.5em; }

html,body {

    font-family: 'lucida grande', 'lucida sans', lucida, verdana;
    font-size: 1em;

  height: 100%;

  margin: 0;
  padding: 0;
  /*background-color: #F8F8F8;*/
}

body
{
  /* Background served equally to all browsers. 
   * IE9+, Firefox5+: No known problems with background-size:cover
   * IE8<=: No support for background-size:cover, hence serve pre-rendered resized versions
   * Chrome13<=: Support for background-size:cover, but sluggish scrolling with SVG material
   */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  background-position: center center
  background-color: #FFFFFF;

  width: 100%;
  margin: 0;
  padding: 0;
}

#main
{
  text-align: justify;
  min-width: 55em;

  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -2.5em;
  padding: 0;
}

#main p
{
  margin: 0;
  padding: 0.5em 0 0.5em;
}

/*body > #main {height: auto; min-height: 100%;}*/

/*******************************************************/
/* Event List */

.event {
  clear: both;
  margin: 0.5em 0 0 0 !important;
  width: 100%;
  padding: 0;
  display: inline-block;
  border-bottom: 1px dotted #000000;
  list-style-type:none;
}

.events {
  clear: both;
  min-width: 28em;
  margin: 0.5em !important;
  
  padding: 0.2em;
  display: inline-block;
  border-bottom: 1px dotted #000000;
  list-style-type:none;
}


/*******************************************************/
/* Home page */

#content_home
{
  padding: 2em;
  margin: 0;  
 
  
 /* margin: 2em 40% 4em 3%;*/
  margin-left: 1em;
  margin-right: 1em;
  width: 62%; 
  background-image: url(vop.png);
}

#content_home h1
{
  font-size: 1.3em;
  margin: 0;
  padding: 0 0 0.2em 0;
  border-bottom: 0.05em solid #080639;
  line-height: 100%; 
}

#content_home p { line-height: 1.5em; }
#content_home li { margin-left: 1.5em; }

/* Home page right_menu */

#right_container
{
    float: right; 
    margin-right: 3em;
    width: 23%;
}

.right_menu
{
   min-width: 15em;
     
   margin-bottom: 1.5em;
   clear: left;
}

.right_menu h1
{
  width: 100%;
  font-size: 1.3em;
  margin: 0;
  padding: 0.4em 0.6em 0.4em 0.6em;
  border-bottom: 0.05em solid #080639;
  line-height: 100%; 
  color: #FFFFFF;
  background-image: url(boxfiller.png);
}
.right_menu li h2
{
   padding: 0; 
  margin: 0;
}

.right_menu h1 a
{
    color: #FFFFFF;
    text-decoration: none;
}

.right_menu h1 a:hover
{
    text-decoration: underline;
}

.right_menu li
{
    font-size: 0.8em;
    width: 100%;
    margin-bottom: 1px;
    padding: 1em;
    display: block;
    background-image: url(vop.png);
}

.right_menu li:hover
{
    background-color: #FFFFFF;
}

/*******************************************************/
/* Content */
#content
{
  clear: both;
  padding: 2em;
  margin: 0;
  background-image: url(vop.png);
}

#content h1
{
  font-size: 1.5em;
  margin: 0;
  padding: 0 0 0.2em 0;
  border-bottom: 0.05em solid #080639;
  line-height: 100%; 
}

#content p { line-height: 1.5em; }
#content li { margin-left: 1.5em; }

#container
{
  display: block;
  margin-top: 2em;
  margin-bottom: 4em;
}

#content_container
{
  margin-left: 10%;
  margin-right: 10%;
  width: 80%; 
}

/* Classes under content */
.news li {
    margin-bottom: 1em;
    border-bottom: 1px dotted #000000;
}

/*******************************************************/
/* Header logo */
#header_logo
{
  height: 120px;
  background-image: url(top.png);
  background-repeat: no-repeat;
  margin-top: -140px;
}

#header_logo div 
{
  position: absolute;
  color: #FFFFFF;
  right: 0;

  margin-top: 102px;
  padding: 0;
}

#header_logo div p
{
  margin-top: -2em;
  font-size: small;
  padding: 0;
}

/*******************************************************/
/* Old header */

#header
{
  font-family: 'Lucida Sans';
/*  margin-top: -120px;*/

  height: 140px;
  background-image: url(topfiller.png);
  padding: 0;
  white-space : nowrap;

  min-width: 800px;
  z-index: -1;
}

#header ul
{
  min-width: 800px;
  /*margin-right: 0 !important;*/

  position: absolute;
  margin-top: 102px;
  margin-left: 0;
  padding: 0;

  /* Prevent wrapping of the whole menu. */
  white-space : nowrap;

  /* In order for nowrap to work no float:left should be used, as a result
   * display: block-inline; adds spacing based on the markup, hence we remove
   * spacing here and give it 'normal' status again in the elements. */
  word-spacing: -1em;
}

#header ul li
{
  float: left;
  word-spacing: normal;
  font-size: small;
  
  margin: 0;
  padding: 0;

  background: url(separator.png) repeat-y 0 0;

  height: 30px;
  line-height: 30px;

  display: inline-block;
  list-style-type:none;
}

#header ul li a
{

  text-decoration: none;
  color: #FFFFFF;
  padding: 0em 0.8em 0em 0.8em;

  display: inline-block;

  text-align: center;
  vertical-align: middle;

  margin: 0;
}

#header ul li a:hover
{
  background-image: url(hover.png);
}

/********************************************************/
/* Submenu: 2nd level */

#submenu
{
  max-width: 52em;
  padding: 0em 2em 0em 2em;
  margin: 0;
}

#submenu ul
{
  vertical-align: bottom;
  margin: 0;
  padding: 0;

  /* Prevent wrapping of the whole menu. */
  white-space : nowrap;
}

#submenu ul li
{
  margin: 0;
  padding: 0;
  line-height: 2.1em;
  height: 2.1em;
  margin-right: 0.5em;

  display: inline-block;
  list-style-type:none;

  background-image: url(vopgr.png);

  white-space : nowrap;
  zoom: 1;
  *display: inline; /* [IE7 compat] */
}

#submenu ul li a
{
  text-decoration: none;
  color: #000000;
  
  padding: 0em 0.8em 0em 0.8em;
  margin: 0;
  
  display: inline-block;

  text-align: center;
  vertical-align: middle;
}

#submenu ul li.Selected
{
  color: #000000;
  background-color: transparent;
  background-image: url(vop.png);
}

#submenu ul li a:hover
{
  background-image: url(vop.png);     
  background-color: transparent;
  color: #000000;
}

/** asp.net links **/
.paged
{
  line-height: 2.1em;
  height: 2.1em;
  margin-right: 0.5em;

  display: inline-block;
  background-image: url(vopgr.png);

  white-space : nowrap;

  text-decoration: none;
  color: #000000;
  padding: 0em 0.8em 0em 0.8em;
  
  text-align: center;
  vertical-align: middle;
}

.paged:hover
{
    background-image: url(vop.png);     
  background-color: transparent;
  color: #000000;
}

.pagedselected
{
  line-height: 2.1em;
  height: 2.1em;
  margin-right: 0.5em;

  white-space : nowrap;
  text-decoration: none;
  
  padding: 0em 0.8em 0em 0.8em;

  display: inline-block;

  text-align: center;
  vertical-align: middle;
  
  background-image: url(vop.png);     
  background-color: transparent;
  color: #000000;
}

/*************************************************************/
/* FOOTER */

#push
{
  clear: both;
  height: 2.5em;
}
#footer
{
  font-family: Verdana;
  min-width: 800px;
  position: relative;
  clear: both;

  margin: -5.5em 0 0 0;
  height: 2.5em;

  font-size: 0.7em;
  padding: 1.5em 0em 1.5em 0em;

  color: #F0F0F0;
  background: url(footer3.png) repeat-x 0 0;
  white-space : nowrap;
}

#footer a
{
  color: #F0F0F0;
  text-decoration: none;
}

#footer a:hover
{
  text-decoration: underline;
}

#footer_left
{
  float: left;
  margin-left: 1.5em;
  padding-left: 0.8em;
  background: url(separator.png) repeat-y 0 0;
  display: block;
}

#footer_left_2
{  
  float: left;
  margin-left: 1.5em;
  padding-left: 0.8em;
  background: url(separator.png) repeat-y 0 0;
  display: block;
}

#footer_right
{
  /*float: right;*/
  margin-right: 1.5em;
  color: #9090f7;
  font-size: smaller;
  display: block;
}

/******************************************************************/














/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h1 {

}