@charset "utf-8";
/*********************************************
Sample stylesheet for mobile and small screen handheld devices

Just a simple layout suitable for smaller screens with less 
styling cabapilities and minimal css

Note: If you dont want to support mobile devices you can
safely remove this stylesheet.
*********************************************/
/* remove all padding and margins and set width to 100%. This should be default for handheld devices but its good to set these explicitly */

body { margin:0; padding:0; width:100%; }

/* hide accessibility noprint and definition */
.accessibility, .noprint, dfn { display:none; }

/* dont want to download image for header so just set bg color */
div#header, div#header-middle, div#footer { background: none; color: #fff; text-align:center; width: 100%; }

/* text colors for header and footer */
div#header a, div#footer a { color: #fff; }

/* this doesnt look as nice, but takes less space */
div#menu ul li, div#menu ul li { display:inline; }

/* small border at the bottom to have some indicator */
div#menu ul, div#menu ul { border-bottom:1px solid #fff; }

/* save some space */
div.breadcrumbs { display:none; }