/*------------------------------------------- body en voornaamste tekststijlen */
/* menu + content + rightpane aanpassen zodat de hoogte blijft kloppen en ze iet relatief tov mekaar staan -grijze banners aanpassen */

html
{
	height: 100%;
	min-height:100%;
	margin-bottom:1px;
	text-align:center;
}

body 
{
	padding:0;
	margin-bottom:15px;
	background-color:#FFF;
	margin:auto;
	height:100%;
	
}

div#container 
{
	width:1004px;
	margin:0;
	padding:0;
	position:relative;
	text-align:left;
	margin:auto;
	height:87%;
	color:rgb(75,75,75);
}

table.ModulePrint
{
	width:100%;
	font-size:140%;
}

table.ModulePrint tr th
{
	color:white;
	background-color:gray;
	text-align:center;
	border:1px solid rgb(75,75,75);
	height:20px;
}

table.ModulePrint tr td
{
	border:1px solid rgb(75,75,75);
}


table#content table, table#content table.MsoTableGrid, table#content table.tf_default
{
	border-collapse: collapse;
	border-top:1px solid rgb(75,75,75);
	border-right:1px solid rgb(75,75,75);
	width:99%;
}

table#content table tr td, table#content table.MsoTableGrid tr td, table#content table.tf_default tr td
{
	padding: 5px;
	border-bottom:1px solid rgb(75,75,75);
	border-left:1px solid rgb(75,75,75);
	font-size:100%;
}

table#content tr td table.questionanswer, table#content tr td table.tf_definition
{
	border-collapse: collapse;
	border-top:0px solid white;
	border-right:0px solid white;
	width:99%;
}

table#content tr td table.questionanswer tr td, table#content tr td table.tf_definition tr td
{
	padding: 5px;
	border-bottom:0px solid white;
	border-left:0px solid white;
	font-size:100%;
}

table#content tr td table.questionanswer tr td table
{
	border-collapse: collapse;
	border-top:0px solid white;
	border-right:0px solid white;
	width:99%;
}

table#content tr td table.questionanswer tr td table tr td
{
	padding: 5px;
	border-bottom:0px solid white;
	border-left:0px solid white;
	font-size:100%;
	color:green;
}

table#content tr td table.tf_definition tr td.column1
{
	width:90px;
	border-bottom:0px solid white;
	border-left:0px solid white;
}

div#menu li 
{
	font-size:100%;
}

p,td,li 
{
	font-size:70%;
	line-height:1.5em;
}

p, td, li, h1, h2, h3 
{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:rgb(75,75,75);
}

.txtbold
{
	font-weight:bold;
}

div#heading1 
{
	font-size:200%;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:rgb(75,75,75);
}

