@import "global.css";

@media screen, projection {
	
	body { background: #ecedef url('../img/bkg-top.gif') top repeat-x; }
	
	a { color: #f8ad32; text-decoration: underline; font-weight: bold;}
	a:hover { text-decoration: none; } 
	img { border: solid #f8ad32 0px; }
	p { color: #222222; }
	h1 { color: #0071a5; }
	
	#wrap { margin: auto; width: 750px; }
	#title-image { position: absolute; width: 834px; height: 232px; left: 50%; margin-left: -417px; background: url('../img/title-image.png') top no-repeat; }
	
	#logo { position: absolute; float: left; margin-top: 20px; margin-left: 50px; }
	#logo-img { border: none; }
	
	#page { margin: auto; text-align: center; width: 750px; padding-top: 130px; background: #ffffff; }
	#main { text-align: left; }
	#footer { margin: auto; width: 750px; height: 54px; background: #c6c7c8; margin-top: 10px; }
	
	#centerright { float: right; width: 500px; padding: 90px 0 60px 0; }
	#centerright h1 { }
	#centerright .content { padding: 0 20px 0 20px; }
	
	#left { float: left; width: 250px; background: #ffffff url('../img/bkg-menu.gif') repeat-x; }

	.mmenu { padding: 90px 0 60px 0; }
	.mmenu ul { list-style-type: none; margin-left: 8px; }
	.mmenu ul ul { margin-top: 10px; }
	
	.mmenu ul li ul {display:none}
	.mmenu ul li.active ul {display:block}

	.mmenu ul li { background: url('../img/bullet-big-black.gif') top left no-repeat; padding: 10px 0 20px 20px; } 
	.mmenu ul li.active { background: url('../img/bullet-big-blue.gif') top left no-repeat; }
	.mmenu ul li a { color: #000000; font-size: 14px; font-weight: normal; text-decoration: none; }
	.mmenu ul li.active a { font-weight: bold; }

	.mmenu ul li li { background: url('../img/bullet-small-black.gif') top left no-repeat; padding: 0; padding: 0px 0 5px 10px; } 
	.mmenu ul li.active li.active { background: url('../img/bullet-small-blue.gif') top left no-repeat; }
	.mmenu ul li.active li a { color: #000000; font-size: 14px; font-weight: normal; text-decoration: none; }
	.mmenu ul li.active li.active a { font-weight: normal; }

	.chapters { width: 210px; background: #fffef2; float: left; margin-bottom: 20px; }
	.chapters dl { padding-top: 10px; }
	.chapters dt { height: 32px; padding: 7px 0 0 20px; font-size: 18px; }
	.chapters dd { padding: 0 20px 10px 20px; }
	
	.gallery { background: #fffef2; }
	.gallery img { border: solid #f8ad32 4px; }
	
	.company-copyright { margin: auto; text-align: center; color: #ffffff; padding: 18px 0 0 0;  }
	.company-copyright a {color:#fff}
}
@media print {
	.np, .noprint {display:none}
}