body {
  color:black;
  background-color:white;
  max-width:500px;
  margin-top:10px;
  margin-bottom:10px;
  margin-left:1cm;
  margin-right:1cm;
}

body,h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd,div,td,th,address,blockquote,table {
  font-family:Arial,sans-serif;
  width:expression(document.body.clientWidth > 500? "500px": "auto" );
}

h1 { font-size:18px; margin-bottom:18px; }

h2 { font-size:16px; margin-bottom:18px; }

h3 { font-size:14px; }

h4 { font-size:13px; }

p,ul,ol,li,dl,dt,dd,div,td,th,address,blockquote { font-size:13px; }

li,dt { margin-top:3px; }

pre { font-family:"Courier New",Courier,monospace; font-size:13;
border:0px; white-space:pre; }

td pre { border-style:none; padding:0; }

code,kbd,tt { font-family:"Courier New",Courier,monospace; color:#0000C0; }

a:link { color:#AA5522; font-weight:bold; text-decoration:underline; }

a:visited { color:#772200; font-weight:bold; text-decoration:underline; }

a:active { color:#000000; font-weight:bold; text-decoration:none; }


div#description {
  font-weight:bold;
}

div#tags {
  display: none;
}

div#xhide {
  display: none;
}



.mediaBox{
  margin-top:20px;
  margin-bottom:10px;
  padding:0;
  width:402px;
  background: #f6f6f6;
}
.mediaBox .mediaBoxI{
  margin: 0px 0px 0px 0px;
  width: 400px;
  border: 1px solid #A0A0A0;
  text-align:center;
}

.mediaBox p{
  margin-top:-1px;
  padding: 4 10 4 10px;
  width: auto;
  color: #686868;
  text-align:center;
  border: 1px solid #A0A0A0;
  font: 9px Verdana, Arial, sans-serif;
}

h2.idx {
  margin-left:0cm;
  margin-top:0px;
  font: 14px Verdana, Arial, sans-serif;
  font-weight:bold;
}

.idximg  {
  border: 1px solid #000000;
}
.idximg:hover {
  border: 1px solid #AA5522;
}