* {margin: 0; padding: 0;}
html {width: 100%; height: 100%;}
a:link {text-decoration: none; color: blue;}
a:visited {text-decoration: none; color: purple;}
a:active, a:hover {text-decoration: underline; color: red;}
a.lined {text-decoration: underline;}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: black;
background: #D5D7E5;
text-align: center;
}
#container {
width: 760px;
margin: 0 auto;
border: solid 2px #BA866E;
border-top: none;
}
#page {
width: 100%;
}
/* Header */
#top {
width: 100%; /* Helps IE 5.x cope */
height: 120px;
background: #BA866E url(graphics/Tand-Logistics.jpg) no-repeat top left;
}
#toptext {
width: 100%;
float: right;
}
#toptext h1 {
text-align: right;
padding: 9px 10px 0 0;
font-size: 20px;
font-weight: normal;
color: #00C;
}
#toptext p {
text-align: right;
padding: 23px 10px 0 0;
font-size: 13px;
font-weight: bold;
color: #75412A;
}
/* Nav */
#nav {
width: 530px;
float: right;
padding: 29px 0 0 0;
background: transparent;
}
#nav ul {
list-style-type: none;
font-size: 13px;
float: left;
}
#nav ul li {
padding: 2px 3px 0 0;
float: left;
}
#nav span.navlink { /* Current Page */
padding: 1px 3px 0 3px;
background: #f5f5f5;
border: solid 2px #f5f5f5;
color: #00C;
font-weight: bold;
}
#nav a.navlink {
padding: 1px 3px 0 3px;
background: #BA866E;
border: solid 2px white;
border-bottom: none;
color: white;
font-weight: bold;
}
#nav a.navlink:hover {
color: #00f;
background: #ddf;
font-weight: bold;
text-decoration: underline;
}
/* Content */
#main {
width: 100%; /* Helps IE 5.0 - let background color fill to bottom - LOL */
text-align: left;
background: #f5f5f5;
}
#main #mc {
padding: 3px 0 0 20px;
font-size: 13px;
font-weight: bold;
}
#offices {
width: 300px;
float: right;
margin: -10px 0 0 10px;
padding: 0 25px 0 0;
}
#cubicle {
border: solid 1px #98644D;
background: #ffe;
}
#offices #cubicle h3 {
font-size: 13px;
color: #009;
text-align: center;
}
#offices #cubicle h3#bill {
text-align: left;
padding: 0 0 0 50px;
}
#offices #cubicle table {
width: 295px;
margin: 0;
}
#offices #cubicle td {
font-size: 11px;
}
#offices #cubicle td.loc {
font-weight: bold;
color: #009;
text-align: right;
padding: 0 5px 0 0;
}
#offices #cubicle p {
font-size: 12px;
padding: 0 0 3px 50px;
}
#content {
margin: 10px 10px 0 10px;
border: solid 1px #98644D;
background: white;
}
#content h4 {
font-size: 16px;
font-weight: bold;
color: #75412A;
}
#text {
padding: 10px 30px 10px 20px;
}
#text p {
font-size: 15px;
margin: 2px 0 4px 0;
}
#text p.quote {
margin: 0 90px 0 40px;
font-size: 13px;
font-style: italic;
}
#text p.name {
margin: 0 90px 10px 90px;
font-size: 13px;
font-style: italic;
}
#text p.jobs {
margin: 5px 40px 5px 40px;
font-size: 12px;
font-weight: bold;
}
#text ul {
list-style-type: circle;
font-size: 14px;
font-weight: bold;
margin: 0 0 8px 50px;
}
#text ul.jobs {
font-size: 12px;
font-weight: normal;
margin: 0 90px 8px 60px;
}
#text ul li {
padding: 5px 0;
}
#text ul.jobs li {
padding: 2px 0;
}
#text table {
margin: 5px 0;
font-size:13px;
}
#text table td {
padding: 1px 3px 1px 0;
}
#text table td.title {
font-size: 16px;
font-weight: bold;
color: #75412A;
}
#text table td.req {
text-align: right;
vertical-align: top;
font-weight: bold;
}
#text table td.cond {
vertical-align: top;
}
#copy {
font-size: 10px;
text-align: right;
color: #98644D;
margin: 2px 12px 0 0;
}
#foot {
width: 760px;
margin: 5px auto;
font-size: 10px;
text-align: left;
font-family: Comic Sans MS;
}
#foot a#mini {
width: 67px;
height: 22px;
float: left;
border: solid 1px #00C;
background: transparent url(graphics/PE_logo_mini.gif) no-repeat top left;
}
#foot a#valid {
width: 66px;
height: 23px;
float: right;
border: none;
background: transparent url(graphics/valid-html401.png) no-repeat top left;
}
#foot a span {
display: none;
}
.clear {
width: 100%;
clear: both;
overflow: hidden;
}