5 background-color: #eee;
\r
7 font-family: arial, helvetica, verdana, tahoma, sans-serif;
\r
11 #wrapper-header { background: #222; }
\r
14 background: #222 /*url('images/banner.jpg') right no-repeat*/;
\r
19 border-left: 1px solid #707070;
\r
20 border-right: 1px solid #707070;
\r
30 letter-spacing: -1px;
\r
34 background: #fff url('images/menu-background.png') top left repeat-x;
\r
43 white-space: nowrap; /* stops half a menu link dropping to next line. Instead, the whole link will drop. This only happens if you have a lot of menu links, and large text size */
\r
44 padding-right: 2px; /* The menu far left, and far right borders are not quite lining up in non IE browsers for some reason. This makes it less noticable */
\r
47 * html #menu { padding-right: 0; } /* See above comment. This re-adjusts IE to the above padding */
\r
54 border-left: 1px solid #707070;
\r
55 border-right: 1px solid #707070;
\r
59 #menu li { display: inline; }
\r
61 #menu a:link, #menu a:visited {
\r
62 padding: 0.25em 1em;
\r
63 background: transparent;
\r
65 text-decoration: none;
\r
67 border-right: 1px solid #707070;
\r
71 background: #b6e41c url('images/menu-hover.png') repeat-x;
\r
76 width: 83%; /* 93% because it has 1% padding on each side, which brings it to 95% wide */
\r
78 padding: 3.5em 1% 20px 1%;
\r
79 border-left: 1px solid #707070;
\r
80 border-right: 1px solid #707070;
\r
86 * html #content { padding-top: 1.8em; } /* Set padding top in IE to 20px */
\r
94 letter-spacing: 0.15em;
\r
95 background: #88ac0b url('images/menu-background.png') top left repeat-x;
\r
96 border-left: 1px solid #707070;
\r
97 border-right: 1px solid #707070;
\r
103 padding-bottom: 3px;
\r
104 border-bottom: 1px solid #ff8630;
\r
106 letter-spacing: -1px;
\r
110 a:link, a:visited {
\r
112 text-decoration: none;
\r
117 text-decoration: underline;
\r
120 p { margin-left: 1em; }
\r