@import "global.css";

@media screen, projection {
	
	body { background: #98b2e5 url('../img/bkg-body.gif') repeat-x;}
	
	a { color: #cc0000; text-decoration: underline; font-weight: bold;}
	a:hover { text-decoration: none; } 
	img { border: solid #98b2e5 0px; }
	p { color: #555555; }
	h1 { color: #cc0000; }
	
	#wrap { margin: auto; margin-bottom: 30px; text-align: center; width: 930px; }
	#title-top { height: 195px; background: url('../img/bkg-image.jpg') center bottom no-repeat; }
	#title-menu { height: 32px; background: url('../img/bkg-menu.gif') repeat-x; }
	
	#logo { margin: 5px 0 5px 40px; text-align: left; height: 50px; }
	#logo-img { border: none; }
	
	#page { background: #ffffff; text-align: left; }
	#main { display:block; }
	#footer { background: #3366cc; height:30px; width:930px; text-align:right }
	
	#centerleft, #centerright { width: 710px; }
	#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: 210px; }
	#left { float: left; }
	#right { float: right; }
	
	#navigation { margin: 0 0px 0 0px; border-bottom: solid #cccccc 1px; }
	
	.path {  }
	.path ul { list-style: none; }
	.path ul li { background: url('../img/bullet-black.gif') 0px 15px no-repeat; }
	.path ul li a { font-size: 12px; color: #0066cc; text-decoration: underline; font-weight: bold; padding: 0 13px 0 18px; }
	.path ul li.sfhover a { text-decoration: none; }
	.path ul li.first { background: none; }

	.mmenu { padding: 7px 0 0 15px; }
	.mmenu ul { list-style: none; }
	.mmenu ul li { background: url('../img/bullet-red.gif') 0px 5px no-repeat;} 
	.mmenu ul li a { font-size: 12px; color: #544300; text-decoration: none; font-weight: bold; padding: 0 20px 0 15px;  }
	.mmenu ul li.sfhover a { color: #000000; text-decoration: none; }
	.mmenu ul li.active a { }
	.mmenu ul li.first { }

	.smenu { padding: 15px 0 15px 15px; background: #eeeeee; border-top: solid #cccccc 1px; }
	.smenu h2 { color: #cc0000; }
	.smenu ul { list-style-image: url('../img/bullet-red.gif'); }
	.smenu ul li { font-size: 12px; font-weight: bold; } 
	
	.smenu ul li a { color: #0066cc; text-decoration: underline; }
	.smenu ul li.active a { color: #cc0000; text-decoration: none; }
	.smenu ul li.active li a { color: #0066cc; text-decoration: underline; }
	.smenu ul li.active li.active a { color: #cc0000; text-decoration: none; }
	.smenu ul li.active li.active li a { color: #0066cc; text-decoration: underline; }
	.smenu ul li.active li.active li.active a { color: #cc0000; text-decoration: none; }
	.smenu ul li.active li.active li.active li { display: none; }
	.smenu ul li li li li { display: none; }
	
	#left dl { padding: 15px 0 15px 15px; background: #eeeeee; border-top: solid #cccccc 1px; }
	#left dl dt { color: #cc0000; font-size:1.5em; padding-bottom: 15px; }
	
	.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: 37px; padding: 15px 0 0 15px; background: #dddddd; }
	.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 dd p { color: #ffffff; padding-top: 5px; text-align: center; }
	.company-copyright dt { display: none; }
	.company-copyright a {color: #fff; }
}
@media print {
	.np, .noprint {display:none}
}