#servicex
{display:none;}
h1 b { display: block; }
* {text-align: left; }


/* A List Apart 3.0 layout for handhelds - alistapart.com */


/* The px -> em translation was done by using this chart:
	 2px	0.15em
	 5px	0.38em
	 9px	0.69em	xx-small
	10px	0.83em	x-small
	11px	0.90em
	12px	0.92
	13px	1.0em	small
	16px	1.2em
	25px	1.6em
  (based off the 13px == 1em == small equivalence, since ALA uses
   "small" as its paragraph-size font)
  and tweaking the result a bit (e.g. shifting 0.85em font sizes to 0.90
  and 0.77em font sizes to 0.83em) */

	/*  General rules */

/* Shrink images to fit within viewport; some phones
   can't scroll horizontally. */
img	{
	max-width: 100%;
	}

	/*  Establish general layout parameters */

/* Reduce margin slightly
   Drop border (it looks redundant when the spacing is small)
   Specify only generic font family, not specific screen font,
    because the handheld is likely to set a more readable default */
body	{
	border-top: none;
	font-family: sans-serif;
	padding-bottom: 5px;
	background: #000;
	}

/* Reduce margin and border sizes slightly
   Use keyword for border-width above 3px
   Relax width to 'auto' and set max-width instead */
#wrapper	{
	margin: 3px auto 0 auto;
	width: auto;
	max-width: 597px;
	}

/* Limit the amount of vertical room the banner takes up: it shouldn't
    take up most of the screen! We care about physical size here, not
    screen resolution.
   Most of this image can be cut off without a problem, so also
   release the max-width and clip the overflow. */
header img	{
	max-height: 1.5cm;
	max-width: none;
	}
header {
	overflow: hidden;
	}

/* Linearize menu */
nav ul li {
	float: none;
	}

/* Release width restriction,
   reduce height/line-height,
   close right end of border box
   and adjust margin */
nav ul li a {
	width: auto;
	height: 1.5em;
	margin: 1px 0;
	line-height: 1.5em;
	}

/* Turn off float -> one-column layout
   Reduce padding to a percentage (scales well)
   Relax width to 'auto' and set max-width instead */
#wrapper	{
	float: none;
	padding: 2%;
	width: auto;
	max-width: 597px;
	}

/* Reduce horizontal margins/padding; percentages scale well */
#content ol, #content ul	{
	padding-left: 1%;
	margin-left: 1%;
	}

/* Vertical margins should be given either as small pixel values
    (a few pixels for a bit of graphical breathing room) or as
    ems (relative to the font size) so it scales with the font.
    10px is close to font size, so it fits under the latter
    category --> 0.8em
   Switch 5px margin/padding to percentages */
#content li	{
	line-height: 1.4;
	margin-bottom: 0.83em;
	padding-left: 1%;
	margin-left: 1%;
	}

/* Vertical margin -> em, as above*/
#content ul ul li {
	margin-top: 0.83em;
	}

/* Switch from pixels to ems in footer margins/padding */
footer {


	margin: 0 auto 3px auto;
	width: auto;
	max-width: 597px;
	}
footer p	{
	margin: 1em 0;
	}
footer ul	{
	margin: 1em 0 0 0;
	}
footer li	{
	padding: 0 1.5em 0 0;
	}

/* Specify generic, not specific, fonts in font-family */
code, pre	{
	font-family: monospace;
	}

/* Allow preformatted lines to break */
pre {
	white-space: -pre-wrap; /* Opera 6 CSS Extension */
	white-space: pre-wrap; /* CSS2.1 Addition */
	}

	/*  Typography */

/* Specific fonts are ok for headlines, so leave font-family alone
   Adjust top margin from px to em and reduce it a bit (the 2px on the
    bottom margin is small enough to be left alone)
   Reduce line height to 1em; headings frequently break into multiple
    lines on such small screen, and we don't want spacing /within/ the
    heading, only around it. */
h1, h2, h3, h4, h5, h6	{
	line-height: 1em;
	margin-top: 1.3em;
	}

h1	{
	font-size: 1.38em;
	}
h2	{
	font-size: 1.38em;
	margin-top: 1.5em;
	font-weight: bold;
	}

h3 {
	font-size: 1.23em;
	}
h4	{
	font-size: 1em;
	}
h5 {
	font-size: 0.83em;
	}
h6 {
	margin: 0 0 2.5em 0;
	font-size: 0.83em;
	}
	/*  Forms */

/* Make sure inputs stay inside the content area */
input, textarea, select {
	max-width: 100%;
	}

#formarea label	{
	font-size: 0.90em;
	margin-top: 0.4em;
	}