/* ################################# */

body
{
  margin: 0px;

  font-family: sans-serif;

  color     : #333;
  background: #fff url(background-blue.jpg) repeat-y;
}

/* IE bugs, see http://www.positioniseverything.net/articles/hollyhack.html */


/* ################################# */

h2, h3, h4, em {color: #3a6dbd;/*#1055a5;*/}

em { font-style: normal; font-weight: bold; }

h2 {font-size: 200%;} /* BIG h2; h1 used only for main title. */

p {text-align: justify;}

a         { color: #0000ff; }
/*a:visited { color: #0000ff; }*/

acronym {cursor: help; border-bottom: 1px dotted;}

div.spacer {clear: both;}

table{ font-size:inherit;}

/* ################################# */

#topheader
{
  margin: 0px;
  background-color: #3a6dbd;
  /*background: url("banner.png") no-repeat;*/

  border-bottom: 3px solid #000;

}

#topheadersub
{
  width: 620px; /* same as #mainpage */

  margin-top  : 0px;
  margin-right: 0px;
  margin-left : 9.5em; /* same as #menu */
  font-size   : 90%;  /* same as #mainpage => margin-left has same shift ! */
}


#logo
{
  position: absolute;

  /*background: url("logo-hevospallo.png") no-repeat;*/
  width : 64px;
  height: 64px;
  top   :  5px;
  left  : 30px;
}
#logo a img { border:  0px;}


.top-head-link { 
  color: #ffffff;
  font-size: 80%;
}
.top-head-link       { text-decoration: none;}
.top-head-link:hover { text-decoration: underline;}
.top-head-link:visited {color: #ffffff; font-size: 80%;}


#menu-lang {
  float : left;
  margin: 2ex 0px 0px 1px;
}
#menu-lang img { border: 0px; }


#topheadersub h1
{
  text-align: right;
  margin: 0px;
}
#toptitle1, #toptitle2
{
  font-weight: bold;
  color      : #d2e4ff;
}
#toptitle1 { font-size : 50%;}
#toptitle2 { font-size : 70%;}
#toptitle2 { margin-right: 0.15em;} /* italic 'l' overflows */

/* ################################# */

#mainpage
{
  width       : 620px;

  margin-top  :  0px;
  margin-left : 9.5em; /* = menu */

  font-size: 90%; /* this affects margin-left !!! */
}

/* ################################# */

#maintitle
{
  margin-bottom: 10px;

  text-align: right;

  color: #fff;
}

#maintitle h1
{
  font-size    : 400%;
  margin-top   : 0px;
  margin-bottom: 0px;
}

#maintitle-sub {
  font-size  : 110%;
  font-weight: normal;
}

/* ################################# */

#maincontent
{
  padding: 5px 0px 5px 0px;
  background-color: #fff;
}


/*h2, h3, h4, p, .chapter, .maincontent {position: relative;}*/
/* IE6 bug: background-color + float => hide part of the parent element
   See http://www.dracos.co.uk/web/css/ie6floatbug/
       http://www.positioniseverything.net/explorer/peekaboo.html
*/

/* ################################# */

/*
#mainpage a       { text-decoration: none;}
#mainpage a:hover { text-decoration: underline;}
*/

/* a[href^='http:'] { */
#mainpage a.extern
{
  padding-right      : 9px;/* size of the backgroung-image */
  background-image   : url("link.gif");
  background-position: right top;
  background-repeat  : no-repeat;
}

/* ################################# */

.chapter
{
  margin : 10px;
  padding: 10px;
  border :  1px solid #c6c9ff;
  background-color:   #f0f0ff;
}

.chapter-title
{
  margin-left: 0px !important;
  margin-top : 0px;
}

/*.chapter p:first-child{ margin-top: 0px;}*/
.first-p {margin-top   : 0px;} /* IE does not know first-child */
.last-p  {margin-bottom: 0px;} /* IE does not know last-child */

.chapter img
{
  padding: 2px;
  border: 1px solid #C6C9FF;
  background-color: #fff;
}

.end-chapter hr { display: none; }

/* ################################# */
.encart
{
  float  : right;
  width  : 190px;

  margin :  0px 10px 10px 10px;
  padding:  0px;
  border :  2px solid #fbb;
  background-color:   #fbb;
  font-size: 80%;
}

.encart-title
{
  padding:  2px 5px 2px 5px;

  text-align: center;

  color: #f33;
  font-weight: bold;
  font-style : italic;
}

.encart-content
{
  margin :  0px;
  padding:  10px;

  background-color: #FFF3F3;
}
.encart-content p:first-child
{
  margin-top: 0px;
}

/* ################################# */

a.button
{
  display: block;
  margin : 5px;
  padding: 0px 5px 0px 5px;

  font-size      : 70%;
  text-decoration: none;

  border: 1px solid #c6c9ff;
  background-color: #f0f0ff;
  color           : #c6c9ff;
}

a.button:hover
{
  text-decoration: none !important;

  border : 1px solid #fbb;
  background-color:  #fbb;
  color:             #fff;
}

#button01{ float:left; margin-left: 10px;} 

/* ################################# */

.major-link
{
  text-align : right;
  font-weight: bold;
  font-size  : 120%;  
}

.major-link a { text-decoration: underline !important; }
.major-link a:hover { background-color: #ddeeff; }

.major-link a         { color: #0000ff; }
.major-link a:visited { color: #0000ff; }

/* ################################# */

#chronology    { border: 0px;}
#chronology td { vertical-align: top;}
#chronology td { padding-bottom: 1ex;}

/* ################################# */

#menu
{
  float: left;
  width: 9.5em;

  /*margin-top : 35px; disabled logo */
  margin-left: 0px;

  font-size: 80%;

  text-align : right; /* default value */
}

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

#menu a {
  display: block;

  padding: 12px 10px 3px 10px;/* 15px 10px 5px 10px; */
  border-bottom: 1px solid #71a3de;
  border-right: 8px solid #1055a5; /* same as background color */

  color: #ffffff;
  font-weight: bold;

  text-decoration: none;
}
#menu a:hover
{
  text-decoration: none;/*underline;*/
  border-right: 8px solid yellow;
  background-color: #3c77bb;
}

/*#menu #current-page*/
.page_index      #index,
.page_horseball  #horseball,
.page_gallery    #gallery,
.page_rules      #rules,
.page_worldwide  #worldwide,
.page_starting   #starting,
.page_challenges #challenges,
.page_support    #support
{
  padding-top:  12px;
  background-color: #3c77bb;
}
/*#menu-country #current-page*/
.page_finland    #finland
{
  padding-top:  5px;
  background-color: #3c77bb;
}

#menu #current-page:hover
{
  border-right: 8px solid #1055a5 !important; /* same as background color */
}

/* specificities menus: */

#menu-general span { display: none; }

#menu-fede,
#menu-country
{
  margin-top: 40px;
  margin-left: 0px;

  text-align : left;

 /* xvertical-align: middle;*/
}
#menu-fede    span,
#menu-country span
{
  display: block;
  margin-bottom: 2px;
  padding-left: 10px;
  color: #ffff00;
  font-style : italic;
  /*font-weight: bold;*/
}

#menu-fede    a,
#menu-country a {
  padding: 5px 10px 2px 10px;
  border-bottom: 1px solid #71a3de; /*#4a7dc5;*/

  color: #ffffff;
  font-weight: normal;
}
#menu-fede-logo { border-bottom: 0px !important;}

.menu-img { border: 0px; }
/*
#menu-fede {
  width: 4em;

  margin  : 40px 0px 0px 5px;
  padding :  0px 0px 5px 0px;

  border: 1px solid #71a3de;

  text-align: center !important;
}
#menu-fede a
{
  padding: 5px 5px 0px  5px;
  border : 0px;
  text-decoration: none;
}
#menu-fede a:hover
{
  border: 0px;
  text-decoration: none;
}
#menu-fede img  {border: 0px; }
#menu-fede span {display: none;}
*/

/* ################################# */

#footer
{
  margin-top   : 30px;
  margin-bottom: 30px;

  text-align: center;

  font-size: 80%; /* % of the #mainpage font-size */

  color: #5486c2;
}
#footer a       { color: #5486c2;}
#footer a       { text-decoration: none;}
#footer a:hover { text-decoration: underline;}

#menu-generic a { color: #eeeeff; font-size: 110%; }