







 







@media screen, projection {	
	/* -- GENERAL REDECLARATIONS ----------------------------------------------------------------------------------------------------------------- */
		* 					{margin:0; padding:0;}
		body 				{text-align:center; color:#036; background:#fff url(images/bg_body_smaller.gif) repeat-x 0 0;}
		body#bhome 			{background:#fff url(images/bg_body.gif) repeat-x 0 0;}
		body, td, input, 
		select, textarea 	{font:normal small/1.3 Arial, Helvetica, sans-serif;}
		h1 					{font-size:large; font-weight:bold; margin:0 0 20px; text-transform:uppercase;}
		h1 a 				{text-decoration:none !important;}
		h2 					{font-size:large; font-weight:bold; margin:0 0 13px; text-transform:uppercase;}
		h2 a 				{text-decoration:none !important;}
		h3 					{font-size:medium; font-weight:bold; margin:3px 0; color:#c93;}
		h4 					{font-size:small; font-weight:bold; margin:5px 0;}
		h5					{font-size:x-small; font-weight:bold; margin:3px 0;}
		h6 					{font-size:xx-small; font-weight:bold; margin:0;}
		blockquote 			{margin:0 35px 20px; font-style:italic;}
		ul 					{margin:0 0 10px 0px; position:relative; clear:left;}
		ul li 				{list-style:none; background:transparent url(images/bullet.gif) no-repeat 0 5px; padding:2px 0 2px 17px;}
		dl					{margin:0 0 10px 15px;}
		dt 					{font-weight:bold; margin:5px 0 0;}
		dd 					{margin:0 0 0 15px;}
		hr 					{display:none;}
		a:link 				{color:#036; text-decoration:underline;}
		a:visited 			{color:#036; text-decoration:underline;}
		a:hover 			{color:#665500; text-decoration:none;}
		a:hover .photo 		{border:1px solid #999;}
		img 				{border:none;}
		small 				{font-size:x-small; text-transform:none;}
		table 				{border:none; width:100%; margin:0 0 15px;}
		td 					{padding:4px; border:none !important; vertical-align:top;}
		th 					{background:#f6eddc; padding:5px;}
		caption 			{background:#E8ECF1; padding:6px; border-top:1px solid #036; margin:15px 0 1px; text-align:left;}
		strong 				{font-weight:bold;}
		em 					{background:#E8ECF1; font-style:normal;}
	
	/* -- CLASSES ----------------------------------------------------------------------------------------------------------- */
		.photo 				{background:#fff; padding:3px; border:1px solid #900; margin:0 0 10px;}
		.right 				{float:right;}
		.photo.right 		{margin:0 0 15px 15px;}
		.left 				{float:left;}
		.photo.left 		{margin:0 15px 15px 0;}
		.noscreen 			{display:none;}
		.alt 				{background:#FAF5EC;}
		.code 				{width:70px;}
		.viewall 			{text-align:right;}
		.viewall a 			{background:transparent url(images/bullet.gif) no-repeat 0 3px; text-decoration:none; padding:0 0 0 15px;}
		.report 			{width:125px; height:190px; float:left; display:inline; text-align:center; margin:0 0 0 19px;}
		.report img 		{display:block; margin:0 0 10px 12px;}
		.search-score 		{color:#aaa; border-top:1px solid; padding:3px 0 10px;}
		.search-view 		{text-align:center;}
		.no-results,
		.showing 			{margin:20px 0 !important;}
		.hilite				{background:#e8ecf1;}
		
		/* clears floats without extra markup */
		.clearfix:after 	{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
		.clearfix 			{display: inline-table;}
		/* Hides from IE-mac \*/
		* html .clearfix 	{height: 1%;}
		.clearfix 			{display: block;}
		/* End hide from IE-mac */
		
	/* -- ID'S ---------------------------------------------------------------------------------------------------------------- */
		#outer 				{background:transparent url(images/grey_bar.gif) repeat-x 0 100%; position:relative;}
		#wrapper 			{width:750px; text-align:left; position:relative; margin:0 auto; background:transparent url(images/bg_wrapper_smaller.gif) no-repeat top right;}
		#bhome #wrapper 	{background:transparent url(images/bg_wrapper.gif) no-repeat top right;}
		
		/* header */
		#header 			{width:498px; height:138px; background:transparent url(images/bg_header_numbers.jpg) no-repeat right top; position:relative;}
		#bhome #header 		{height:292px; background:transparent url(images/bg_header.jpg) no-repeat right top; position:relative;}
		#header a 			{text-decoration:none;}
		#ndhome				{position:absolute; top:22px; left:23px;}
		#chome 				{font-size:28px; position:absolute; top:90px; left:24px; color:#036; font-weight:bold; letter-spacing:-.5px;}
		#bhome #chome 		{top:175px;}
		
		#nav-pre 			{width:240px; background:#c93; position:absolute; top:0; right:-240px; border-bottom:1px solid #ccc;}
		#nav-pre li 		{float:left; display:inline; padding:6px 0; background:none;}
		#nav-pre a			{float:left; display:block; color:#fff; padding:0 4px; font-size:x-small; font-weight:bold;}
		#nav-pre a:hover 	{text-decoration:underline;}
		#ho 				{margin-left:30px;}
		#ho a, #co a		{border-right:1px solid #fff;}
		
		/* nav for the secondary pages */
		#nav 				{list-style:none;}
		#nav li 			{background:none; margin:0; padding:3px 0; border-bottom:1px dotted #c93;}
		#nav #in 			{border:none;}
		#nav ul				{display:none;}
		#nav ul li 			{padding:0 0 0 20px; border:none;}
		#nav li a			{display:block; padding:2px 0 2px 10px; text-decoration:none; text-transform:uppercase; font-weight:bold;}
		#nav li a:hover 	{background:transparent url(images/nav_secondary_hover.gif) no-repeat 0 1px;}
		#nav ul li a 		{text-transform:none; font-weight:normal;}
		#nav ul li a:hover	{background:none;}
		#nav span 			{display:block;}
		
		/* you are here for secondary pages */
		#bannual #an a,
		#bfinance #fi a,
		#bdownload #do a,
		#bpayments #pa a,
		#bpolicies #po a,
		#babout #ab a,
		#bprocard #pr a,
		#bultratime #ul a,
		#binternational #in a{background:transparent url(images/nav_secondary_on.gif) no-repeat 0 1px;}
		/* shows subnav if it has it */
		#bannual #an ul,
		#bfinance #fi ul,
		#bdownload #do ul,
		#bpayments #pa ul,
		#bpolicies #po ul,
		#babout #ab ul,
		#bprocard #pr ul,
		#bultratime #ul ul,
		#binternational #in ul{display:block;}
		/* remove subnav background images */
		#bannual #an ul a,
		#bfinance #fi ul a,
		#bdownload #do ul a,
		#bpayments #pa ul a,
		#bpolicies #po ul a,
		#babout #ab ul a,
		#bprocard #pr ul a,
		#bultratime #ul ul a,
		#binternational #in ul a{background:none;}
		
		/* home page navigation matrix */
		#bhome #nav 		{position:absolute; top:245px; left:0;}
		#bhome #nav li 		{background:none; margin:0; padding:0; border:none;}
		#bhome #nav a 		{position:absolute; top:0; background:transparent url(images/nav.gif) no-repeat 0 0; display:block; height:24px; text-indent:-9999px; text-decoration:none; margin:0; padding:0;}
		/* gots to love da matrix */
		#bhome #an a 		{left:0; width:79px; background-position:0 0;}
		#bhome #an a:hover 	{background-position:0px -24px;}
		#bhome #fi a 		{left:79px; width:79px; background-position:-79px 0;}
		#bhome #fi a:hover 	{background-position:-79px -24px;}
		#bhome #do a 		{left:158px; width:94px; background-position:-158px 0;}
		#bhome #do a:hover 	{background-position:-158px -24px;}
		#bhome #pa a 		{left:252px; width:131px; background-position:-252px 0;}
		#bhome #pa a:hover 	{background-position:-252px -24px;}
		#bhome #po a 		{left:383px; width:89px; background-position:-383px 0;}
		#bhome #po a:hover 	{background-position:-383px -24px;}
		
		
		
		/* content */
		#content-wrapper 	{width:750px; float:left; display:inline; background:transparent url(images/bg_content_wrapper.gif) repeat-y top right; margin:-110px 0 19px; padding:110px 0 0;}
		#content 			{width:458px !important; width /**/:498px; float:left; display:inline; font-size:89%; position:relative; padding:0 20px 0;}
		#bhome #content 	{width:498px !important; padding:0 0 15px;}
		
		#content p 			{margin:0 0 10px;}
		#content ol			{margin:0 0 10px 25px;}
		#content ul 		{margin-left:10px;}
				
		/* featured area */
		#featured 			{float:left; display:inline; color:#fff; margin:0 0 20px; padding:0 30px 0 0; height:160px; font-size:104%; width:450px; width/**/:/**/420px;}
		#bhome #featured 	{height:168px; margin:0;}
		#featured h1 		{height:40px !important; height /**/:60px; margin:0; padding:20px 0 0;}
		#bhome #featured h1	{margin:13px 0 3px; padding:0 !important; height:auto !important;}
		#bhome #featured h1 a:hover{color:#036;}
		#featured p			{margin:0; padding:10px 0 0;}
		#bhome #featured p	{margin:0; padding:0;}
		#featured a 		{color:#fff;}
		
		#procard 			{width:209px !important; width /**/:224px; padding:15px 15px 0 0; float:left; display:inline; background:transparent url(images/divider.gif) no-repeat right top; clear:left;}
		#procard h2,
		#ultratime h2 		{margin:0 0 15px;}
		#ultratime 			{width:239px !important; width /**/:254px; float:left; display:inline; padding:15px 0 0 15px;}
		
		/* side bar */
		#sidebar 			{width:200px !important; width /**/:240px; float:right; display:inline; margin:-138px 12px 0 0; padding:40px 20px 0; background:#fff url(images/bg_sidebar.gif) repeat-y 0 0; font-size:86%;}
		#bhome #sidebar 	{margin:-292px 12px 0 0;}
		#search 			{border-bottom:1px solid #ccc; margin:0 -20px 15px; padding:0 20px 15px;}
		#side-image 		{border:1px solid #036; margin:3px 0 10px 1px; padding:3px;}
		#headlines ul		{border:1px dotted #c93; border-left:none; border-right:none; margin:0 0 10px; padding:10px 0 5px;}
		#headlines li 		{margin:0 0 10px;}
		#headlines a 		{font-weight:bold; text-decoration:none;}
		#buttons 			{margin:0 -20px 0; background:#fff url(images/bg_sidebar_bottom.gif) no-repeat 0 0; padding:19px 0 0;}
		#buttons img 		{margin:0 0 10px;}
		/* footer */
		#footer 			{clear:both; font-size:86%; width:750px; text-align:left; margin:15px auto; line-height:1.4;}
		html>body #footer 	{} /* correct margin and position, the numbers are hacked for IE */
		
		.staff-group		{float:left; clear:both;}
		.staff				{float:left; padding:5px; text-align:center; width:142px; width /**/:132px;}
		.staff ul			{list-style-type:none; margin:0 !important; padding:0;}		
		.staff li			{background:none; padding:0; margin:0 0 5px;}
		.staff img			{border:1px solid #036; padding:4px; width:120px; width /**/:112px;height:114px; height /**/:106px; background:#fff;}
}

