/* Start of CMSMS style sheet 'Handheld' */
/*********************************************
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#footer {

   background-color: #ff0000;  
   color: #fff;
   text-align:center;

}

/* 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_vert ul li, div#menu_horiz ul li {

   display:inline;

}

/* small border at the bottom to have some indicator */
div#menu_vert ul, div#menu_horiz ul {

   /*border-bottom:1px solid #fff;*/

}

/* save some space */
div.breadcrumbs {

   display:none;

}

/* End of 'Handheld' */