table#content h1
{
	margin-top:20px;
	margin-bottom:8px;
	padding-bottom:1px;
	padding-left:15px;
	line-height:18px;
	font-size:160%;
	font-weight:bold;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

h2 
{
	margin-top:20px;
	padding-bottom:1px;
	padding-left: 8px;
	line-height:18px;
	font-size:140%;
	font-weight:bold;
}

h3 
{
	margin: 6px 0 0 0;
	font-size:100%;
	font-weight:bold;
}

#content p 
{
	margin-top:8px;
	font-size:140%;
}

table 
{
	margin-top: 6px;
	margin-bottom:10px;
}

td 
{
	padding:3px;
	vertical-align:top;
}

#content table tr td p
{
	margin-top:0px;
}

/*------------------------------------------- Header */
div#header 
{
	margin:0;
	padding:0;
	display:block;
	position:relative;
	height: 154px;
}

div#calliope
{
    width:500px;
    height:70px;
    background-image:url(../images/calliope.gif);
    background-repeat:no-repeat;
	background-color:white;
}

div#modulemenu
{
    position:absolute;
    right:0;
    top:0;
    width:510px;
    background-color:white;
    height:70px;      
}

div#modulemenu ul
{
    float:right;
}
    
div#modulemenu ul li
{
    display:inline;
	padding-right: 8px;
}

div#modulemenu a 
{
	color:black;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
}
	
div#modulemenu a:hover {text-decoration:underline;}

table.ModuleHome
{
	font-size:140%;
}

div#modulehome 
{
	position:relative;
	margin-top:60px;
	margin-bottom:-20px;
	left:-30px;
}

div#modulehome ul
{
    padding-bottom:-20px;
}

div#modulehome ul li
{
    display:inline;
    padding-right: 8px;
}


div#modulehome a
{    
    color:white;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#modulehome a:hover
{
  text-decoration:underline;
}

div#modulehome a.headerlink
{
    background-image:url(../images/icoon_home_white.gif);
    background-position:left;
    background-repeat:no-repeat;
    padding-left:15px;
}

div#pagetop 
{
	background-color:#FFFFFF; 
	margin:0; 
	margin:0;
}

#pagetop img 
{
	margin:0; 
	padding:0;
}

#pagetop ul {margin:0; padding:0; list-style:none; display:block; position:absolute; top:20px; left:700px; width:300px;}
#pagetop ul li {float:left; margin-right:20px;}

div#header h1 
{
margin: 16px 0 0 273px;
padding: 0;
display:block;
position:absolute;
top:0px;
left:0px;
font-size:130%;
font-weight:normal;
}

a.banner
{
	color:white;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
}

a.banner:hover{text-decoration:underline;}

a.banner img {margin-left:15px; border:none;}

/*------------------------------------------- Header > moduletabs */
#moduletabs, #moduletabshome 
{
	position:absolute;
	top:124px;
	left:274px;
}

#moduletabs ul, #moduletabshome ul
{
	margin:0; 
	padding:0;
}

#moduletabs li, #moduletabshome li
{
	list-style: none; 
	float: left;
  	margin-left:0; 
	padding-left: 4px; 
	width:84px;
  	font-size: 70%; 
	line-height: 20px; 
	white-space: nowrap; 
	text-align:center;
}

#moduletabs a 
{
	display: block; 
	float: left; 
	padding:0; 
	margin:auto;
  	text-decoration: none; 
	font-weight: normal;
  	color: white;
  	width: .1em;
  	background-color:rgb(153,153,153);
  	height:24px; 
	width:84px; 
	padding-top:6px;
}

#moduletabshome a 
{
	display: block; 
	float: left; 
	padding:0; 
	margin:auto;
  	text-decoration: none; 
	font-weight: bold;
  	color: rgb(75,75,75);
  	width: .1em;
  	background-color:white;
  	height:24px; 
	width:84px; 
	padding-top:6px;
}


#moduletabs a.selected, #moduletabshome a.selected 
{
	color:rgb(75,75,75);
}
  
html>body #moduletabs a {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#moduletabs a {float: none;}            /* End IE5-Mac hack */
#moduletabs a:hover {color: #600; background-color:#FCD63F;}
#moduletabs a.selected {
	color:000;
	background-color:#FFF;
  }

/*------------------------------------------- Header > moduleheader */
#moduleheader 
{
position:absolute;
width:100%;
top:70px;
height:50px;
left:4px;
}

#moduleheader H1
{
color:white;
}


div#header .auteur {
float:right;
position:relative;
margin:0;
padding: 0 30px 0 0;
}

div#header .auteur p {
display:block;
padding: 0;
color:#000;
margin-bottom:-4px;
}

/*------------------------------------------- Content */
table#contentwrap 
{
	border-collapse: collapse;
	height:85%;
	width:1004px;
	border: none;
	margin-top:0px;
}

table#contentwrap tr 
{
	height:100%;
}


table#contentwrap tr td#left
{
	 width:273px;
	 background-color:rgb(244,244,244);
	 height:100%;
	 padding-top:20px;
}

table#contentwrap tr td#center
{
	 height:100%;
	 padding-top:20px;
	 vertical-align:top;
}

table#contentwrap tr td#right
{
	 background-color:rgb(244,244,244);
	 width:228px;
	 height:100%;
	 padding-top:20px;
}

