*{
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;	
	
	font-family:		Arial, Helvetica, sans-serif;
}

html {
	width:				100%;
	height:				100%;
}

body {
	width:				100%;
	height:				100%;
	margin:				0px;
	background: 		#333; 
	
	font-size:			12px;
}

div#outerCon {
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				100%;
	height:				845px;
}

div#innerCon {
	position:			relative;
	top:				20px;
	width:				900px; /* 920 - 10 - 10 */
	height:				744px; /*764 - 10 - 10 */
	padding:			10px;
	background:			#575757;
	
	text-align:			left; /* note: inheritance! */
}

div#headerCon {
	position:			relative;
	top:				0px;
	left:				0px;
	width:				898px;
	height:				52px;
	
	background: 		#333;
	border:				1px solid #828181;
}
	div#logo {
		position:		relative;
		height:			40px;
		width:			150px;
		left:			2px;
		top:			8px;
		float:			left;
	}
	div#navigation {
		position:			relative;
		height:				30px;
		width:				570px;
		right:				30px;
		top:				9px;
		float:				right;
	}	
	div#navigation ul {
		font-family:		Arial;
		font-size:			11px;
		padding: 			0px;
		margin: 			0px;
		list-style: 		none;
	}
	  	
	div#navigation li {
		float: 				left;
		position: 			relative;
		color:				#fff;
		font-size:			11px;
		line-height:		1.2em;
	}
	
	div#navigation img {
		border: 			0px;
	}	
	
	div#langchoice {
		position:			absolute;
		height:				15px;
		width:				45px;
		right:				13px;
		top:				25px;
		float:				right;
	}

	div#visual {
		width:				900px;
		height:				150px;
		background: 		#333;
		/*border:				1px solid #828181;*/
	}

div.separator {
	width:				900px;
	height:				6px;
	background-color:	#333;
	font-size:			1px;
	line-height:		1px;
}

div#contentCon {
	top:				0px;
	left:				0px;
	width:				886px; /* 900 - 6 - 6 */
	height:				518px; /* 530 - 6 - 6 */
	
	padding:			6px;
	
	background:			#333;
	border:				1px solid #828181;
}
	div#viewerCon {
		position:		relative;
		width:			536px;
		height:			516px;
		top:			0px;
		left:			0px;
		float:			left;
		border:			1px solid #828181;
		
		vertical-align:	center;
		horizontal-align:center;
		text-align:		center;
	}
	
	div#viewerCon table {
		width:			100%;
		height:			100%;
	}
	
		td.viewer_bg {
			background: url(/images/loading_bg.gif) no-repeat;
		}
		
		img#imgviewer {
			/*border:			1px solid #828181;	*/
		}
		
	div#textblock {
		position:		relative;
		width:			292px; /* 342 - 25 - 25 */
		height:			481px; /* 516 - 35 - 0 */
		top:			0px;
		left:			6px;
		float:			left;
		
		padding:		35px 25px 0px 25px;
		/*border:			1px solid #828181;*/
	}
	
	div#discipline_desc {
		width:			237px; /* 262 - 0 - 25 */
		height:			100px;
		padding:		10px 0px 5px 25px;
	}
	
	div#personalnoteHead {
		display:		none;
		width:			237px; /* 262 - 0 - 25 */
		padding:		10px 0px 5px 25px;
		background:		url(../images/quote_left.gif) left bottom no-repeat;
	}
	div#personalnote {
		display:		none;
		width:			237px; /* 262 - 0 - 25 */
		padding:		10px 0px 5px 25px;
		background:		url(../images/quote_right.gif) right bottom no-repeat;
	}

	div#thumbDiv {
		position:		absolute;
		width:			262px;
		height:			180px;
		bottom:			30px;
	}
	
	table#thumbTab {
		width:			auto;
		font-size:		0px;
		line-height:	0px;
	}
	table#thumbTab td {		
		cursor:			pointer;
		line-height:	0;
		font-size:		0;
		padding:		0;
	}	
	
	table#thumbTab td img{
		border:			1px solid #b4b4b4;
	}
	table#thumbTab td img.active {
		border:			1px solid #fff;
	}
	
	div#backlinkCon {
		position:		absolute;
		width:			262px;
		bottom:			10px;
	}
		
div#copyright,
div#copyright a {
	position:			relative;
	width: 				550px;
	height:				30px;
	margin-top:			30px;
	padding-bottom:		10px;
	
	font-family: 		Helvetica, Arial, Tahoma;
	font-size:			10px;
	color:				#828181;
}
	
.plain {
	font-size:			11px;
	color:				#b4b4b4;
	line-height:		1.5em;
}
	
a {
	color:				#fff;
	text-decoration:	underline;
}
a:hover {
	text-decoration:	none;
}

a.backlink {
	padding-left:		25px;
	background:			url(/images/linkarrow.gif) no-repeat;
	font-family: 		Helvetica, Arial, Tahoma;
	color:				#828181;
	text-decoration:	none;
}
a.backlink:hover {
	background:			url(/images/linkarrow.over.gif) no-repeat;
	color:				#c4c4c4;
}


a.nextlink {
	padding-right:		25px;
	background:			url(/images/linkarrownext.gif) right no-repeat;
	font-family: 		Helvetica, Arial, Tahoma;
	color:				#828181;
	text-decoration:	none;
}
a.nextlink:hover {
	background:			url(/images/linkarrownext.over.gif) right no-repeat;
	color:				#c4c4c4;
}

.hideme {
	display:			none;
}