/* Sample .CSS file for the flexi skin, it only shows the different areas 
   and a possible positioning within the page */
body {
	padding:0;
	margin:0;
    color:#FFFFFF;
    background:#294584;
}


h1, h2, h3 { color:#FFFFFF; background:#294584; padding-left:1em; }
h1 { font-size:20px; }
h2 { font-size:17px; }
h3, h4 { font-size:15px; }

/*hr { height:5px; border:1px; solid blue; }
*/

a:link { color:#000000; text-decoration:underline; }
a:visited { color:#403E49; text-decoration:underline; }
a:active { color:#000000; text-decoration:none; }

h1 a:link, h2 a:link, h3 a:link { color:#FFFFFF; text-decoration: none; }
h1 a:visited, h2 a:visited, h3 a:visited {color:#FFFFFF; text-decoration: none }
h1 a:hover, h2 a:hover, h3 a:hover { color:#FFFFFF; text-decoration:underline; }

#FlexiAll { /*for setting e.g. additional Background-image*/
    font-family:Arial,sans-serif;
}

/* Logo */
#FlexiTop {
    position:absolute;
    top:0;
    left:0;
    width:160px;
    height:100%;
}

/* Sidebar */
#FlexiLeft {
    position:absolute;
    top:222px;
    left:0;
    width:157px;
    padding-right:3px;
    height:100%;
    font-size:95%;
}
#FlexiLeft ul {
    list-style:none;
    padding-left:2em;
}
#FlexiLeft li {
    margin-top:1em;
}
#FlexiLeft .sidehead { padding-left:1em; }
#FlexiLeft a:link { color:#FFFFFF; text-decoration: none; }
#FlexiLeft a:visited {color:#FFFFFF; text-decoration: none }

#FlexiLeft a:hover { color:#FFFFFF; text-decoration:underline; }

/* Main Title */
#FlexiTitle {
    margin-bottom:0.75em;
}
#FlexiTitle h1, #FlexiTitle h2 { text-align:right; padding-right:20px; }
#FlexiTitle h2 { margin:0 }
h1 a:link, h2 a:link { color:#FFFFFF; text-decoration:none; }
h1 a:visited, h2 a:visited { color:#FFFFFF; text-decoration:none; }
h1 a:hover, h2 a:hover { color:#FFFFFF; text-decoration:underline; }

/* Menubar */
#FlexiHeader {
    position:relative;
    margin-left:auto;
    margin-right:auto;
    left:10em;
    height:1.5em;
    color:#000000;
    width:75%;
    min-width:40em;
}

/* Main area */
#FlexiMain {
    top:8em;
    margin-left:160px;
    color:#030366;
    background:#FFFFFF;
    padding:2em;
    min-width:80%;
    min-height:10em;
}
#FlexiMain h1 {
    padding-top:0.5em;
    padding-bottom:0.5em;
}
#FlexiMain h2 {
    text-transform:uppercase;
    letter-spacing:0.5em;
    font-style:italic;
    padding-top:0.5em;
    padding-bottom:0.5em; 
}
#FlexiMain h3 {
    padding-top:0.25em;
    padding-bottom:0.25em;
}
#FlexiMain li {margin-top:0.5em;}


#FlexiFooter {
    margin-left:160px;
    bottom:0;
    height:2em;
    color:#030366;
    padding:0 2em;
    min-width:80%;
    background:#FFFFFF;
}
#FlexiFooter h2 {
    margin-top:0;
    padding-top:0.5em;
    padding-bottom:0.5em;
    font-style:italic;
    text-transform:uppercase;
    letter-spacing:0.5em;
}

#FlexiRight {
    position:absolute;
}
#FlexiBottom {
}

/* PublishFAQ */
div.faqtoc p {
    padding:0.5em 0;
    line-height:1.4em;
}
div.faqtoc a+p {
    margin:0.5em 0;
    border-width:4px;
    border-style:groove none;
    border-color:#294584
}

/* Table in teaching */
#FlexiMain table.teaching th {
    background-color:lightgrey;
    font-weight:normal;
    text-align:left;
}