+* {
+ margin: 0;
+ padding: 0;
+}
+
+body {
+ background-color: #B3E1FF;
+}
+
+#frame {
+ margin-left: auto;
+ margin-right: auto;
+ margin-top: 1em;
+ width: 90%;
+ max-width: 80em;
+ background-color: #fff;
+ border: 2px solid #0011CA;
+}
+
+#header {
+ background-color: #A2A5CA;
+ border-bottom: 2px solid #0011CA;
+ color: #000;
+}
+
+#header h1 {
+ margin: 0;
+ padding: 0;
+ text-align: center;
+}
+
+#nav li {
+ display: inline-block;
+ border: 2px solid #0011CA;
+ background-color: #A2A5CA;
+ margin-left: 0.5em;
+ margin-top: -2px;
+}
+
+#nav a {
+ display: inline-block;
+ text-decoration: none;
+ font-weight: bold;
+ color: #000;
+ padding: 2px;
+}
+
+#nav a:hover {
+ color: #fff;
+ background-color: #0011CA;
+}
+
+.document {
+ margin:1em;
+}