@media all {

body { width: 100%;
font-family: Times New Roman, Times, serif;
font-size: medium;
color: #000000;
background-color: #D1D7ED;
text-align: center;
}

a:link { color: #660000;
}

a:active { color: #990000;
}

a:hover { color: #990000;
font-weight: bold;
}

a:visited { color: #330033;
}

h1 { font-size: large;
}

img { border: 1px #000000 solid;
margin: 2px;
clear: both;
}

div {
background-color: #EEEEEE;
border: 1px #000000 dashed;
padding: 4px;
}

div.front { width: 25%;
text-align: center;
float: none;
clear: both;
}

div.menu { width: 20%;
background-color: #FFFFEE;
text-align: left;
float: left;
padding: 5px;
}

div.content { width: 80%;
background-color: #FFFEFE;
text-align: left;
float: right;
padding-left: 20px;
border: 1px #000000 dotted;
}

div.caption { width: 53%;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: xx-small;
text-align: center;
clear: both;
padding: 2px;
border: 0px;
}


hr { width: 80%;
color: #804000;
}

}