table#content 
{
	padding-left:10px;
	padding-right:25px;
	position:relative;
	margin-top:-5px;
	width:100%;
}

table#content ul 
{
	font-size:200%;
	margin-top:2px;
	list-style:outside;
}

#content ul ul 
{
	margin-left:15px;
	padding-left:0px;
	font-size:140%;
}

#content ol 
{
	font-size:200%;
	margin-top:2px;
	list-style:outside;
}

#content ol ol 

{
	margin-left:20px;
	padding-left:0px;
	font-size:140%;
}

ul.detailpages li
{
	margin-left:20px;
}

#content a 
{
	color:#000050;
	text-decoration:none;
	border-bottom: 1px dotted #000050;
}

#content a:hover 
{
	background-color:#FEFDD6;
}

span.underline 
{
	text-decoration:underline;
}

/*------------------------------------------- Speciale tekstblokken - exclusief solution!!  */
div.tip, div.attention, div.remark, div.example, div.stressed 
{
display:block;
margin:6px 0 6px 0;
width:97%;
padding:5px;
}

div.indent 
{
	padding-left:8px;
}

div.subjects
{
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:10px;
    margin-bottom:10px;
    margin-top:20px;
    background-color:#f6f6f6;
}
div.relatedsubjects
{

    background-color:rgb(104,104,104);
}

/*------------------------------------------- (Speciale) tekstblokken docent (voorvoegsel d)*/
span.Docenten 
{
	display:block;
	border-bottom:1px solid #EEE;
	border-left:1px solid #EEE;
	border-top:1px solid #EEE;
	background-color:#FFFFFF;
	margin:6px 0 6px -54px;
	padding:0px 0 24px 54px;
}

/* ---------------------special-text: solution */
div.solution 
{
margin-top:5px;
padding:5px;
background-color:rgb(244,244,244);
width:97%;
}

span.sol_onoff 
{
	display:inline;
	font-size:100%;
}

div.sol_answer 
{
	margin: 0 0 0 0px;
	padding:0;
	border:0;
	display:none;
}

/* --------------------------------------------- onoff */
span.onoff 
{
	display:inline;
	margin: 8px 0 0 0;
	padding: 4px 8px 4px 8px;
	border:0;
}

div.mcquestion 
{
	margin: 8px 0 0 0;
}

#content tr td form div.multiplechoice div.mcitem table.mcanswers
{
	border-collapse: collapse;
	border-top:0px solid white;
	border-right:0px solid white;
	width:100%;
}

#content tr td form div.multiplechoice div.mcitem table.mcanswers tr td 
{
	text-align:left;
	vertical-align:top;
	border-bottom:0px solid white;
	border-left:0px solid white;
}

table.mcanswers p 
{
	margin:0;
	padding:0;
}

#content tr td form div.multiplechoice div.fdcorrect, #content tr td form div.multiplechoice div.fdfalse
{
	margin-top:-20px;
	padding:0;
}

#content tr td form div.multiplechoice div.fdcorrect p img.MC, #content tr td form div.multiplechoice div.fdfalse p img.MC
{
	border:0px solid white;
	margin:0;
	padding:0;
}

/*------------------------------------------- Content divisions */
/*------------------------------------------- Q&A en MC vragen */
div.question 
{
	margin-left:20px;
}

div.answer 
{
	margin: 0px;
	padding:0;
	border:0;
	display:none;
}

div.fdfalse 
{
	text-align:center;
	display:none;
}

div.fdcorrect 
{
	text-align:center;
	display:none;
}

div.fdfalse p, div.fdcorrect p 
{
	font-weight:bold;
}

.hidTextArea {width:90%; height:60px; margin-bottom:20px; display:none;}
.showTextArea {width:90%; height:60px; margin:16px 4px 20px 4px;}

/*------------------------------------------- Menu */
div#menu 
{
	left:0px;
	position:relative;
	margin:0px;
	width:260px;
	height:100%;
}

