/* html {
	background: url("html_bg.gif") repeat-y left top; } */

body {
	padding: 0;
	margin: 0;
	
	font-family: Tahoma, Verdana, sans-serif;
	
	background: url("body_bg.jpg") no-repeat left top; }

#sidebar {
	width: 323px;
	float: left; }
	
	#sponsor {
		text-align: center; }
	#gads {
		padding: 0.3em;
		text-align: center;
		margin: 0 auto 0 auto;
		background: #3364B3;
		-moz-border-radius: 15px;
		color: #FFF; }
		
		#gads p { padding: 0; margin: 0; }
		
		#gads a:link,
		#gads a:visited {
			color: #FFF;
			text-decoration: none; }
		
		#gads a:hover { text-decoration: underline; }

h1 { padding: 0; margin: 0; position: relative; }
h1 a {
	position: absolute;
	top: 0; left: 0;
	width: 323px;
	display: block;
	padding: 0;
	margin: 0;
	text-indent: -999px;
	height: 280px;
	
	background: url("h1_bg.jpg"); }
	
h1, h2, h3, h4, h5, h6 { color: #4D6A2B; }
h2 { border-bottom: 1px solid #8EAA5B; }
h3 { border-bottom: 1px solid #8EAA5B; }

#related {
	display: block;
	width: 240px;
	margin: 280px auto 0 auto;
	padding: 0;
	height: 48px; }
	
	#related li {
		display: block;
		width: 119px;
		height: 48px;
		margin: 0;
		padding: 0; }
		
		#related li a {
			display: block;
			height: 48px;
			line-height: 48px;
			text-align: center;
			padding-left: 30px; }
		
	#r_xpiz { float: left; }
	#r_vize { float: left; position: relative; left: -6px; }
	
	#related a { background-position: 10px center; background-repeat: no-repeat; }
	
	#r_xpiz:hover { background-image: url("r_xpize_hover.png"); }
	#r_vize:hover { background-image: url("r_vize_hover.png"); }
	
	#r_xpiz a { background-image: url("r_xpize.png") }
	#r_vize a { background-image: url("r_vize.png");}
	

#navigation {
	margin: 0;
	padding: 0 0 5px 0;
	list-style: none;
	list-style-position: inside;
	width: 323px;
	
	list-style-position: inside; }
	
	/* I tried the list-style-image approach, but it fails in IE and I can't get vertical align working properly in FF ...so here's to pragmatism */
	#navigation li {
		display: block;
		padding: 3px 0 3px 0;
		margin: 0 0 -5px 20px; }
		
		#navigation li a {
			display: block;
			height: 66px;
			line-height: 66px;
			margin: 0 0 0 27px;
			padding: 0 0 0 60px; }
		
		#navigation li:hover {
			background: url("m_hover.png") no-repeat right center; }

#related a:link,
#related a:visited,
#navigation a:link,
#navigation a:visited {
	text-decoration: none;
	color: #FFF;
	font-size: larger; }
	
	#navigation a {
		background-repeat: no-repeat;
		background-position: left center; }
	
	#m_about a { background-image: url("m_about.png"); }
	#m_softw a { background-image: url("m_softw.png"); }
	#m_tutor a { background-image: url("m_tutor.png"); }
	#m_packa a { background-image: url("m_packa.png"); }
	#m_codep a { background-image: url("m_codep.png"); }
	#m_forum a { background-image: url("m_forum.png"); }

#footer {
	border-top: 1px solid #8EAA5B;
	font-size: xx-small; }
	
/********************************/

a img { border: none; }

#content {
	padding: 1em;
	margin-left: 333px; }
	
.newsItem {
	clear: right; }
	
	.newsItem img { margin-top: -50px; float: right; border: none; }


.dataTable { width: 100%; border-collapse: collapse; border: 1px solid #183971; }

.dataTable td, .dataTable th {
	border: 1px dotted #03476F;
	padding: .4em;
	color: #363636; }
.dataTable tr.edition td {
	padding-top: 0.5em; }

a.hist { color: #000 !important; }

.screenshotWrap {
	border: 1px solid transparent;
	overflow: hidden;
	width: 100%;	
}

.screenshot {
	overflow: hidden;
	margin: 0.5em 0;
	background: #EAF1FF; }

	.screenshot a {
		display: block;
		padding: 0.5em;
		float: left; }
	
	.screenshot p { padding: 1em; }

.fieldTable th { text-align: right; font-weight: normal; }