@import "global.css";

@media screen, projection {
	
	body { background: #000000;}
	h1, h2, h3, h4, h5, h6, p, address, ul, ol, cite, label, dl, dt, dd  { color: #ffffff; }
	a { color: #dc0027; }
	h1,h2 {margin:1em 0 1em 0; padding:0}
	h1,h2,strong { color: #dc0027; }
	pre { background: #f7f7f7; color: #000000; }
	table, td, table td, table th, th {background:transparent; border:none}
	table td, table th {color:#fff; padding:3px 0 3px 0}
	table thead th {color:#dc0027; font-weight:bold; border-bottom:2px solid #dc0027; padding-top:1em}
	table tbody td {border-bottom:1px solid #58595b; vertical-align:top}
	img, .image, .image img {border:none; padding:0; border:none}
	dl {margin:1.5em 1.5em 1em 1.5em; float:left;}
	
	.image {margin-right:1.5em}
	.gallery {border:none; background:none; padding:130px 0 0 0; margin: 0}
	
	#wrap { margin: auto; padding: 20px 0 20px 0; height: 706px; text-align: center; width: 1008px; }
	#main { width: 983px; height: 702px; margin-top: 2px; border-top: solid #808080 1px; border-bottom: solid #808080 1px; border-right: solid #808080 1px; background: url('../img/image-home.jpg') right no-repeat; }	
	
	#main-left { float: left; width: 281px; height: 702px; background: url('../img/bkg-menu.gif') repeat-y; }
	#main-right { float: left; width: 702px; height: 702px; background: url('../img/layer-small.png'); }
	#main-right-big { float: left; width: 486px; height: 702px; background: url('../img/layer-big.png'); }
	#main-right-gallery { float: left; width: 702px; height: 702px; background: #000000; }
	
	#intro { width: 983px; height: 702px; text-align: left; border-left: solid #808080 1px; }	
	
	.content { padding: 20px; height: 662px; text-align: left; overflow: auto; width: 680px;position: relative;z-index: 10;}	
	.content-right { padding: 20px;padding-top: 100px;height: 582px;text-align: left;overflow: auto;z-index: 10;width: 680px;position: relative; }
	
	#footer { margin-top:120px;}
	#bottom { color:#fff; text-align:center; margin:.5em 0 .5em 0}
	#bottom a {color:#fff}
	
	#layer { position: absolute; float: left; width: 201px; height: 702px; margin-top: 0px; margin-left: 807px; z-index: 5; background: url('../img/layer.png') no-repeat; }
	#layer-gallery { position: absolute; float: left; width: 201px; height: 702px; margin-top: 0px; margin-left: 807px; z-index: -5; background: url('../img/layer.png') no-repeat; }
		
	#logo { text-align: center; margin-top: 100px; }
	#logo-img { border: none; }
	#logo2-img { border: none; margin: 270px 0 0 70px; }
	#logo3-img { border: none; }
	
	.mmenu { margin-top: 40px; text-align: left; }
	.mmenu ul { list-style-type: none; margin: 0; }
	.mmenu ul li { padding: 5px; padding-left: 50px; font-size: 14px; width: 180px; }
	.mmenu ul li a { color: #ffffff; font-weight: bold; text-decoration: none; }
	.mmenu ul li.active { border: solid #808080 1px; border-left: solid #000000 1px; font-size: 18px; }
	.mmenu ul li.active a { color: #dc0027; }
	
	.chapters { width: 250px; background: #000000; float: left; margin-bottom: 20px; border: solid #c9c2c1 1px; }
	.chapters dl { padding: 10px; }
	.chapters dt { height: 32px; font-size: 18px; }
	.chapters dd { }
	
	.search { }
	.search .search-button { width: 50px; height: 22px; border: solid #000000 1px; }
	.search .search-input { width: 120px; height: 18px; border: solid #000000 1px; background: #ffffff; padding: 2px 2px 0 2px; margin-right: 5px; vertical-align: top; }

	.comment blockquote p { color: #000000; }
}
@media print {
	.np, .noprint {display:none}
}