/* STYLESHEET FOR HANDHELD */

body {
background: #040a14;
font: x-small Arial, Helvetica, sans-serif;
color:#fff;
margin: 0;
padding: 0;
}


#left { margin-top:1px}
#right {float: left;}

#logo {background:#30486c url(../images/logo_handheld.gif) no-repeat bottom right; width:100%; height: 75px;}

#maincontent {

padding: 5px;
font-size: 100%;

}

#maincontent p:first-child {
color:#c8ac3f;
font-size:100%;
}

#maincontent img {
display: none;
}
ul#nav {
background: #1d314e;
padding:0;
margin: 0;
float:left;
list-style: none;
width:100%;
}
ul#nav li {
float: left;
padding: 2px 5px;
margin-top:1px;
}

ul#nav a {display:block; text-decoration: none;}
ul#nav a.active {color:#fff;}
ul#nav a:link {color:#fff}
ul#nav a:visited {color:#fff;}
ul#nav a:hover {background:#000; color:#f6c812;}

ul#nav a.active span {color:#f6c812;}

#credit { 
background: #3d5a85; 
color:#000; 
width: 100%; 
margin: 10px 0 0 0; 
padding:10px;
font-size: 100%;
display:none;
}

#maincontent a:link {border-bottom: 1px solid #5a5a5a; color: #c8ac3f; text-decoration: none;}
#maincontent a:visited {border-bottom: 1px solid #5a5a5a; color:#bbb;}
#maincontent a:hover {border-bottom: 1px solid #c8ac3f; color:#f6c812;}

a.next {font-size:110%; text-decoration: none; float:right;}


code {
border-top: 1px solid #3d5a85;
color:#bbb;
font-family: Arial, Helvetica, sans-serif;

}

#code {
background: #000;
border: 1px solid #040a14;
color:#bbb;
font-size: 100%;
font-family:Arial, Helvetica, sans-serif;
padding: 5px;
width:200px
}