@import "global.css";

@media screen, projection {
	
	body { background: #f6e6b5 url('../img/bkg-body.gif') repeat-x fixed;}
	
	a { color: #ee9319; text-decoration: underline; font-weight: bold;}
	a:hover { text-decoration: none; } 
	img { border: solid #ee9319 0px; }
	p { color: #555555; }
	h1 { color: #ee9319; }
	
	#wrap { margin: 10px auto 30px auto; text-align: center; width: 900px; }
	#title-left { float: left; width: 200px; height: 135px; background: #ffffff; }
	#title-right { float: right; width: 700px; height: 135px; background: url('../img/bkg-image.jpg') center bottom no-repeat; }
	#title-menu { margin-top: 0; height: 40px; background: #888888; }
	
	#logo { margin: 12px 0 0 0; text-align: center; }
	#logo-img { border: none; }
	
	#page { background: #ffffff; text-align: left; }
	#main { display:block; }
	#footer { background: #888888; height:40px; }
	
	#centerleft, #centerright { width: 700px; }
	#centerleft{ float: left; margin-left: 0px; }
	#centerright { float: right; margin-right: 0px; }
	#center { }
	
	#centerleft .content { padding: 15px; }
	#centerright .content { padding: 15px; }
	#center .content { padding: 15px; }

	#left,#right { width: 200px; }
	#left { float: left; }
	#right { float: right; }

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

	.smenu { padding: 10px 0 10px 10px; background: #eeeeee; }
	.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: #555555; text-decoration: underline; }
	.smenu ul li.active a { color: #222222; text-decoration: none; }
	.smenu ul li.active li a { color: #555555; text-decoration: underline; }
	.smenu ul li.active li.active a { color: #222222; text-decoration: none; }
	.smenu ul li.active li.active li a { color: #555555; text-decoration: underline; }
	.smenu ul li.active li.active li.active a { color: #222222; text-decoration: none; }
	.smenu ul li.active li.active li.active li { display: none; }
	.smenu ul li li li li { display: none; }
	
	.panel-info { background: #eeeeee; }
	.panel-info dt { padding: 10px 0 15px 10px; color: #555555; background: #dddddd; font-size:1.5em; }
	.panel-info dd { padding: 10px 0 10px 10px; }
	
	.chapters { width: 210px; background: #eeeeee; border: solid #cccccc 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; background: #dddddd; border-bottom: solid #cccccc 1px; }
	.searchbox .search-button { width: 29px; height: 22px; border:0;}
	.searchbox .search-input { width: 135px; 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; padding-top: 10px; text-align: center; }
}
@media print {
	.np, .noprint {display:none}
}