|
1
|
body,td,th {
|
|
2
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
3
|
font-size: 12px;
|
|
4
|
color: #000000;
|
|
5
|
}
|
|
6
|
body {
|
|
7
|
background-color: #333333;
|
|
8
|
margin: 10px;
|
|
9
|
}
|
|
10
|
a:link, a:visited, a:active {
|
|
11
|
color: #003366;
|
|
12
|
text-decoration: none;
|
|
13
|
}
|
|
14
|
a:hover {
|
|
15
|
color: #336699;
|
|
16
|
text-decoration: none;
|
|
17
|
}
|
|
18
|
form {
|
|
19
|
margin: 0;
|
|
20
|
}
|
|
21
|
h1, h2, h3, h4, h5 {
|
|
22
|
margin: 5px 0px 5px 0px;
|
|
23
|
}
|
|
24
|
.header {
|
|
25
|
background-color: #336699;
|
|
26
|
vertical-align: middle;
|
|
27
|
text-align: center;
|
|
28
|
color: #FFFFFF;
|
|
29
|
height: 50px;
|
|
30
|
font-size: 20px;
|
|
31
|
font-weight: bold;
|
|
32
|
}
|
|
33
|
.menu {
|
|
34
|
background-color: #EEEEEE;
|
|
35
|
padding: 10px;
|
|
36
|
width: 150px;
|
|
37
|
vertical-align: top;
|
|
38
|
}
|
|
39
|
.menu ul, .menu li {
|
|
40
|
list-style-type: none;
|
|
41
|
display: block;
|
|
42
|
margin: 0;
|
|
43
|
padding: 0;
|
|
44
|
padding-left: 5px;
|
|
45
|
}
|
|
46
|
.current {
|
|
47
|
font-weight: bold;
|
|
48
|
}
|
|
49
|
.highlight {
|
|
50
|
background-color: #D0D0D0;
|
|
51
|
}
|
|
52
|
.content {
|
|
53
|
background-color: #FFFFFF;
|
|
54
|
padding: 20px;
|
|
55
|
height: 400px;
|
|
56
|
vertical-align: top;
|
|
57
|
}
|
|
58
|
.footer {
|
|
59
|
background-color: #DDDDDD;
|
|
60
|
text-align: center;
|
|
61
|
font-size: 10px;
|
|
62
|
height: 10px;
|
|
63
|
}
|