/**** Style-Sheet for the screen  ****/
/* Copyright 2005 Axel TJ Rohde. All Rights Reserved. */
/* v 1.0 03/05/2005 $ */

/*** Tune standard tags to our look and feel ***/
html {
 margin: 0;
}
body {
 position: static;		/* Make containing block for the menus */
 padding: 1% 2% 2% 16.5em;	/* Room for the navmenu at the left and some empty space at the right*/
 margin: 0%;
 font-family: Arial,Helvetica,sans-serif;
 background: #FDFDDB;
}
em {
 font-style:italic;
 font-size:larger;
}

/*** links ***/
a:link, a:visited {
 color: black;
}
a:hover {
 background:black;
 color: yellow;
}

span.u {
  text-decoration:underline;
}


/*** Acronyms ***/
acronym {
 border-bottom: 1px dashed black;
}

/* ******************  Navigation Menu  ************** */
div.navmenu { 
 display: block;
 position: absolute;
 overflow: visible;
 width: 14em; height: 96%;
 top: 2%; left: 1em; bottom: auto; right: auto;
 background: #e8da9e url(dogsear.png) bottom right no-repeat;
 /*font-family: Courier New,serif;*/
}
/* The child selectors are a hack to hide these rules from WinIE6,
   which gets confused by 'fixed' */
body > div.navmenu { position: fixed }

div.navmenu ul,
div.navmenu ul ul,
div.navmenu ul ul ul {
 overflow: visible;
 margin: 0%;
 padding: 0%; 
}

/* the following is to avoid top-padding-bug on IE */
div.navmenu ul ul,
div.navmenu ul ul ul {
 display:inline;
}

div.navmenu li {
 display: block;
 font-size:medium;
 margin: 5% 10% 0% 5%;
 padding: 0.15em 1.5em 0.15em 0.0em;
 text-indent: 0%;
 text-align: left;
 background: #c6ac2d url(sandydogsear.png) bottom right no-repeat;
 color: white;
 border-bottom: none;
 list-style: none;
}

div.navmenu li.logo {
 /*font-size:large;*/
 font-family: Verdana,Arial,Helvetica,sans-serif;
 letter-spacing: 0.25em;
 text-align: center;
 color: #c6ac2d;
 background: #e8da9e;
 margin: 0%;
 padding: 1em;
 white-space:nowrap;
}

/*** Submenues ***/

div.navmenu li.submenu_container {
 display:block;
 background-color:#e8da9e;
 background-image:none;
 margin:0%;
 padding:0%;
}


div.navmenu li li {
 display: block;
 font-size: smaller;
 margin: 2% 10% 0% 15%;
}


div.navmenu li li li {
 display: block;
 font-size:smaller;
 margin: 2% 10% 0% 25%;
}

div.navmenu li#active {
 overflow: visible;
 margin-right: -0.9em;
 background: #c6ac2d;
}

/*** Links in the menu ***/

div.navmenu a {
 display:block;
 text-decoration: none;
 margin: 0.0em 0.0em 0.0em 0.5em;
 padding: 0.0em 0.5em;
}

div.navmenu a:link, div.navmenu a:visited {
 color: white 
}
div.navmenu a:hover {
 background: #CCC;
 color: #000;
}

/*** place languague-flags at the bottom ***/
div.navmenu div.language {
 position: absolute;
 bottom: 2%;
 left: 2em;
}

div.navmenu div.language a {
 display: inline;
 margin: 0%;
 padding: 0.25em 0.5em;
 border-style: none;
}
div.navmenu div.language a img{
 border-style: none;
 width: 21px;
 height: 14px;
}


/*************************************/
/******** BOX Styles *****************/

div.toc,
div.box_chapter,
div.box_intro {
 margin:0%;
 padding:1em;
 border: thick double #FDFDDB;
 overflow: auto; /* to avoid floats to exceed div's limits*/
 width:95%;
}

div.box_intro {
 font-size:medium;
 background: #c6ac2d;
}

div.box_chapter {
 font-size:medium;
 background: #e8da9e;
}

div.toc {
 font-size:small;
 float:right;
 margin-left:1em;
 background: #e8da9e;
}

div.toc ul {
 margin-left:0%;
 padding-left:0%;
 font-size:smaller;
 list-style-type:none;
}
div.toc ul ul {
 padding-left: 1em;
 font-size:smaller;
}

div.toc a {
 white-space:nowrap;
}

/*** Contained Headers ***/
div.toc h1,
div.box_chapter h1,
div.box_intro h1 {
 font-size:large;
 color: #FDFDDB;
 text-decoration: underline;
 margin: 0%;
 padding: 0em 1.5em 0.5em 0em;
}

div.toc h2,
div.box_chapter h2,
div.box_intro h2 {
 font-size:medium;
 color: #FDFDDB;
 text-decoration: none;
 margin: 0%;
 padding: 0em 1.5em 0.2em 0em;
}

/* IE ignores the inherit for the link color */
/* therefore we have to set it explicitely */
div.box_chapter h1 a,
div.box_intro h1 a,
div.box_chapter h2 a,
div.box_intro h2 a {
 color: #FDFDDB!important;
}

.floatright {
 float: right;
 width: 50%;
 height: auto;
}



/********************************************/
/*** Special stuff for the intro.php page ***/

a.term {
 font-weight:bolder;
 text-decoration: none;
 /*font-style:italic;*/
 
}

dl {margin:0%}

dt {
 margin-top: 1.5em;
 font-variant: small-caps;  
 font-weight: bolder;
 text-decoration:underline;
}

dd {
 max-width:40em;
}

dd li {
 max-width:28em;
 list-style-type: circle;
 margin-bottom: 0.5em;
}

/* ToDo: Implement a show-on-hoover class to display examples, to keep first view of page simple. */

/*** Debugging styles ***/
.debug {
    color:yellow;
    background:red;
    text-decoration:blink;
}