html, body {
height: 100%;
}
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 62.5%;
color: #3e3e3e;
}
h1 {
font-size: 3.5em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
h2 {
font-size: 2.7em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
h3 {
font-size: 2.5em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}
h4 {
font-size: 2.2em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}
h5 {
font-size: 1.6em;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
a {
font-size: 1.4em;
color: #22486b;
text-decoration: none;
}
a:link {
color: #22486b;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
color: #59bbff;
text-decoration: underline;
}
a:active {
text-decoration: none;
}
p {
font-size: 1.3em;
margin: 0px 0px 15px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.3em;
}
p a {
font-size: 1.3em;
}
td {
font-size: 1.2em;
}
td p {
font-size: 1.0em;
}
td a {
font-size: 0.9em;
}
ul {
font-size: 1.3em;
}
ol {
font-size: 1.3em;
}
ul ul {
font-size: 1.1em;
}
ul ol {
font-size: 1.1em;
}
ol ul {
font-size: 1.1em;
}
form {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#mainContainer {
margin: 0pt auto;
padding: 0pt;
position: relative;
text-align: left;
width: 990px;
background: url(/common/images/background/page.gif) repeat-y left top;
overflow: hidden;
}
#topContainer {
width: 986px;
position: relative;
float: left;
margin: 0px 0px 0px 4px;
padding: 0px 0px 0px 0px;
background: url(/common/images/background/plants/top.gif) no-repeat 570px top !important;
display: inline;
overflow: hidden;
min-height: 100%;
}
#topContainer h1 {
position: relative;
float: left;
font-size: 0.1em;
background: url(/common/images/logo/logo.gif) no-repeat left top;
margin: 0px 0px 0px 0px;
padding: 518px 0px 0px 0px;
width: 495px;
overflow: hidden;
display: inline;
height: 0px !important;
height /**/:518px; /* for IE5/Win */
}
#topContainer h1 a {
padding: 192px 0px 0px 260px;
margin: 0px 0px 0px 0px;
width: 260px;
margin /**/:-192px 0px 0px 0px; /* for IE5/Win */
}
#topContainer .toolbar {
display: inline;
list-style: none;
position: absolute;
right: 40px;
top: 63px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#topContainer .toolbar li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 7px 0px 7px;
list-style-type: none;
border-right: solid 1px #3471a9;
}
#topContainer .toolbar .lastli {
border-right-style: none;
}
#topContainer .toolbar a {
font-size: 12px;
}
#topContainer .nav {
position: absolute;
display: inline;
height: 72px;
width: 595px;
overflow: hidden;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
top: 90px;
left: 347px;
text-align: left;
}
#topContainer .nav li {
display: inline;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
height: 72px;
overflow: hidden;
background-repeat: no-repeat;
}
#topContainer .nav a {
float: left;
padding: 72px 0px 0px 0px;
background-position: 0 0px;
height: 0px !important;
}
#topContainer .nav .partner a:hover, #topContainer .nav .newmodel a:hover, #topContainer .nav .information a:hover, #topContainer .nav .strategic a:hover {
background-position: 0 -72px;
}
#topContainer .nav .partner {
width: 131px;
background-image: url(/common/images/navigation/partnership_objectives_full.gif);
}
#topContainer .nav .partner a {
width: 131px;
background-image: url(/common/images/navigation/partnership_objectives_full.gif);
}
#topContainer .nav .newmodel {
width: 135px;
background-image: url(/common/images/navigation/new_affinity_model_full.gif);
}
#topContainer .nav .newmodel a {
width: 135px;
background-image: url(/common/images/navigation/new_affinity_model_full.gif);
}
#topContainer .nav .information {
width: 147px;
background-image: url(/common/images/navigation/information_vote_meeting_full.gif);
}
#topContainer .nav .information a {
width: 147px;
background-image: url(/common/images/navigation/information_vote_meeting_full.gif);
}
#topContainer .nav .strategic {
width: 182px;
background-image: url(/common/images/navigation/strategic_financial_benefits_full.gif);
}
#topContainer .nav .strategic a {
width: 182px;
background-image: url(/common/images/navigation/strategic_financial_benefits_full.gif);
}
#topContainer .nav .selected a {
background-position: 0 -144px;
}
#topContainer .nav .selected a:hover {
background-position: 0 -144px;
}
#contentContainer {
position: relative;
float: left;
background: url(/common/images/background/plants/bottom.png) no-repeat left bottom !important;
background: url(/common/images/background/plants/bottom.gif) no-repeat left bottom;
width: 982px;
margin: -326px 0px 0px 4px;
padding: 0px 0px 0px 0px;
display: inline;
min-height: 100%;
overflow: hidden;
}
#dataContainer {
position: relative;
float: left;
background: url(/common/images/background/content/back.gif) repeat-y left top;
width: 903px;
margin: 0px 0px 0px 40px;
padding: 0px 0px 0px 0px;
min-height: 100%;
display: inline;
overflow: hidden;
}
#titleContainer {
position: relative;
float: left;
height: 380px;
width: 903px;
background: url(/common/images/background/content/top.gif) no-repeat 0px 0px;
}
#titleContainer h2 {
position: relative;
float: left;
font-size: 3.2em;
margin: 20px 0px 0px 28px;
padding: 0px 0px 10px 0px;
display: inline;
background: url(/common/images/dots/grey-horz.gif) repeat-x left bottom;
}
#textContainer {
position: relative;
float: left;
background: transparent url(none) no-repeat left top;
width: 843px;
margin: -290px 0px 0px 30px;
padding: 0px 0px 40px 0px;
min-height: 100%;
display: inline;
}
#textContainer ul {
list-style: disc;
list-style-type: disc;
padding: 0px 0px 0px 20px;
margin: 0px 0px 20px 5px;
}
#textContainer li {
list-style: disc;
list-style-type: disc;
padding: 0px 0px 0px 0px;
margin: 4px 0px 4px 0px;
}
#textContainer a {
font-size: 1.0em;
}
#textContainer h5 {
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
#textContainer #secondnavContainer {
position: relative;
float: left;
width: 100%;
background-color: #234a6f;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}
#textContainer #secondnavContainer ul {
position: relative;
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 5px;
display: inline;
list-style-type: none;
}
#textContainer #secondnavContainer li {
position: relative;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 7px 0px 7px;
display: inline;
list-style-type: none;
border-right: solid 1px #FFFFFF;
}
#textContainer #secondnavContainer li.none {
border-right: none;
}
#textContainer #secondnavContainer a {
color: #FFFFFF;
text-decoration: underline;
}
#textContainer .whatsnewContainer {
position: relative;
float: right;
width: 275px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
display: inline;
}
#textContainer .hometag1 {
position: relative;
float: left;
font-size: 2.7em;
margin: 0px 0px 0px 30px;
padding: 0px 0px 0px 0px;
display: inline;
width: 500px;
}
#textContainer .hometag2 {
position: relative;
float: left;
font-size: 2.2em;
margin: 20px 0px 20px 60px;
padding: 0px 0px 0px 0px;
color: #bc3526;
display: inline;
}
#textContainer .quote {
position: relative;
float: right;
margin: 0px -29px 0px 0px;
padding: 199px 0px 0px 0px;
width: 319px;
clear: both;
overflow: hidden;
display: inline;
height: 0px !important;
height /**/:199px; /* for IE5/Win */
}
#textContainer .quote.topemployer {
background: url(/common/images/quotes/top_employer.gif) no-repeat left top;
}
#textContainer .quote.committed {
background: url(/common/images/quotes/committed_communities.gif) no-repeat left top;
}
#textContainer .photo {
position: relative;
float: right;
margin: 0px -29px 0px 0px;
width: 319px;
clear: both;
overflow: hidden;
display: inline;
}
#footerContainer {
background-color: #214669;
float: left;
height: 100%;
width: 982px;
position: relative;
margin: 0px 0px 0px 4px;
padding: 0px 0px 0px 0px;
display: inline;
color: #FFFFFF;
}
#footerContainer a {
color: #f2dcb4;
font-size: 1.0em;
text-decoration: underline;
}
#footerContainer .toolbar {
position: relative;
float: right;
display: inline;
list-style: none;
padding: 0px;
clear: both;
width: 800px;
text-align: right;
margin-top: 20px;
margin-right: 40px;
margin-bottom: 0px;
margin-left: 0px;
}
#footerContainer .toolbar li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 7px 0px 7px;
list-style-type: none;
border-right: solid 1px #9fd6fc;
}
#footerContainer .toolbar .lastli {
border-right-style: none;
}
#footerContainer .toolbar a {
font-size: 12px;
color: #9fd6fc;
}
#footerContainer p.tag {
position: relative;
float: left;
display: inline;
font-size: 11px;
margin: 25px 0px 20px 45px;
width: 170px;
}
#footerContainer p.desc {
position: relative;
float: left;
display: inline;
font-size: 11px;
margin: 25px 0px 20px 50px;
width: 540px;
}
#footerContainer p.copy {
position: relative;
float: left;
display: inline;
font-size: 11px;
margin: 25px 0px 20px 90px;
width: 80px;
}
.newsitem {
position: relative;
float: left;
background: url(/common/images/dots/blue-horz.gif) repeat-x left bottom;
margin: 0px 0px 12px 0px;
padding: 0px 0px 15px 0px;
display: inline;
width: 275px;
clear: both;
}
.newsitem .date {
position: relative;
float: left;
background: url(/common/images/datebox/blue.png) no-repeat left top !important;
background: url(/common/images/datebox/blue.gif) no-repeat left top;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
width: 52px;
height: 55px;
color: #214669;
}
.newsitem .date .month {
position: relative;
float: left;
margin: 7px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
width: 52px;
font-size: 15px;
text-transform: uppercase;
text-align: center;
font-weight: bold;
}
.newsitem .date .day {
position: relative;
float: left;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
width: 100%;
text-align: center;
font-size: 20px;
}
.newsitem .title {
position: relative;
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
font-size: 15px;
width: 210px;
}
.newsitem .title a {
text-decoration: underline;
}
.newsitem .description {
position: relative;
float: right;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
width: 210px;
font-size: 1.1em;
}
.right-image {
position: relative;
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 10px;
}
.clear {
clear: left;
}
#textContainer td.title {
font-size: 1.8em;
background: #9fd6fc;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
color: #FFFFFF;
}
#textContainer td h5 {
font-size: 1.0em;
text-align: left;
}
#textContainer td ul {
font-size: 0.9em;
}
#textContainer table.blue {
border: 1px solid #a5defc;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
#textContainer .red {
color: #bc3526;
}
#textContainer td.subtitle {
font-size: 1.4em;
margin: 0px 0px 0px 0px;
padding: 10px 0px 5px 0px;
color: #214669;
}
#textContainer .hide {
display: none;
}
#textContainer p.showall {
position: relative;
float: right;
}
#textContainer #map {
position: relative;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 500px;
height: 500px;
}
#textContainer #mapnavContainer {
position: relative;
float: left;
margin: 0px 0px 0px 50px;
padding: 0px 0px 0px 0px;
width: 280px;
}
#textContainer #mapnavContainer .maplist50 {
position: relative;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 140px;
}
#textContainer #mapnavContainer .cityname {
margin: 3px 0px 3px 0px;
padding: 0px 0px 0px 0px;
}
#textContainer .maplocation {
position: relative;
float: left;
margin: 40px 0px 0px 50px;
padding: 0px 0px 0px 0px;
}