/* Reset area management for key HTML tags */
html, body, table, img, a, div, h1, h2, h3, h4, h5, h6, p, ul, li  { 
										margin: 0px; padding: 0px; border: 0px; }
/* Centered, full page height layout foundation */
html, body 				{ height: 100%;	text-align: center;	background: #000 url("/inc/img/body-gradient.gif") repeat-x; }
/* Hide transparent PNG from older IE versions */
.canvas-shadow		{ width: 800px; height: 100%; margin-left: auto; margin-right: auto; 
										font-size: 13px; text-align: left; 
										background: url("/inc/img/canvas-shadow.png") repeat-y; }
.canvas 					{ width: 770px; height: 100%; margin-left: auto; margin-right: auto;
										font-size: 13px; text-align: left; 
										background: #fff; /* IE6 bug, needs to be same as content page background */ }
.banner 					{ width: 770px;	height: 85px; float: left; }
.menu, .news 			{ background: #666 url("/inc/img/menu-normal.gif") repeat-x; }
.menu 						{ width: 770px; height: 23px; float: left; }
.news 						{ width: 249px; height: 23px; float: left; }
.menu a, .news a 	{ font-family: lucida sans, arial, sans-serif; font-size: 12px; line-height: 22px; 
										font-weight: normal;
										text-decoration: none; text-transform: uppercase; color: #fff; }
.menu a 					{ height: 23px; float: left; padding: 0px 7px; }
.news a 					{ width: 249px; height: 23px; float: left; text-align: center; }
.menu a:hover, .news a:hover { background: #888 url("/inc/img/menu-highlighted.gif"); }
.menu-separator 	{ width: 2px; height: 23px; float: left; background: #ccc url("/inc/img/menu-separator.gif") repeat-y; }
.menu-border 			{ width: 1px; height: 23px; float: left; background: #ccc; }
.menu-shadow 			{ width: 770px; height: 16px; float: left; background: url("/inc/img/menu-shadow.gif") repeat-x; }
/* Splash screen for level one section pages */
.opening 					{ /*position: relative; top: -16px;*/ width: 770px; height: 300px; float: left; 
										background: #222; }
.highlights  			{ width: 249px; height: 300px; float: left; background: #444;}
.quote       			{ width: 249px; /*height: 152px;*/ height: 165px; float: left; 
										/*padding-top: 13px;*/ background: url("/inc/img/quote.gif"); text-align: center; }
.quote p					{ /*margin-top: 10px; */ padding-top: 10px; font-family: arial, sans-serif; 
										font-size: 11px; font-weight: normal; font-style: normal; line-height: 14px; 
										color: #ccc; }
.quote p a				{ font-family: arial, sans-serif; font-size: 16px; font-weight: bold; 
										font-style: normal; line-height: 20px; text-decoration: none; 
										border-bottom: 1px dotted #888; color: #fff; }
.quote p a:hover	{ border-bottom: 1px solid #fff; }
.latest      			{ width: /*216px*/210px; height: 102px; float: left; padding: 10px 10px 0px 15px; }
.latest a					{ font-family: arial, sans-serif;  font-size: 12px; font-weight: bold; 
										line-height: 18px; text-decoration: none;  
										border-bottom: 1px dotted #888; color: #fff; }
.latest a:hover		{ border-bottom: 1px solid #fff; }
.latest p					{ /*margin-top: 7px;*/ font-family: arial, sans-serif; font-size: 11px; 
										font-weight: normal; font-style: normal; line-height: 14px; color: #ccc; }
.opening-separator 	{ width: 1px; height: 300px; float: left; background: #ccc; }
.splash      			{ width: 518px;	height: 300px; float: left; }
/* Content page with link list and breadcrumb navigation */
.page        			{ width: 770px; float: left; padding: 0px 0px 100px 0px; background: #fff; color: #000; }
.links       			{ width: 210px; height: 100%; float: left; padding: 15px 0px 100px 40px; }
.links h1    			{ margin: 0px 25px 0px 0px; padding: 10px 0px 0px 0px;
										font-family: impact, arial, sans-serif; font-size: 21px; line-height: 21px;
										font-weight: normal; font-style: normal; }
.links ul    			{ margin: 0px 25px 0px 0px; padding: 10px 0px 15px 15px; 
											list-style-image: url("/inc/img/arrow-blank.gif"); }
.links ul li a, .breadcrumb a { font-family: /*lucida sans, */arial, sans-serif; font-size: 10px; 
										line-height: 20px; font-weight: bold;
										text-transform: uppercase; text-decoration: none; border-bottom: #ccc dotted 1px; color: #888; }
.links ul li a:hover, .breadcrumb a:hover { border-bottom: #000 solid 1px; color: #000; }
.breadcrumb a     { margin: 0px 5px 0px 0px; }
.breadcrumb span	{ padding: 0px 0px 0px 15px; background: #fff url("/inc/img/arrow-gray-on-white.gif") no-repeat; }
.logo-print				{ display: none; }
.content 					{ width: 470px; float: left; padding: 20px 0px 0px 0px; }
.content h1, h2, h3, h4 { font-family: impact, arial, sans-serif;       font-weight: normal; }
.content p, .content ul, .content td { font-family: palatino linotype, times, serif; 
										font-weight: normal; }
.content h1 			{ margin: 30px 0px 0px 0px; font-size: 40px; line-height: 45px; color: #000; }
.content h2 			{ margin: 25px 0px 0px 0px; font-size: 25px; line-height: 30px; color: #666; }
.content h3 			{ margin: 20px 0px 0px 0px; font-size: 18px; line-height: 23px; color: #888; }
.content h4 			{ margin: 15px 0px 0px 0px; font-size: 15px; line-height: 19px; color: #aaa; }
.content p 				{ margin: 10px 0px 0px 0px; font-size: 15px; line-height: 20px; color: #000; }
.content ul  			{ margin: 0px 40px; list-style-image: url("/inc/img/arrow-red-on-white.gif");}
.content li				{ margin: 10px 0px 0px 0px; font-size: 15px; line-height: 20px; color: #000; }
.content p img		{ float: left; }
.content p a				{ color: #888; text-decoration: none; border-bottom: #ccc dotted 1px; }
.content p a:hover	{ border-bottom: #000 solid 1px; color: #000; }
.content td a				{ color: #888; text-decoration: none; border-bottom: #ccc dotted 1px; }
.content td a:hover	{ border-bottom: #000 solid 1px; color: #000; }
.content ul a				{ color: #888; text-decoration: none; border-bottom: #ccc dotted 1px; }
.content ul a:hover	{ border-bottom: #000 solid 1px; color: #000; }