#menu ul 
{
padding:0px 0 0 24px;
margin:0px;
}

#menu ul ul 
{
padding:0 0 0 16px;
margin:0;
}

#menu li {
line-height:2em;
}

#menu a 
{
text-decoration:none;
color:#333;
}

#menu a.selected
{
font-weight: bold;
}

#menu a:hover {
color:#600;
text-decoration:underline;
}

#menu a:active {
color:darkred;
}

a#menselect {
color:black;
font-weight:bold;
}

/*------------------------------------------- REFERENCES */
div#pageReferences
{
    position:relative;
    right:0;
    width:100%;
}
    
div#pageReferences p.examples, div#pageReferences p.exercises, div#pageReferences p.help, div#pageReferences p.material, div#pageReferences p.references, div#pageReferences p.theory, div#pageReferences p.solution, div#pageReferences p.case
{
    font-weight:bold;
    color:#4A494A;
}

div#pageReferences a 
{
color:steelblue;
text-decoration:none;
border-bottom: 1px dotted #000050;
}

div#pageReferences table#rightlinks
{
	margin-top:0px;
	margin-left:3px;
	font-size:140%;
}

/*------------------------------------------- Control (expand collapse) */
div#control 
{
margin:0;
padding:0;
visibility:hidden;
position:absolute;
width:10px;
top:160px;
left:220px;
}

.MCbutton
{
	 font-size:150%;
	 cursor:pointer;
}

input.OPLbutton
{
	 font-size:100%;
	 cursor:pointer;
	 margin-bottom:10px;
}

div.solution input.OPLbutton
{
	 font-size:150%;
	 cursor:pointer;
	 margin-bottom:10px;
}


div.text_block, div.special_text_block
{
	background-color:white;
}

/*------------------------------------------- Clearing (onderkant pagina..., footer nu vooral voor de juiste hoogte) */
#footer 
{
	text-align:center;
	font-size:140%;
	margin-top:50px;
	margin-bottom:50px;
	width:100%;
}

#footer a 
{
	cursor:pointer;
}


/*------------------------------------------- See also */
div#seealso {
	margin:0;
	width:210px;
	padding:28px 4px 8px 16px;
	position:absolute;
	float:right;
	background-color:transparent;
	left: 776px;
	top: 147px;
}

div.docentlinks {
border-right:1px solid red;
}

div#salinkshead {
font-size:2px;
margin:0;
padding:0 0 4px 0;
height:9px;
border-top:4px solid #EEE;
}

div#salinks {
margin:0 20px 0 0;
padding:0 0 0 10px;
}

#seealso h1 {
padding:0;
margin:0;
font-size:100%;
}

#seealso ul {
margin:0;
padding:0 0 0 20px;
}

#seealso il {
margin:0;
padding:0;
}

div#salinksfoot {
font-size:2px;
margin:0;
padding:4px 0 0 0;
height:16px;
border-bottom:4px solid #EEE;
}

/*
link_theory
link_help
link_exercises
link_examples
link_case
link_material
link_solution
*/

.link_theory li {
list-style-image:url(../images/bluecube.gif);
}
.link_help li {
list-style-image:url(../images/browncube.gif);
}
.link_exercises li {
list-style-image:url(../images/greencube.gif);
}
.link_examples li {
list-style-image:url(../images/orangecube.gif);
}
.link_case li {
list-style-image:url(../images/purplecube.gif);
}
.link_material li {
list-style-image:url(../images/redcube.gif);
}
.link_solution li {
list-style-image:url(../images/yellowcube.gif);
}

#seealso a {
color:#000050;
text-decoration:none;
border-bottom: 1px dotted #000050;
}

#seealso a:hover {
background-color:#FEFDD6;
}


