/*
Small device CSS

- flatten the nav
- lose images, replace with alt
- reduce text sizes (3 sizes text max)
Version 0.9 : 2005
Version 1   : 31 July 2006
*/


/* backstop settings for body */
body {
	FONT-SIZE: x-small;
        max-width: 240px;
}

/* no images, no "null" table cells */
img {
	display: none;
}
table.pageheader > tbody > tr > td.null {
				display: none;
}

table.pagefooter > tbody > tr > td.null {
				display: none;
}

/* remove navigation sidebar */
.skiplink {
   display: none;
}
	 
td.sidebar {
	display: none;
	visibility: collapse;
}

/* massage table for this kind of display */

table { 
	empty-cells: hide;
}

tr.pagebody > td {
	float: left;
	margin-left: 3%;
	margin-right: 3%;	
}

/* flatten table in footer to a list */

table.pagefooter > tbody > tr {
  display: inline;
}
table.pagefooter > tbody > tr >td {
	display: list-item;
	list-style: none;
}


/* Text styles */

H1 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 130%; 
	COLOR: #990000;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

H2 {
	FONT-WEIGHT: bold; 
	FONT-SIZE:  110%; 
	COLOR: #333333; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

H3 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: x-small; 
	COLOR: #333333; 
	FONT-STYLE: italic; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

H4 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: xx-small; 
	COLOR: #333333; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

table.pageheader > tbody > tr > td.title {
	FONT-SIZE: 110%;
	/* Color changed from gray for better contrast */
	COLOR: #505050;
  TEXT-ALIGN: CENTER;
}

.footer {
	FONT-SIZE: xx-small;
}