/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	font: 11px Arial, Helvetica, sans-serif;
	background-color: white;
}

.info_body {
	padding: 5px;
	background-color: #f0e68c;
}

.info_body table{
	font-size: 100%;
}

#layout-table{
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells:show;
	width: 100%;
	height: 100%;
	border: 0;
}

#logo-cell{
	width: 200px;
	height: 60px;
	text-align: center;
	border-right: 1px solid #5F1E0F;
	border-bottom: 1px solid #5F1E0F;
	background-color: white;
}

#logo {
	font: bold 180% Arial, Helvetica, sans-serif;
	color: #E60000;
	padding: 0 0 2px 0;
}

#logo a {	color: #E60000;}
#logo a:hover {	color: #F5AA5A;}

#copyright {
	font: bold 95% Arial, Helvetica, sans-serif;
	padding: 2px 0 0 0;
}


#subjects-cell{
	vertical-align:top;
	background-color: #FFFAEB;
	border-bottom: 1px solid #5F1E0F;
}

#navigation-cell{
	padding: 2px 0;
	margin: 0;
	border-bottom: 1px solid #5F1E0F;
	background-color: white;
	text-align:center;
}

#interactivity-cell{
	padding: 2px 5px;
	margin: 0;
	height: 20px;
	border-bottom: 1px solid #5F1E0F;
	background-color: white;
}

#annoucement-cell{
	padding: 2px 7px;
	margin: 0;
	border-bottom: 1px solid #5F1E0F;
	height: 20px;
	background-color: white;
}

.carpet-div{
	padding: 3px 0 0 0;
}

.carpet-div a{
	padding: 0 2px;
	margin: 0;
	color: #962D14;
	text-decoration: none;
	font: bold 95% Arial, Helvetica, sans-serif;
}

.carpet-div a:link { color: #962D14; }
.carpet-div a:visited { color: #962D14; }
.carpet-div a:hover{	
	color: white; 
/* 	color: #5F1E0F; */
	background: #F5AA5A;
}

.interactivity-div a{
	padding: 0 2px;
	margin: 0;
	border-left: 1px solid #5F1E0F;
	border-right: 1px solid #5F1E0F;
	color: #962D14;
	text-decoration: none;
	font: bold 95% Arial, Helvetica, sans-serif;
}

.interactivity-div a:link { color: #962D14; }
.interactivity-div a:visited { color: #962D14; }
.interactivity-div a:hover{	
	color: white; 
/* 	color: #5F1E0F; */
	background: #F5AA5A;
}

#menue-cell{
	background: #F0E68C;
	border-right: 1px solid #5F1E0F;
	vertical-align: top;
	height: 600px;
}

#quiz-cell{
	background: #F0E68C;
	border-right: 1px solid #5F1E0F;
	vertical-align: top;
	height: 600px;
	padding: 5px;
}

#modalities-title{ font-weight: bold; padding: 5px; }
#modalities-div{ font-size:95%;	padding: 0 5px; }

#image-cell{
	vertical-align: top;
	padding: 5px;
}

#image-cell div{
	vertical-align: top;
	padding-bottom: 3px;
}

#description-cell{
	vertical-align: top;
	padding: 10px;
}

#comment-cell{
	vertical-align: top;
	padding: 5px 10px 5px 5px;
}

#comment_print{
	font: 110% Arial, Helvetica, sans-serif;
}

#subjects-div {
	padding: 9px 0 3px 5px;
	margin: 0 0 4px 0;
	border-bottom: 1px solid #5F1E0F;
	font: bold 120% Arial, Helvetica, sans-serif;
	background: #F0E68C;
}

#subjects-div a
{
	padding: 3px 0.5em;
	margin: 0;
	border: 1px solid #5F1E0F;
	text-decoration: none;
	background: #F5DC9B;
}

#subjects-div a:link { color: #962D14; }
#subjects-div a:visited { color: #962D14; }

#subjects-div a:hover
{
	color: #5F1E0F;
	background: #F5AA5A;
}

#subjects-div a#current
{
	color: #E60000;
	background: #FFFAEB;
	border-bottom-color: #FFFAEB;
}

#subjects-div a:hover#current
{
	color: #5F1E0F;
	background: #F5AA5A;
}

#subsubjects-div {
	padding: 3px 0;
	margin: 6px 0 4px 5px;
	font: bold 105% Arial, Helvetica, sans-serif;
}

#subsubjects-div a
{
	padding: 3px 0.5em;
	margin: 0;
	border-right: 1px solid #5F1E0F;
	border-left: 1px solid #5F1E0F;
	text-decoration: none;
}

#subsubjects-div a:link { color: #962D14; }
#subsubjects-div a:visited { color: #962D14; }

#subsubjects-div a:hover
{
	color: #5F1E0F;
	background: #F5AA5A;
}

#subsubjects-div a#current
{
	color: #E60000;
	background: #FFFAEB;
}

#subsubjects-div a:hover#current
{
	color: #5F1E0F;
	background: #F5AA5A;
}

#chapters-list {
	padding: 0;
	margin: 0;
	font: bold 100% Arial, Helvetica, sans-serif;
	list-style: none;
}

