/* zero off the defaults to get a clean starting point*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, formfield {  
	margin: 0; 
	padding: 0; 
	border: 0; 
	}

body {
	background: #fff;
	color: #333;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	}

#logo {
	display: none;
	}
#logo-print {
	display: block;
	}

#wrapper {
	width: 240px;
	}

#content {
	padding: 2px;
	border: 1px solid #666;
	margin-top: 5px;
}

#nav li {
	border: 1px solid #000;
	list-style-type: none;
	margin: 2px 0;
	}

#content ul li {
	border: 0;
	list-style-type: none;
	margin: 2px 0;
	}

/*reset the skip div to static for use on screen with handheld devices*/
#skip {
	border: 1px solid #000;
	position: static;
}


/* TEXT ------------------------------------------------- */

h1, h2 {
	margin-bottom: .6em;
	color: #394243;
	}
h1 {
	font-size: 170%;
	text-transform: uppercase;
	font-family: "Trade Gothic LT Std Cn", "Arial Narrow", Arial, sans-serif;
	letter-spacing: .05em;
	}
h2 {
	font-size: 120%;
	}
h3 {
	font-size: 100%;
	}
p {
	margin-bottom: 1.2em;
	}

/* LINKS ------------------------------------------------ */

a {
	color: #6D86A5;
	}

/*set an active pseudo class - better indication than hover on handheld devices*/
a:active, a:hover	 {
	background-color: #DFDFDF;
}