/* voor x verschillende body (module) kleuren verschillende stijlen */
/*crimson dc143c */
body.crimson #contentwrap #menu ul {list-style-image:url(../images/tree_crimson.gif);}
body.crimson #content img {border:1px solid crimson;}
body.crimson div.example {margin:0px; padding-left:10px; background-image:url(../images/example_crimson.gif); background-repeat:no-repeat; background-position: top left;}
body.crimson div.references {border-top:1px solid crimson;margin-top:20px;}
body.crimson table#content h1
{
	background-image:url(../images/heading_crimson.gif);
	background-repeat:no-repeat;
	background-position: center left;
}	
body.crimson h2
{
	background-image:url(../images/subheading_crimson.gif);
	background-repeat:no-repeat;
	background-position: center left;
}


/*darkcyan 008b8b */
body.darkcyan #contentwrap #menu ul {list-style-image:url(../images/tree_darkcyan.gif);}
body.darkcyan #content img {border:1px solid darkcyan;}
body.darkcyan div.example {margin:0px; padding-left:10px; background-image:url(../images/example_darkcyan.gif); background-repeat:no-repeat; background-position: top left;}
body.darkcyan div.references {border-top:1px solid darkcyan;margin-top:20px;}
body.darkcyan table#content h1
{
	background-image:url(../images/heading_darkcyan.gif);
	background-repeat:no-repeat;
	background-position: center left;
}	
body.darkcyan h2
{
	background-image:url(../images/subheading_darkcyan.gif);
	background-repeat:no-repeat;
	background-position: center left;
}

/*darkmagenta 8b008b */
body.darkmagenta #contentwrap #menu ul {list-style-image:url(../images/tree_darkmagenta.gif);}
body.darkmagenta #content img {border:1px solid darkmagenta;}
body.darkmagenta div.example {margin:0px; padding-left:10px; background-image:url(../images/example_darkmagenta.gif); background-repeat:no-repeat; background-position: top left;}
body.darkmagenta div.references {border-top:1px solid darkmagenta;margin-top:20px;}
body.darkmagenta table#content h1
{
	background-image:url(../images/heading_darkmagenta.gif);
	background-repeat:no-repeat;
	background-position: center left;
}	
body.darkmagenta h2
{
	background-image:url(../images/subheading_darkmagenta.gif);
	background-repeat:no-repeat;
	background-position: center left;
}
/*darkolivegreen 556b2f */
body.darkolivegreen #contentwrap #menu ul {list-style-image:url(../images/tree_darkolivegreen.gif);}
body.darkolivegreen #content img {border:1px solid darkolivegreen;}
body.darkolivegreen div.example {margin:0px; padding-left:10px; background-image:url(../images/example_darkolivegreen.gif); background-repeat:no-repeat; background-position: top left;}
body.darkolivegreen div.references {border-top:1px solid darkolivegreen;margin-top:20px;}
body.darkolivegreen table#content h1
{
	background-image:url(../images/heading_darkolivegreen.gif);
	background-repeat:no-repeat;
	background-position: center left;
}	
body.darkolivegreen h2
{
	background-image:url(../images/subheading_darkolivegreen.gif);
	background-repeat:no-repeat;
	background-position: center left;
}
/*darkorange ff8c00 */
body.darkorange #contentwrap #menu ul {list-style-image:url(../images/tree_darkorange.gif);}
body.darkorange #content img {border:1px solid darkorange;}
body.darkorange div.example {margin:0px; padding-left:10px; background-image:url(../images/example_darkorange.gif); background-repeat:no-repeat; background-position: top left;}
body.darkorange div.references {border-top:1px solid darkorange;margin-top:20px;}
body.darkorange table#content h1
{
	background-image:url(../images/heading_darkorange.gif);
	background-repeat:no-repeat;
	background-position: center left;
}	
body.darkorange h2 
{
	background-image:url(../images/subheading_darkorange.gif);
	background-repeat:no-repeat;
	background-position: center left;
}

