/*Some Stylesheet Classes handling the general appearance of the Manual*/

	body			{
				background:url(../images/background.jpg);
				//background-color:#E6FFF0;
				font-family:sans-serif;
				font-size:16px;
				font-stretch:expanded;
				text-align:justify;
				}

	 h1			{
				text-align:center;
				margin-top:5%;
				}

	h2			{
				font-size:14pt;
				}

	h3			{
				font-size:12pt;
				}


	a:link			{
				text-decoration:none;
				}

	a:visited		{
				text-decoration:none;
				}

	a:hover			{
				color:red;
				}

	ul.Main_Menu	{
				position:relative;
				list-style-type:none;
				margin-left:1px;
				margin-right:1px;
				padding:2px;
				}

	li.Main_Menu_Item	{
				text-align:center;
				font-weight:bolder;
				font-size:13px;
				border-style:solid;
				border-width:1px;
				border-color:#8B5703;
				margin-top:3%;
				padding:3px;
				background-color:#FFFCF2;
				width:100%;
				overflow:hidden;
				}

	div.Question	{
				width:100%;
				background-color:#FFFCF2;
				text-align:justify;
				padding:3px;
				}


	div.Interaction_Left	{
				float:left;
				width:540px;
				border-style:outset;
				border-width:1px;
				margin-top:2px;
				height:550px;
				}

	div.Interaction_Right
				{
				width:335px;
				height:400px;
				margin-left:541px;
				margin-top:2px;
				position:relative;
				border-style:outset;
				border-width:1px;
				padding:4px;
				}

	div.Interaction_Reset	{
				width:335px;
				height:150px;
				margin-left:541px;
				margin-top:2px;
				padding:5px;
				}

	button		{
				background-color:#FFFCF2;
				/*background:url(../images/bgblue.jpg);*/
				border-width:1px;
				border-style:solid;
				border-color:black;
				}

	button.Loop	{
				width:10%;
				padding:1px;
				margin-right:2px;
				}	
	

	span.Reset	{
				background-color:white;
				border-style:outset;
				border-color:red;
				border-width:1px;
				padding:2px;
				}

	span.textchoice	{
				background-color:white;
				border-style:outset;
				border-width:1px;
				padding:1px;
				margin-left:1px;
				margin-right:2px;
				}




	div.title p		{
				margin-top:2%;
				text-align:center;
				font-weight:bold;
				}

	div.foot		{
				margin-top:5%;
				}

	div.back		{
				margin-top:1%;
				font-weight:bold;
				text-align:center;
				}


	div.Image		{
				margin-top:2%;
				margin-bottom:2%;
				}

	div.Image td		{
				text-align:justify;
				width:360px;
				padding-left:10px;
				padding-right:10px;
				vertical-align:top;
				}

	div.Short_Dia		{
				margin-top:2%;
				margin-bottom:2%;
				}

	div.Short_Dia td	{
				padding-left:10px;
				padding-right:10px;
				vertical-align:top;
				}

	td.caption		{
				font-style:oblique;
				}

	div.caption		{
				font-style:oblique;
				}

	div.menu li		{
				font-weight:bold;
				margin-bottom:10px;
				}

	div.Selection_Buttons	{
				text-align:center;
				margin-top:5px;
				z-index:2;
				}

	div.CommentBox		{
				position:absolute;
				width:30%;
				border-width:2px;
				border-style:solid;
				padding:10px;
				background:url(../images/bgblue.jpg);
				}

	div.Alphabet		{
				width:50%;
				margin-left:25%;
				margin-right:25%;
				text-align:center;
				}

	div.Alphabet table	{
				width:100%;
				}



	div.Map_Menu		{
				position:absolute;

				display:none;

				top:20%;

				width:50%;

				margin-left:25%;

				margin-right:25%;

				background:url(../images/bgwhite.jpg);
				border-width:2px;

				border-style:solid;

				padding:10px;

				}


/*Stylesheet Classes handling everything concerning the PopUps*/

	div.Popup		{
				position:absolute;
				border-width:2px;
				border-style:solid;
				background:url(../images/bgwhite.jpg);
				padding:2px;
				z-index:2;
				}

	div.Caption_Area		{
				width:100%;
				text-align:justify;
				}

/*Stylesheet Classes concerning the Exercise Chapter*/

	div.Feedback		{
				position:absolute;
				top:100px;
				left:37.5%;
				border-width:2px;
				border-style:solid;
				/*padding:10px;*/
				background-image:url(../images/bgred.jpg);
				}

	div.Diagrams_Short td	{
				text-align:center;
				width:230px;
				vertical-align:bottom;
				}


	div.Overlay		{
				position:relative;
				width:100%;
				margin-top:10px;
				}

	div.Interaction		{
				position:relative;
				width:75%;
				left:12.5%;
				margin-top:5%;
				}

	form.Navigation	{
				border-style:outset;
				border-width:1px;
				width:99%;
				left:1%;
				}

	div.Loopleft	{
				width:75%;
				float:left;
				text-align:center;
				}

	div.Looptext		{
				width:25%;
				float:right;
				text-align:justify;
				 }

	img.info	{
				border-style:solid;
				border-width:1px;
				border-color:#8B5703;
				}