/* zero off the defaults to get a clean starting point*/
html,body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,formfield{
border:0;
margin:0;
padding:0;
}
/*remove the elements we don't want to show to handheld devices*/
#content .printheader,#topbanner,#subheader,#screentitle,#nav img,#footer{
display:none;
}
body,#wrapper{
background-image:none;
font-family:Arial,Helvetica,sans-serif;
font-size:100%;
max-width:240px;/* change to max-width when publishing to the web*/
}
#content{
border:1px solid #666666;
margin-top:5px;
padding:2px;
}
#content h2,#nav h3{
background-color:#FFFFFF;
color:#0D1448;
font-size:90%;
margin-bottom:7px;
padding-top:6px;
}
/*less room so make the font sze a little smaller*/
#content p{
font-size:75%;
margin:6px;
}
/* resize the content area image and change the float direction*/
#content img.fltright{
border:1px solid #000000;
float:left;
height:80px;
margin:4px 5px 1px 0;
width:120px;
}
#nav ul li{
border:1px solid #000000;
list-style-type:none;
margin:2px 0;
}
#content ul li{
border:0;
list-style-type:none;
margin:2px 0;
}
a,a:visited{
background-color:#ECE7E7;
color:#30454B;
display:block;
font-size:75%;
padding:2px;
text-decoration:none;
}
/*set an active pseudo class - better indication than hover on handheld devices*/
a:active,a:hover{
background-color:#332B2B;
color:#FFFFFF;
}
/*reset the skip div to static for use on screen with handheld devices*/
#skip{
border:1px solid #000000;
position:static;
}