/*darkseagreen 8fbc8f */
body.darkseagreen #contentwrap #menu ul {list-style-image:url(../images/tree_darkseagreen.gif);}
body.darkseagreen #content img {border:1px solid darkseagreen;}
body.darkseagreen div.example {margin:0px; padding-left:10px; background-image:url(../images/example_darkseagreen.gif); background-repeat:no-repeat; background-position: top left;}
body.darkseagreen div.references {border-top:1px solid darkseagreen;margin-top:20px;}
body.darkseagreen table#content h1
{
	background-image:url(../images/heading_darkseagreen.gif);
	background-repeat:no-repeat;
	background-position: center left;
}	
body.darkseagreen h2
{
	background-image:url(../images/subheading_darkseagreen.gif);
	background-repeat:no-repeat;
	background-position: center left;
}
/*darkslateblue 483d8b */
body.darkslateblue #contentwrap #menu ul {list-style-image:url(../images/tree_darkslateblue.gif);}
body.darkslateblue #content img {border:1px solid darkslateblue;}
body.darkslateblue div.example {margin:0px; padding-left:10px; background-image:url(../images/example_darkslateblue.gif); background-repeat:no-repeat; background-position: top left;}
body.darkslateblue div.references {border-top:1px solid darkslateblue;margin-top:20px;}
body.darkslateblue table#content h1
{
	background-image:url(../images/heading_darkslateblue.gif);
	background-repeat:no-repeat;
	background-position: center left;
}	
body.darkslateblue h2
{
	background-image:url(../images/subheading_darkslateblue.gif);
	background-repeat:no-repeat;
	background-position: center left;
}
/*deepskyblue 00bfff */
body.deepskyblue #contentwrap #menu ul {list-style-image:url(../images/tree_deepskyblue.gif);}
body.deepskyblue #content img {border:1px solid deepskyblue;}
body.deepskyblue div.example {margin:0px; padding-left:10px; background-image:url(../images/example_deepskyblue.gif); background-repeat:no-repeat; background-position: top left;}
body.deepskyblue div.references {border-top:1px solid deepskyblue;margin-top:20px;}
body.deekskyblue table#content h1
{
	background-image:url(../images/heading_deepskyblue.gif);
	background-repeat:no-repeat;
	background-position: center left;
}	

body.deepskyblue h2
{
	background-image:url(../images/subheading_deepskyblue.gif);
	background-repeat:no-repeat;
	background-position: center left;
}
/*firebrick b22222 */
body.firebrick #contentwrap #menu ul {list-style-image:url(../images/tree_firebrick.gif);}
body.firebrick #content img {border:1px solid firebrick;}
body.firebrick div.example {margin:0px; padding-left:10px; background-image:url(../images/example_firebrick.gif); background-repeat:no-repeat; background-position: top left;}

body.firebrick div.references {border-top:1px solid firebrick;margin-top:20px;}
body.firebrick table#content h1
{
	background-image:url(../images/heading_firebrick.gif);
	background-repeat:no-repeat;
	background-position: center left;
}	
body.firebrick h2
{
	background-image:url(../images/subheading_firebrick.gif);
	background-repeat:no-repeat;
	background-position: center left;
}
/*forestgreen 228b22 */
body.forestgreen #contentwrap #menu ul {list-style-image:url(../images/tree_forestgreen.gif);}
body.forestgreen #content img {border:1px solid forestgreen;}
body.forestgreen div.example {margin:0px; padding-left:10px; background-image:url(../images/example_forestgreen.gif); background-repeat:no-repeat; background-position: top left;}
body.forestgreen div.references {border-top:1px solid forestgreen;margin-top:20px;}
body.forestgreen table#content h1
{
	background-image:url(../images/heading_forestgreen.gif);
	background-repeat:no-repeat;
	background-position: center left;
}	

body.forestgreen h2
{
	background-image:url(../images/subheading_forestgreen.gif);
	background-repeat:no-repeat;
	background-position: center left;
}

