CSS Code for Part 4
BODY {
BACKGROUND-IMAGE: url(../images/bckgd.gif);
BACKGROUND-REPEAT: repeat;
FONT-FAMILY: "univers 55", helvetica, arial, serif;
FONT-SIZE: small;
}
DIV#body {
BORDER: rgb(56,56,73) 1px solid;
MARGIN-LEFT: 5%;
WIDTH: 90%;
BACKGROUND-COLOR: white;
}
IMG.logo {
BORDER: white 2px solid;
LEFT: 7%;
POSITION: absolute;
TOP: 1.5em
}
DIV#title {
MARGIN: 0px;
PADDING: 0px;
PADDING-TOP: 0.35em;
PADDING-TOP: 0.35em;
BORDER-BOTTOM: rgb(66,66,118) 1px solid;
BACKGROUND-POSITION: right top;
BACKGROUND-IMAGE: url(../images/arcade.jpg);
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-COLOR: rgb(66,66,118);
COLOR: #ffffff;
}
DIV#title P {
MARGIN: 0;
MARGIN-LEFT: 75px;
PADDING: 0;
FONT-SIZE: 72%;
TEXT-TRANSFORM: uppercase;
FONT-FAMILY: "univers 55", ariel, helvetica, sans-serif;
LETTER-SPACING: 0.1em
}
H1 {
MARGIN: 0;
PADDING: 0;
FONT-SIZE: 225%;
FONT-WEIGHT: normal ;
MARGIN-LEFT: 70px;
TEXT-TRANSFORM: uppercase;
PADDING-TOP: 0px;
FONT-FAMILY: "Adobe Garamond", garamond, times, serif;
}
DIV#title A {
COLOR: white;
TEXT-DECORATION: none;
}
DIV#title A:link, DIV#title A:visited {
COLOR: white;
}
DIV#title A:hover, DIV#title A:focus {
COLOR: rgb(204,102,0);
}
SPAN.title {
FONT-SIZE: 150%;
}
DIV#nav1 {
MARGIN: 0;
PADDING: 0;
PADDING-TOP: 0.25em;
PADDING-BOTTOM: 0.25em;
BORDER-BOTTOM: rgb(56,56,73) 1px solid;
WIDTH: 100%;
COLOR: white;
BACKGROUND-COLOR: #f5b673;
TEXT-ALIGN: center;
}
DIV#nav1 UL {
PADDING: 0px;
MARGIN: 0px;
}
DIV#nav1 LI {
DISPLAY: inline;
BACKGROUND-POSITION: left center;
PADDING-LEFT: 0.5em;
BACKGROUND-IMAGE: url(../images/separator-1.png);
BACKGROUND-REPEAT: no-repeat
}
DIV#nav1 LI.nobullet {
BACKGROUND-IMAGE: none;
}
DIV#nav1 A {
PADDING: 0px;
PADDING-RIGHT: 0.25em;
PADDING-LEFT: 0.25em;
TEXT-DECORATION: none;
}
DIV#nav1 A:link, DIV#nav1 A:visited {
FONT-WEIGHT: bold;
COLOR: rgb(56,56,73);
}
DIV#nav1 A:hover, DIV#nav1 A:focus {
COLOR: #f5b673;
BACKGROUND-COLOR: rgb(56,56,73);
}
DIV#nav2 UL {
PADDING: 0px;
MARGIN: 0px;
}
DIV#nav2 LI {
MARGIN: 0px;
PADDING: 0px;
PADDING-LEFT: 0.5em;
DISPLAY: inline;
BACKGROUND-IMAGE: url(../images/separator-2.jpg);
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION: left center;
}
DIV#nav2 LI.nobullet {
BACKGROUND-IMAGE: none;
}
DIV#nav2 A {
MARGIN: 0px;
PADDING: 0px;
PADDING-RIGHT: 0.25em;
PADDING-LEFT: 0.25em;
TEXT-DECORATION: none;
}
DIV#nav2 A:link, DIV#nav2 A:visited {
FONT-WEIGHT: bold;
COLOR: rgb(56,56,73);
}
DIV#nav2 A:hover, DIV#nav2 A:focus {
COLOR: #f5b673;
BACKGROUND-COLOR: rgb(56,56,73)
}
DIV#leftnav {
MARGIN: 0px;
PADDING: 0px;
FLOAT: left;
WIDTH: 20%;
BACKGROUND-COLOR: rgb(192,192,192);
}
DIV#leftnav UL {
BACKGROUND-COLOR: rgb(228,230,234);
PADDING: 0;
MARGIN: 0;
LIST-STYLE-TYPE: none;
TEXT-ALIGN: right;
PADDING-BOTTOM: 5em;
}
DIV#leftnav LI {
PADDING-TOP: 1em;
PADDING-BOTTOM: 0.25em;
PADDING-RIGHT: 0.5em
}
DIV#leftnav LI A {
PADDING: 0px;
PADDING-RIGHT: 0.25em;
PADDING-LEFT: 0.5em;
TEXT-DECORATION: none;
FONT-WEIGHT: bold;
}
DIV#leftnav LI A:link, DIV#leftnav LI A:visited {
COLOR: rgb(56,56,73);
}
DIV#leftnav LI A:hover, DIV#leftnav LI A:focus {
COLOR: #f5b673;
BACKGROUND-COLOR: rgb(56,56,73);
}
DIV#leftnav H4 {
MARGIN: 0;
MARGIN-TOP: .5em;
PADDING: 0;
BACKGROUND-COLOR: rgb(192,192,192);
FONT-FAMILY: sans-serif;
LETTER-SPACING: 0.07em;
FONT-SIZE: 100%;
WIDTH: 100%;
}
DIV#leftnav DL {
MARGIN: 0px;
PADDING-LEFT: .25em;
PADDING-BOTTOM: 1em;
FONT-FAMILY: sans-serif;
LETTER-SPACING: 0.07em;
FONT-SIZE: 80%;
}
DIV#leftnav DT {
MARGIN: 0;
PADDING: 0;
PADDING-TOP: 1em;
FONT-WEIGHT: BOLD;
}
DIV#leftnav DD {
MARGIN: 0;
PADDING: 0;
MARGIN-LEFT: .5em;
LETTER-SPACING: 0;
}
DIV#leftnav DD A {
FONT-WEIGHT: normal;
TEXT-DECORATION: underline;
FONT-WEIGHT: bold;
}
DIV#leftnav DD A:link, DIV#leftnav DD A:visited {
COLOR: rgb(56,56,73);
}
DIV#leftnav DD A:hover, DIV#leftnav DD A:focus {
COLOR: #000000;
}
BACKGROUND-IMAGE: url(../images/bckgd.gif);
BACKGROUND-REPEAT: repeat;
FONT-FAMILY: "univers 55", helvetica, arial, serif;
FONT-SIZE: small;
}
DIV#body {
BORDER: rgb(56,56,73) 1px solid;
MARGIN-LEFT: 5%;
WIDTH: 90%;
BACKGROUND-COLOR: white;
}
IMG.logo {
BORDER: white 2px solid;
LEFT: 7%;
POSITION: absolute;
TOP: 1.5em
}
DIV#title {
MARGIN: 0px;
PADDING: 0px;
PADDING-TOP: 0.35em;
PADDING-TOP: 0.35em;
BORDER-BOTTOM: rgb(66,66,118) 1px solid;
BACKGROUND-POSITION: right top;
BACKGROUND-IMAGE: url(../images/arcade.jpg);
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-COLOR: rgb(66,66,118);
COLOR: #ffffff;
}
DIV#title P {
MARGIN: 0;
MARGIN-LEFT: 75px;
PADDING: 0;
FONT-SIZE: 72%;
TEXT-TRANSFORM: uppercase;
FONT-FAMILY: "univers 55", ariel, helvetica, sans-serif;
LETTER-SPACING: 0.1em
}
H1 {
MARGIN: 0;
PADDING: 0;
FONT-SIZE: 225%;
FONT-WEIGHT: normal ;
MARGIN-LEFT: 70px;
TEXT-TRANSFORM: uppercase;
PADDING-TOP: 0px;
FONT-FAMILY: "Adobe Garamond", garamond, times, serif;
}
DIV#title A {
COLOR: white;
TEXT-DECORATION: none;
}
DIV#title A:link, DIV#title A:visited {
COLOR: white;
}
DIV#title A:hover, DIV#title A:focus {
COLOR: rgb(204,102,0);
}
SPAN.title {
FONT-SIZE: 150%;
}
DIV#nav1 {
MARGIN: 0;
PADDING: 0;
PADDING-TOP: 0.25em;
PADDING-BOTTOM: 0.25em;
BORDER-BOTTOM: rgb(56,56,73) 1px solid;
WIDTH: 100%;
COLOR: white;
BACKGROUND-COLOR: #f5b673;
TEXT-ALIGN: center;
}
DIV#nav1 UL {
PADDING: 0px;
MARGIN: 0px;
}
DIV#nav1 LI {
DISPLAY: inline;
BACKGROUND-POSITION: left center;
PADDING-LEFT: 0.5em;
BACKGROUND-IMAGE: url(../images/separator-1.png);
BACKGROUND-REPEAT: no-repeat
}
DIV#nav1 LI.nobullet {
BACKGROUND-IMAGE: none;
}
DIV#nav1 A {
PADDING: 0px;
PADDING-RIGHT: 0.25em;
PADDING-LEFT: 0.25em;
TEXT-DECORATION: none;
}
DIV#nav1 A:link, DIV#nav1 A:visited {
FONT-WEIGHT: bold;
COLOR: rgb(56,56,73);
}
DIV#nav1 A:hover, DIV#nav1 A:focus {
COLOR: #f5b673;
BACKGROUND-COLOR: rgb(56,56,73);
}
DIV#nav2 UL {
PADDING: 0px;
MARGIN: 0px;
}
DIV#nav2 LI {
MARGIN: 0px;
PADDING: 0px;
PADDING-LEFT: 0.5em;
DISPLAY: inline;
BACKGROUND-IMAGE: url(../images/separator-2.jpg);
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-POSITION: left center;
}
DIV#nav2 LI.nobullet {
BACKGROUND-IMAGE: none;
}
DIV#nav2 A {
MARGIN: 0px;
PADDING: 0px;
PADDING-RIGHT: 0.25em;
PADDING-LEFT: 0.25em;
TEXT-DECORATION: none;
}
DIV#nav2 A:link, DIV#nav2 A:visited {
FONT-WEIGHT: bold;
COLOR: rgb(56,56,73);
}
DIV#nav2 A:hover, DIV#nav2 A:focus {
COLOR: #f5b673;
BACKGROUND-COLOR: rgb(56,56,73)
}
DIV#leftnav {
MARGIN: 0px;
PADDING: 0px;
FLOAT: left;
WIDTH: 20%;
BACKGROUND-COLOR: rgb(192,192,192);
}
DIV#leftnav UL {
BACKGROUND-COLOR: rgb(228,230,234);
PADDING: 0;
MARGIN: 0;
LIST-STYLE-TYPE: none;
TEXT-ALIGN: right;
PADDING-BOTTOM: 5em;
}
DIV#leftnav LI {
PADDING-TOP: 1em;
PADDING-BOTTOM: 0.25em;
PADDING-RIGHT: 0.5em
}
DIV#leftnav LI A {
PADDING: 0px;
PADDING-RIGHT: 0.25em;
PADDING-LEFT: 0.5em;
TEXT-DECORATION: none;
FONT-WEIGHT: bold;
}
DIV#leftnav LI A:link, DIV#leftnav LI A:visited {
COLOR: rgb(56,56,73);
}
DIV#leftnav LI A:hover, DIV#leftnav LI A:focus {
COLOR: #f5b673;
BACKGROUND-COLOR: rgb(56,56,73);
}
DIV#leftnav H4 {
MARGIN: 0;
MARGIN-TOP: .5em;
PADDING: 0;
BACKGROUND-COLOR: rgb(192,192,192);
FONT-FAMILY: sans-serif;
LETTER-SPACING: 0.07em;
FONT-SIZE: 100%;
WIDTH: 100%;
}
DIV#leftnav DL {
MARGIN: 0px;
PADDING-LEFT: .25em;
PADDING-BOTTOM: 1em;
FONT-FAMILY: sans-serif;
LETTER-SPACING: 0.07em;
FONT-SIZE: 80%;
}
DIV#leftnav DT {
MARGIN: 0;
PADDING: 0;
PADDING-TOP: 1em;
FONT-WEIGHT: BOLD;
}
DIV#leftnav DD {
MARGIN: 0;
PADDING: 0;
MARGIN-LEFT: .5em;
LETTER-SPACING: 0;
}
DIV#leftnav DD A {
FONT-WEIGHT: normal;
TEXT-DECORATION: underline;
FONT-WEIGHT: bold;
}
DIV#leftnav DD A:link, DIV#leftnav DD A:visited {
COLOR: rgb(56,56,73);
}
DIV#leftnav DD A:hover, DIV#leftnav DD A:focus {
COLOR: #000000;
}