CSS Code for Part 3
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)
}
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)
}