/*mediumpurple 9370db */
body.mediumpurple #contentwrap #menu ul {list-style-image:url(../images/tree_mediumpurple.gif);}
body.mediumpurple #content img {border:1px solid mediumpurple;}
body.mediumpurple div.example {margin:0px; padding-left:10px; background-image:url(../images/example_mediumpurple.gif); background-repeat:no-repeat; background-position: top left;}
body.mediumpurple div.references {border-top:1px solid mediumpurple;margin-top:20px;}
body.mediumpurple table#content h1
{
	background-image:url(../images/heading_mediumpurple.gif);
	background-repeat:no-repeat;
	background-position: center left;
}	
body.mediumpurple h2
{
	background-image:url(../images/subheading_mediumpurple.gif);
	background-repeat:no-repeat;
	background-position: center left;
}
/*mediumslateblue 7868ee */
body.mediumslateblue #contentwrap #menu ul {list-style-image:url(../images/tree_mediumslateblue.gif);}
body.mediumslateblue #content img {border:1px solid mediumslateblue;}
body.mediumslateblue div.example {margin:0px; padding-left:10px; background-image:url(../images/example_mediumslateblue.gif); background-repeat:no-repeat; background-position: top left;}
body.mediumslateblue div.references {border-top:1px solid mediumslateblue;margin-top:20px;}
body.mediumslateblue table#content h1
{
	background-image:url(../images/heading_mediumslateblue.gif);
	background-repeat:no-repeat;
	background-position: center left;
}	
body.mediumslateblue h2
{
	background-image:url(../images/subheading_mediumslateblue.gif);
	background-repeat:no-repeat;
	background-position: center left;
}
/*mediumvioletred c71585 */
body.mediumvioletred #contentwrap #menu ul {list-style-image:url(../images/tree_mediumvioletred.gif);}
body.mediumvioletred #content img {border:1px solid mediumvioletred;}
body.mediumvioletred div.example {margin:0px; padding-left:10px; background-image:url(../images/example_mediumvioletred.gif); background-repeat:no-repeat; background-position: top left;}
body.mediumvioletred div.references {border-top:1px solid mediumvioletred;margin-top:20px;}
body.mediumvioletred table#content h1
{
	background-image:url(../images/heading_mediumvioletred.gif);
	background-repeat:no-repeat;
	background-position: center left;
}	
body.mediumvioletred h2
{
	background-image:url(../images/subheading_mediumvioletred.gif);
	background-repeat:no-repeat;
	background-position: center left;


}
/*olive 808000 */
body.olive #contentwrap #menu ul {list-style-image:url(../images/tree_olive.gif);margin-top:20px;}
body.olive #content img {border:1px solid olive;}
body.olive div.example {margin:0px; padding-left:10px; background-image:url(../images/example_olive.gif); background-repeat:no-repeat; background-position: top left;}
body.olive div.references {border-top:1px solid olive;}
body.olive table#content h1
{
	background-image:url(../images/heading_olive.gif);
	background-repeat:no-repeat;
	background-position: center left;
}	
body.olive h2
{
	background-image:url(../images/subheading_olive.gif);
	background-repeat:no-repeat;
	background-position: center left;
}
/*purple 800080 */
body.purple #contentwrap #menu ul {list-style-image:url(../images/tree_purple.gif);}
body.purple #content img {border:1px solid purple;}
body.purple div.example {margin:0px; padding-left:10px; background-image:url(../images/example_purple.gif); background-repeat:no-repeat; background-position: top left;}
body.purple div.references {border-top:1px solid purple;margin-top:20px;}
body.purple table#content h1
{
	background-image:url(../images/heading_purple.gif);
	background-repeat:no-repeat;
	background-position: center left;
}	
body.purple h2
{
	background-image:url(../images/subheading_purple.gif);
	background-repeat:no-repeat;
	background-position: center left;
}

/*royalblue 4169e1 */
body.royalblue #contentwrap #menu ul {list-style-image:url(../images/tree_royalblue.gif);}
body.royalblue #content img {border:1px solid royalblue;}
body.royalblue div.example {margin:0px; padding-left:10px; background-image:url(../images/example_royalblue.gif); background-repeat:no-repeat; background-position: top left;}
body.royalblue div.references {border-top:1px solid royalblue;margin-top:20px;}
body.royalblue table#content h1
{
	background-image:url(../images/heading_royalblue.gif);
	background-repeat:no-repeat;
	background-position: center left;
}	
body.royalblue h2
{
	background-image:url(../images/subheading_royalblue.gif);
	background-repeat:no-repeat;
	background-position: center left;
}

