Update CSS for printability

When printing, hide the left and bottom navigation bars and fix the
breadcrumbs to the top of the page to ensure the layout does not get
messed up and no space is wasted on the page.

Patterns/HTML/Base/Navigation.css

@@ -133,11 +133,19 @@ nav[role="navigation"] h1 {
     margin-top: 0em
 }
 
-main {
+@media screen {
+	main {
 		max-width: 1024px;
 		min-width: 320px;
 		margin-left: 250px;
 		min-height: 100%;
 		height: auto !important;
 		height: 100%
+	}
+}
+
+@media print {
+	nav[role="navigation"] {
+		display: none;
+	}
 }

Patterns/HTML/Base/Progress.css

@@ -104,3 +104,9 @@ nav[role="progress"] ul li a:active {
 nav[role="progress"] ul li a:hover {
     color: #dd2c0d
 }
+
+@media print {
+	nav[role="progress"] {
+		display: none;
+	}
+}

Patterns/HTML/Breadcrumbs/Breadcrumbs.css

@@ -6,6 +6,12 @@ div.breadcrumbs {
 	padding-bottom: 4px;
 }
 
+@media print {
+	div.breadcrumbs {
+		position: static;
+	}
+}
+
 .crumbs {
 	border:1px solid #dedede;
 	height:3em;