@import "global.css";

@media screen, projection {
	
	body { background: url('../img/bkg-body.gif') fixed;}
	
	a { color: #447700; text-decoration: underline; font-weight: bold;}
	a:hover { text-decoration: none; } 
	img { border: solid #447700 0px; }
	p { color: #555555; }
	h1 { color: #000000; }
	
	#wrap { padding: 0 1px 1px 1px; margin: auto; text-align: center; width: 850px; background: #ffffff; border-left: solid #dddddd 1px; border-right: solid #dddddd 1px; }
	#title-left { float: left; width: 211px; height: 167px; background: #ffffff; margin: 1px 0 1px 0; border-left: solid #dddddd 1px; border-top: solid #dddddd 1px; border-bottom: solid #dddddd 1px; }
	#title-right { float: right; width: 637px; height: 167px; background: url('../img/bkg-image.jpg') center bottom no-repeat; margin: 1px 0 1px 0; border-right: solid #dddddd 1px; border-top: solid #dddddd 1px; border-bottom: solid #dddddd 1px; }
	#title-menu { height: 30px; background: url('../img/bkg-menu.gif'); }
	
	#logo { margin: 27px 0 0 0; text-align: center; }
	#logo-img { border: none; }
	
	#page { background: #ffffff; text-align: left; }
	#main { display:block; background: #ffffff url('../img/bkg-center.gif') repeat-x; }
	#footer { height: 30px; line-height: 30px; background: url('../img/bkg-menu.gif'); }
	
	#centerleft, #centerright { width: 636px; height: 100%; border: solid #dddddd 1px; }
	#centerleft{ float: left; margin-right: 1px; }
	#centerright { float: right; margin-left: 1px; }
	#center { border: solid #dddddd 1px; }
	
	#centerleft .content { padding: 15px; }
	#centerright .content { padding: 15px; }
	#center .content { padding: 15px; }

	#left,#right { width: 209px; border: solid #dddddd 1px; }
	#left { float: left; }
	#right { float: right; }

	.mmenu { padding: 0; }
	.mmenu ul { list-style: none; }
	.mmenu ul li { height: 30px; line-height: 30px; } 
	.mmenu ul li a { font-size: 12px; color: #ffffff; text-decoration: none; font-weight: normal; padding: 0px 20px 0 20px;  }
	.mmenu ul li.sfhover a { color: #bbbbbb; }
	.mmenu ul li.active a { background: #111111; }
	.mmenu ul li.first { }

	.smenu { padding: 10px 0 10px 10px; border-top: solid #dddddd 1px; }
	.smenu h2 { color: #ee9319; }
	.smenu ul { list-style-image: url('../img/bullet.gif'); }
	.smenu ul li { font-size: 12px; font-weight: bold; } 
	
	.smenu ul li a { color: #666666; text-decoration: underline; }
	.smenu ul li.active a { color: #447700; text-decoration: none; }
	.smenu ul li.active li a { color: #666666; text-decoration: underline; }
	.smenu ul li.active li.active a { color: #447700; text-decoration: none; }
	.smenu ul li.active li.active li a { color: #666666; text-decoration: underline; }
	.smenu ul li.active li.active li.active a { color: #447700; text-decoration: none; }
	.smenu ul li.active li.active li.active li { display: none; }
	.smenu ul li li li li { display: none; }
	
	.panel-info { border-top: solid #dddddd 1px; }
	.panel-info dt { padding: 10px 0 0 10px; color: #555555; font-size:1.5em; }
	.panel-info dd { padding: 10px 0 10px 10px; }
	
	.chapters { width: 210px; background: #ffffff url('../img/bkg-center.gif') repeat-x; border: solid #dddddd 1px; 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; }

	.searchbox { height: 22px; padding: 10px 0 10px 10px; }
	.searchbox .search-button { width: 50px; height: 22px; border: solid #cccccc 1px; }
	.searchbox .search-input { width: 125px; height: 18px; border: solid #cccccc 1px; background: #ffffff; padding: 2px 2px 0 2px; margin-right: 5px; vertical-align: top; }

	.search { }
	.search .search-button { width: 50px; height: 22px; border: solid #cccccc 1px; }
	.search .search-input { width: 120px; height: 18px; border: solid #cccccc 1px; background: #ffffff; padding: 2px 2px 0 2px; margin-right: 5px; vertical-align: top; }
	
	.company-copyright { color: #ffffff; text-align: center; }
}
@media print {
	.np, .noprint {display:none}
}