/*sandybrown f4a460 */
body.sandybrown #contentwrap #menu ul {list-style-image:url(../images/tree_sandybrown.gif);}
body.sandybrown #content img {border:1px solid sandybrown;}
body.sandybrown div.example {margin:0px; padding-left:10px; background-image:url(../images/example_sandybrown.gif); background-repeat:no-repeat; background-position: top left;}
body.sandybrown div.references {border-top:1px solid sandybrown;margin-top:20px;}
body.sandrybrown table#content h1
{
	background-image:url(../images/heading_sandybrown.gif);
	background-repeat:no-repeat;
	background-position: center left;
}	
body.sandybrown h2
{
	background-image:url(../images/subheading_sandybrown.gif);
	background-repeat:no-repeat;
	background-position: center left;
}

/*slateblue 6a5acd */
body.slateblue #contentwrap #menu ul {list-style-image:url(../images/tree_slateblue.gif);}
body.slateblue #content img {border:1px solid slateblue;}
body.slateblue div.example {margin:0px; padding-left:10px; background-image:url(../images/example_slateblue.gif); background-repeat:no-repeat; background-position: top left;}
body.slateblue div.references {border-top:1px solid slateblue;margin-top:20px;}
body.slateblue table#content h1
{
	background-image:url(../images/heading_slateblue.gif);
	background-repeat:no-repeat;
	background-position: center left;
}	
body.slateblue h2
{
	background-image:url(../images/subheading_slateblue.gif);
	background-repeat:no-repeat;
	background-position: center left;
}

/*steelblue 4682b4 */
body.steelblue #contentwrap #menu ul {list-style-image:url(../images/tree_steelblue.gif);}
body.steelblue #content img {border:1px solid steelblue;}
body.steelblue div.example {margin:0px; padding-left:10px; background-image:url(../images/example_steelblue.gif); background-repeat:no-repeat; background-position: top left;}
body.steelblue div.references {border-top:1px solid steelblue;margin-top:20px;}
body.steelblue table#content h1
{
	background-image:url(../images/heading_steelblue.gif);
	background-repeat:no-repeat;
	background-position: center left;
}	
body.steelblue h2
{
	background-image:url(../images/subheading_steelblue.gif);
	background-repeat:no-repeat;
	background-position: center left;
}

/*teal 008080 */
body.teal #contentwrap #menu ul {list-style-image:url(../images/tree_teal.gif);}
body.teal #content img {border:1px solid teal;}
body.teal div.example {margin:0px; padding-left:10px; background-image:url(../images/example_teal.gif); background-repeat:no-repeat; background-position: top left;}
body.teal div.references {border-top:1px solid teal;margin-top:20px;}
body.teal table#content h1
{
	background-image:url(../images/heading_teal.gif);
	background-repeat:no-repeat;
	background-position: center left;
}	
body.teal h2
{
	background-image:url(../images/subheading_teal.gif);
	background-repeat:no-repeat;
	background-position: center left;
}

/*yellowgreen 9acd32 */
body.yellowgreen #contentwrap #menu ul {list-style-image:url(../images/tree_yellowgreen.gif);}
body.yellowgreen #content img {border:1px solid yellowgreen;}
body.yellowgreen div.example {margin:0px; padding-left:10px; background-image:url(../images/example_yellowgreen.gif); background-repeat:no-repeat; background-position: top left;}
body.yellowgreen div.references {border-top:1px solid yellowgreen;margin-top:20px;}
body.yellowgreen table#content h1
{
	background-image:url(../images/heading_yellowgreen.gif);
	background-repeat:no-repeat;
	background-position: center left;
}	
body.yellowgreen h2
{
	background-image:url(../images/subheading_yellowgreen.gif);
	background-repeat:no-repeat;
	background-position: center left;
}

/* --------------------------------------------------------- */