@media screen, print {

			.example {width: 70%; margin: 0 0 0 4em;}			
			.example .times {font-family: Times, serif; padding: 0.5em 1em 1em 1em;}
			.example .times h4 {font-family: Times, serif;}
			.example .times_new_roman {font-family: "Times New Roman", serif; padding: 0.5em 1em 1em 1em;}
			.example .times_new_roman h4 {font-family: "Times New Roman", serif;}
			.example .georgia {font-family: Georgia, serif; padding: 0.5em 1em 1em 1em;}
			.example .georgia h4 {font-family: Georgia, serif;}
			.example .palatino {font-family: "Palatino Linotype", Palatino, serif; padding: 0.5em 1em 1em 1em;}
			.example .palatino h4 {font-family: "Palatino Linotype", Palatino, serif;}
			.example .arial {font-family: Arial, sans-serif; padding: 0.5em 1em 1em 1em;}
			.example .arial h4 {font-family: Arial, sans-serif;}
			.example .helvetica {font-family: Helvetica, sans-serif; padding: 0.5em 1em 1em 1em;}
			.example .helvetica h4 {font-family: Helvetica, sans-serif;}
			.example .tahoma {font-family: Tahoma, sans-serif; padding: 0.5em 1em 1em 1em;}
			.example .tahoma h4 {font-family: Tahoma, sans-serif;}
			.example .trebuchet {font-family: "Trebuchet MS", sans-serif; padding: 0.5em 1em 1em 1em;}
			.example .trebuchet h4 {font-family: "Trebuchet MS", sans-serif;}
			.example .verdana {font-family: Verdana, sans-serif; padding: 0.5em 1em 1em 1em;}
			.example .verdana h4 {font-family: Verdana, sans-serif;}
			.example .courier {font-family: Courier, monospace; padding: 0.5em 1em 1em 1em;}
			.example .courier h4 {font-family: Courier, monospace;}
			.example .lucida {font-family: "Lucida Console", monospace; padding: 0.5em 1em 1em 1em;}
			.example .lucida h4 {font-family: "Lucida Console", monospace;}

			ul.samplemenu {display: inline; width: 400px; height: 30px;}
			ul.samplemenu li {padding: 0 1em 0 1em; margin: 0; list-style: none; text-indent: -9999px; float: left; width: 200px; height: 30px;}
			ul.samplemenu li a {padding: 0 1em 0 1em; background: transparent url("/img/blog/web/matrix1.gif") no-repeat top left; border: none; height: 30px; display: block;}
			ul.samplemenu li a:active {background: transparent url("/img/blog/web/matrix1.gif") no-repeat 0px -30px;}
			ul.samplemenu li a:hover {background: transparent url("/img/blog/web/matrix1.gif") no-repeat 0px -60px;}
			
			ul.samplemenu2 {display: inline; height: 30px; width: 14em;}
			ul.samplemenu2 li {padding: 0 1em 0 1em; margin: 0; list-style: none; width: 7em; float: left; text-align: center;}
			ul.samplemenu2 li a {padding: 0 1em 0 1em; background: #364700 url("/img/blog/web/matrix2.gif") repeat-x 0px -30px; color: #ffffff; border: none; height: 30px; display: block;}
			ul.samplemenu2 li a:hover {background: #364700 url("/img/blog/web/matrix2.gif") repeat-x 0px 0px;}


}