/* Start of CMSMS style sheet 'Handheld' */
/* Start of CMSMS style sheet 'Handheld' */
/* 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%;
font-family: helvetica, arial, sans-serif;
}

/* 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: #999;  
color: #fff;
margin:0; padding:0;
text-align:center;
}

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

ul {
margin:0;
padding:0;
}
/* this doesnt look as nice, but takes less space */
div#menu_horiz{
background:#ccc;
margin:0px;
padding:4px;
border-bottom:2px solid #999;
}
div#menu_horiz ul,
div#menu_horiz ul li h3,
div#menu_horiz ul li {
display:inline;
margin:0;
margin-right:5px;
}

/* small border at the bottom to have some indicator */
div#toplinks{margin:0; 
padding:0;background:#bbe;
border-bottom:2px solid #999;
padding:2px;}

div#toplinks p{padding:0;margin:0;}
ul#menunorm {
display:block;
width:100%;
background:#ccf;
border-bottom:2px solid #99c;
padding:2px;
}

h1,h3 {margin-top:0px;margin-bottom:0;}
h1 a {text-decoration:none}
ul#menunorm li{
display:inline;
margin-right:10px;
}
/* save some space */
div.breadcrumbs,div#search, img, li.currentpage h3 {
display:none;
}

#print-tell,
#tell-a-friend {
   display:none;
}

/* End of 'Handheld' */