@charset "utf-8";

/* CSS Reset by Eric Meyer */
@import url(reset.css);

/* Fonts (Cardo, …) */
@import url(http://fonts.googleapis.com/css?family=Tangerine&subset=latin);

a:focus
{
    outline: 1px dotted
}

html
{
    height: 100%;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

body
{
    background: #F5FAFF;
    color: #101013;
    height: auto !important;
    min-height: 100%;
    position: relative
}

* html body
{
  height: 100% !important
}

#header, #footer
{
    background: #F6F6F6;
    color: #666666;
    text-align: center
}

#header
{
    padding-bottom: 1.75em;
    border-bottom: 1px solid #A7D7F9
}

#header h1
{
    font: 3em/2.5em Tangerine,serif;
    text-align: center;
    /*text-shadow: .2em .15em .1em #333*/
}

#menu, #content, #footer
{
    font-size: .8em;
    font-family: sans-serif
}

#menu
{
    cursor:default;
    margin-bottom: 2em;
    margin-top: -1.9em; /* total height: max(line-height * nlines + padding-top + padding-bottom, height) + border-top + border-bottom */
    text-align: center;
    white-space: nowrap
}

#menu li, #menu li a
{
    border-radius: .75em .75em 0 0;
    -moz-border-radius: .75em .75em 0 0;
    -webkit-border-radius: .75em .75em 0 0;
    color: #000;
    display: inline-block;
    width: 9em;
    /*padding: 0 1em; */
    text-decoration: none /* Suppress predefined style for links */
}

#menu li
{
    border-top:1px solid #A7D7F9;
    border-right:1px solid #A7D7F9;
    border-left:1px solid #A7D7F9;

    background: #DDEEFF; /* Default color if no gradient */
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #DDEEFF), color-stop(1, #F5FAFF));
    background: -moz-linear-gradient(center bottom, #DDEEFF 0%, #F5FAFF 90%);
    line-height: 1.75em;
    margin: 0 .25em;
}

#menu li a
{
    margin: 0 -1em 0
}

#menu li.active, #menu li:hover
{
    background: transparent
}

#menu li a:hover
{
    background: #F5FAFF
}

#content a, #footer a
{
    text-decoration:none;
}

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


#content
{
    /*clear: both;*/
    margin: 0 auto 0;
    padding-bottom: 7em;
    width: 60em
}


#hidden,
#hidden a
{
    color:transparent;
    /*clear: both;*/
    margin: 0 auto 0;
    padding-bottom: 7em;
    width: 60em
}

#content em
{
    text-style: italic
}

#content strong
{
    font-weight: bold
}

#content small
{
    font-size: .75em
}

#content p::-moz-selection,
#content a::-moz-selection,
#content em::-moz-selection,
#content h2::-moz-selection {
    text-decoration:none !important;
    color:transparent;
}

#content h2, #content h3,
#content p, #content dl,
#content ul, #content ol
{
    line-height: 1.5em;
    margin: .75em 0
}

#content h2, #content h3
{
    margin: 1.2em 0 .75em
}

#content h2
{
    border-bottom: 1px solid #c0c0c0;
    font-size: 1.4em
}

#content h3
{
    width:100px;
    border-bottom: 1px solid #cfcfcf;
    font-size: 1.15em
}

#content p, #content li
{
    text-align: justify
}

#content dl dt
{
    font-weight: bold
}

#content dl dd
{
    margin-left: 1em
}

#content ul, #content ol {
         padding-left: 40px;
         margin: 1em 0;
         overflow: auto /* Force paddings to stay inside */
}

#content ul {
         list-style: disc
}

#content ol {
         list-style: decimal
}

/* nested lists have no top/bottom margins */
#content ul ul, #content ul ol, #content ul dl,
#content ol ul, #content ol ol,#content ol dl,
#content dl ul, #content dl ol, #content dl dl {
  margin-top: 0;
  margin-bottom: 0;
}

/* 2 deep unordered lists use a circle */
#content ol ul, #content ul ul {
  list-style-type: circle;
}

/* 3 deep (or more) unordered lists use a square */
#content ol ol ul, #content ol ul ul, #content ul ol ul, #content ul ul ul {
  list-style-type: square;
}

sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
    font-size:0.8em;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}


#trollface {
    margin-top: -45em;
    color: #F5FAFF;
	display:none; 
	margin: 0 auto 0; 
	text-align:center;
}

#donotclick {
    margin-top:-4em;
    padding-right:0.5em;
    float: right;
    text-decoration: none;
    font-size: .6em;
    font-family: sans-serif;
}

#donotclick:hover {
    text-decoration:underline;
}

#footer
{
    bottom: 0;
    height: 4em;
    line-height: 2em;
    padding: 1em 0;
    position: absolute;
    width: 100%;
    border-top: 1px solid #A7D7F9
}

.licence {
    font-size: 0.8em;
    color : #DDDDDD;
}

#content p {
    z-index=5;
}


#footer a
{
    color: #666666
}

#indexImages
{
	text-align: center;
}

#indexImages img
{
	margin-right : 1em;
	margin-left : 1em;
	margin-bottom: 1em;
	width:150px;
}


td
{
	padding:1em 0em 0em 1em ;
	line-height: 1.2em;
}

#menu li ul li {
	z-index:500;
    border-radius:0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    float: left;
    border:0;
    border-bottom:1px solid #A7D7F9;
    display: none;
    width:9em;
    margin:0;
    
    position:relative;
    float:left;
    left:0;
}

#menu li ul li a:hover {
    border-radius:0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background:#F5FAFF;
}


/* Dropdown menu */

#menu {
    float:left;
    position: relative;
    left: 50%;
    margin-bottom: -10em;
}

#menu li {
    float: left;
    position: relative;
    right: 50%;
}

#menu li {
    border-bottom: 1px solid #A7D7F9;
}

#menu li:hover ul li {
    border-bottom:0;
    border-top: 1px solid #A7D7F9;
    display:block;
}