/* CSS for handheld devices (or those browsers for devices that use selective media!)*/

body {
background-color: #c4bfd1;
color:#343434;
}

h1 {
background: #ffffff url('../img/handheld/title.gif') no-repeat scroll center center;
height: 50px;
width: auto;
}

h1 span{ display: none;}

div#container {
width:230px;
margin-top: 0;
background-color: transparent;
height: auto;
}

ul#topnav {
color: #291c4d;
text-align:left;
padding: 0;
font-size: 100%;
background-image: none;
}

ul#topnav li { display: block; }

ul#topnav a:link, ul#topnav a:visited, div#footer a:link,  div#footer a:visited {
color: #40306a;
text-decoration:underline;
}

#bottomimg {display:none;}

div#footer {
background-image: none;
height: auto;
float: none;
padding: 2px 0 0 2px;
position: relative;
}

#bottomimg { display: none;	}

div#footer a { display:block; }

img#mepic { display: none; }


/*Other pages*/
div#rightside { width: auto; }

div#rightmenu { width: auto; }

div#rightside, div#rightmenu {
float: none;
padding-top: 4px;
}

div#rightside a, div#rightmenu a { text-decoration: underline;}

div#maincontent  { width: auto; }

div#largercontent  { width: auto; }

div#maincontent, div#largercontent  {
padding: 5px;
float: none;
}

div#scrollpage, div#sitemap {
overflow: visible;
height: auto;
}

/* SiteMap listing */
#sitemap { padding: 5px;}

#sitemap ul ul { margin-left: 7px;}


/*Multi-use Classes*/

.randomlist li { padding-left: 8px; }