#chapters-list li
{
	display:block;
	margin: 0;
	padding: 0;
}

#chapters-list li a
{
	text-decoration: none;
	padding: 3px 3px 3px 5px;
	display:block;
	border-bottom: 1px solid #5F1E0F;
	background: #F5DC9B;
}

#chapters-list li a:link { color: #962D14; }
#chapters-list li a:visited { color: #962D14; }

#chapters-list li a:hover
{
	color: #5F1E0F;
	background: #F5AA5A;
}

#chapters-list li a#current
{
	color: #E60000;
	background: #FFFAEB;
}

#chapters-list li a:hover#current
{
	color: #5F1E0F;
	background: #F5AA5A;
}


#slides-list {
	padding: 0;
	margin: 0;
	font: bold 95% Arial, Helvetica, sans-serif;
	list-style: none;
}

#slides-list li{
	display:block;
	margin: 0;
	padding: 0;
}

#slides-list li a
{
	text-decoration: none;
	padding: 3px 3px 3px 15px;
	display:block;
	border-bottom: 1px solid #5F1E0F;
	border-bottom: 1px solid #5F1E0F;
	background: #FFFAEB;
}

#slides-list li a:link { color: #962D14; }
#slides-list li a:visited { color: #962D14; }

#slides-list li a:hover
{
	color: #5F1E0F;
	background: #F5AA5A;
}

#slides-list li a#current
{
	color: #E60000;
	background: white;
}

#slides-list li a:hover#current
{
	color: #E60000;
	background: white;
}

#carpet-title{ text-align: center; padding: .3em 80px .3em 0 }
.carpet-image { float: left; text-align: center; margin: 1px; padding: 2px 0 ; border: 1px solid  gray; }
.carpet-image img { margin: 3px 8px}
.carpet-cell { border: 1px solid gray; vertical-align: top; text-align: center; width: 166px; }

.zonelinks { padding: 5px 0 0 0}
.zonelinks a {
	padding: 0 2px;
	border-left: 1em solid #962D14;
	color: #962D14;
	text-decoration: none;
	font: bold 95% Arial, Helvetica, sans-serif;
}

.zonelinks a:link { color: #962D14; }
.zonelinks a:visited { color: #962D14; }
.zonelinks a:hover{	color: white; background: #F5AA5A; }

.testfields-div { position:absolute; padding: 0; }
.testfields-div a {
	padding: 0 2px;
	background-color: white; 
	color: #962D14;
	text-decoration: none;
	font: bold 95% Arial, Helvetica, sans-serif;
}

.testfields-div a:link { color: #962D14; }
.testfields-div a:visited { color: #962D14; }
.testfields-div a:hover{	color: white; background: #F5AA5A; }

.image-window {padding: 6px}
.image-window table{font-size: 100%;}

.window-image {margin: 5px 0}
.padding-div {padding: 5px }

.bigtitle  	 { color: #E60000; font-weight: bold; font-size: 400%}
.bigsubtitle  { font-size: 180%; }
.smallsubtitle  { font-size: 120%; }
.footnote  { font-size: 95%; }
.description 	  { font-size: 105% }
.descheader 	{ color: navy; font-weight: bold; font-size: 110% }
.imgtitle 		{ color: navy; font-weight: bold; font-size: 110% }
.normalheader 	{ color: navy; font-weight: bold;}

.grey_bar  { clear: both; font-weight: bold; background: #dcdcdc; padding: 3px; margin-bottom: .5em; }
.to-clear 	{ clear: both; }
.grey-bg	{ background: #dcdcdc; padding: 3px; }

.backbtn a{ font-weight: bold;	color: #962D14; text-decoration: none;}
.backbtn a:link { color: #962D14; }
.backbtn a:visited { color: #962D14; }
.backbtn a:hover{ color: white;  /* 	color: #5F1E0F; */ background: #F5AA5A; }

#compare_images a:link 		{ color: #962D14; text-decoration: none }
#compare_images a:visited 	{ color: #962D14; text-decoration: none }
#compare_images a:hover 	{ color: #5F1E0F; background: #F5AA5A; text-decoration: none }
#compare_images a:active 	{ color: #962D14; text-decoration: none }

a:link 		{ color: #962D14; text-decoration: none }
a:visited 	{ color: #962D14; text-decoration: none }
a:hover 	{ color: #5F1E0F; background: #F5AA5A; text-decoration: none }
a:active 	{ color: #962D14; text-decoration: none }


h2  { color: navy; font-weight: bold; font-size: 140%; margin: 0 0 0.5em 0 }
h3  { color: navy; font-weight: bold; font-size: 120%; margin: 0 0 0.5em 0 }
h4  { color: navy; font-weight: bold; font-size: 105%; margin: 0 0 0.5em 0 }

input { font: 11px Arial, Helvetica, sans-serif;}

.img_right {float: right}
.img_left { float: left }

.form-box { border: 1px solid gray;}
.form-box select { font-size: 100%;}
.form-font select { font-size: 100%; }
.form-font input { font-size: 100%; }

select { font-size: 100%;}

.invis_box { visibility: collapse }

.arrowup 	{ font-size: 160% }