html {
min-height: 101%;
}
body {
margin: 0 auto;
padding: 0;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
background-color: #D4DFEA;
background-image: url(../images/bkg_body.gif);
}
p,
ul,
ol,
li,
h1,
h2,
h3,
h4 {
margin: 0;
padding: 0;
}
p {
margin: 0;
padding: 0 0 1.4em 0;
color: #000000;
font-size: 12px;
text-align: left;
line-height: 1.5em;
}
ul,
ol {
margin: 0 0 0 18px;
padding: 0 0 1.4em 0;
color: #000000;
font-size: 12px;
text-align: left;
line-height: 1.5em;
}
li {
margin: 0 0 0 0;
padding: 0;
line-height: 1.5em;
}
h1 {
margin: 0;
padding: 5px 12px;
color: #ffffff;
font-size: 11px;
font-weight: bold;
text-align: left;
background-color: #154166;
}
h1 a {
color: #ffffff;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
h1 a:hover {
text-decoration: underline;
}
h2 {
margin: 0;
padding: 0 0 1.4em 0;
color: #303e5b;
font-size: 10px;
font-weight: bold;
text-align: left;
line-height: 1.4em;
}
h3 {
margin: 0;
padding: 0;
color: #303e5b;
font-size: 11px;
font-weight: bold;
text-align: left;
line-height: 1.4em;
}
img {
margin: 0;
padding: 0;
border: none;
}
a {
color: #996600;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.note {
font-size: 10px;
}
table#principals {
width: 400px;
font-size: 12px;
font-weight: normal;
text-align: left;
background-color: #FFFFFF;
}
table#principals td {
padding: 2px;
font-size: 12px;
font-weight: normal;
text-align: left;
}
table.partners {
width: 480px;
}
table.partners td {
padding: 2px 5px 2px 0;
font-size: 12px;
font-weight: normal;
text-align: left;
}
.data {
color: #000000;
text-align: left;
background-color: #FFFFFF;
}
a.readmore {
font-size: 10px;
text-transform: uppercase;
white-space: nowrap;
}
hr {
margin: 0 0 1.5em 0;
width: 100%;
height: 1px;
color: #cfb288;
background-color: #cfb288;
border: none;
border: 0px solid #cfb288;
}
/* ************************************************** div#page ******************** */
div#page {
overflow: hidden;
width: 798px;
margin: 0 auto;
padding: 0 10px;
background-color: #ffffff;
}
/* ************************************************** div#header ******************** */
div#header {
overflow: hidden;
width: 798px;
margin: 0;
padding: 0;
}
#header a.logo,
#header a.logo img {
display: block;
margin: 0;
padding: 0;
}
ul#sitenav {
overflow: hidden;
width: 798px;
height: 22px;
margin: 0;
padding: 0;
text-align: center;
list-style-type: none;
background-image: url(../images/bkg_nav.gif);
background-repeat: repeat-x;
}
#sitenav li {
float: right;
height: 22px;
margin: 0;
padding: 0;
}
#sitenav li.jobs {
background-image: url(../images/bkg_nav_jobs.gif);
}
#sitenav a {
display: block;
margin: 6px 0 0 0;
padding: 0 11px;
color: #022b45;
font-size: 10px;
text-decoration: none;
line-height: 1em;
border-left: solid 1px #000000;
}
#sitenav li.about a {
border-left: none;
}
#sitenav li.jobs a {
margin: 6px 0 0 0;
padding: 0 12px;
border-left: none;
color: #ffffff;
font-weight: bold;
}
/* ************************************************** div#main ******************** */
div#main {
overflow: hidden;
width: 798px;
min-height: 600px;
margin: 0;
padding: 0;
background-image: url(../images/bkg_main.gif);
background-repeat: repeat-y;
background-position: right top;
overflow: hidden;
}
/* ************************************************** div#content ******************** */
#content {
float: left;
width: 480px;
margin: 0;
padding: 20px 20px 30px 10px;
text-align: left;
}
#content p {
overflow: hidden;
}
#content ul.decorative {
margin: 0;
list-style-type: none;
}
#content ul.decorative li {
margin: 0;
padding: 0 0 0 18px;
background-image: url(../images/bkg_bullet_green.gif);
background-repeat: no-repeat;
background-position: 5px 6px;
}
#content ul.decorative ul {
margin: 0;
padding: 0 0 1.5em 0;
list-style-type: none;
background-image: none;
}
#content ul.decorative ul li {
margin: 0;
padding: 0 0 0 10px;
list-style-type: none;
background-image: none;
}
/* ************************************************** div#column ******************** */
#column {
float: right;
width: 246px;
margin: 0;
padding: 20px 11px 30px 11px;
text-align: left;
}
#column span.point {
color: #339933;
font-size: 14px;
font-weight: bold;
}
#column ul.decorative {
margin: 0;
list-style-type: none;
}
#column ul.decorative li {
margin: 0;
padding: 0 0 0 18px;
background-image: url(../images/bkg_bullet_green.gif);
background-repeat: no-repeat;
background-position: 5px 6px;
}
#column ul.decorative ul {
margin: 0;
padding: 0 0 1.5em 0;
list-style-type: none;
background-image: none;
}
#column ul.decorative ul li {
margin: 0;
padding: 0 0 0 10px;
list-style-type: none;
background-image: none;
}
#column p.related {
}
/* ************************************************** div#newstrail ***************** */
div#newstrail {
width: 798px;
margin: 0 auto;
padding: 0;
text-align: left;
color: #999999;
padding: 10px 0;
}
ul#newsnav {
width: 798px;
height: 22px;
margin: 0;
padding: 0;
text-align: center;
list-style-type: none;
background-image: url(../images/bkg_nav.gif);
background-repeat: repeat-x;
}
#newsnav li {
float: right;
height: 22px;
margin: 0;
padding: 0;
font-size: 10px;
display: block;
}
#newsnav a {
color: #000000;
text-decoration: none;
margin: 6px 0 0 0;
padding: 0 11px;
line-height: 1em;
display: block;
border-left: solid 1px #000000;
}
/* ************************************************** div#footer ******************** */
div#footer {
clear: both;
overflow: hidden;
width: 798px;
margin: 0;
padding: 0;
text-align: center;
font-size: 9px;
color: #999999;
padding: 10px 0;
}
#footer a {
color: #999999;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
/* ************************************************** LANDING PAGE STYLES ******************** */
#landing #content {
width: 530px;
float: left;
margin: 0;
padding: 0;
}
#landing div#hero {
width: 530px;
margin: 0;
padding: 0;
}
#landing #hero img {
display: block;
width: 530px;
margin: 0;
padding: 0;
}
#landing #column {
width: 266px;
padding: 0 1px 0 1px;
}
#landing #column h1 {
display: block;
height: 20px;
width: 246px;
margin: 0 0 1em 0;
padding: 0 10px;
color: #41547b;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
line-height: 20px;
background-image: url(../images/landing_bkg_column_h1.gif);
background-repeat: repeat-x;
background-position: left center;
}
#landing #column h1.recentnews {
background-image: url(../images/landing_bkg_column_h1_recentnews.gif);
}
#landing #column h2 {
margin: 0;
padding: 0;
font-weight: bold;
}
#landing #column p,
#landing #column li {
font-size: 10px;
}
#landing #column div.columncontent {
margin: 0;
padding: 0 10px;
overflow: hidden;
}
#landing #column div.pov {
margin: 0;
padding: 0 20px 10px 20px;
}
#landing #column div.pov p {
padding: 0;
color: #996600;
font-size: 16px;
font-weight: bold;
text-indent: -8px;
}
#landing #column div.pov a:hover {
color: #BF8A23;
text-decoration: none;
}
#landing #column div.pov p.credit {
color: #996600;
font-size: 11px;
font-weight: bold;
text-indent: 0;
text-align: right;
}
#landing #column div.alliances img {
float: right;
margin: 5px 0 10px 10px;
}
/* ************************************************** LANDING PAGE TAB STUFF ****************************** */
div#tabs {
padding: 5px 0 0 0;
}
.highlighttabs ul {
overflow: hidden;
width: 518px;
height: 24px;
margin: 0;
padding: 0;
background-image: url(../images/landing_bkg_tabs_ul.jpg);
background-repeat: no-repeat;
background-position: center bottom;
list-style-type: none;
}
.highlighttabs li {
float: left;
display: inline;
width: 128px;
height: 24px;
margin: 0 0 0 2px;
padding: 0;
}
.highlighttabs li.tablink1 {
margin: 0;
}
.highlighttabs li a {
display: block;
width: 128px;
height: 18px;
margin: 0;
padding: 0 0 6px 0;
font-size: 10px;
font-weight: bold;
text-align: center;
line-height: 18px;
text-transform: uppercase;
background-position: 0 0;
background-repeat: no-repeat;
}
li.tablink1 a {
background-image: url(../images/landing_tab_bkg_1.jpg);
}
li.tablink2 a {
background-image: url(../images/landing_tab_bkg_2.jpg);
}
li.tablink3 a {
background-image: url(../images/landing_tab_bkg_3.jpg);
}
li.tablink4 a {
background-image: url(../images/landing_tab_bkg_4.jpg);
}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
display: none;
}
}
/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
display: none;
}
}
/* Skin */
.ui-tabs-nav,
.ui-tabs-panel {
}
.ui-tabs-nav {
/* styling the UL outside of the tabs-specific coding */
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}
.ui-tabs-nav li {
float: left;
}
.ui-tabs-nav a,
.ui-tabs-nav a span {
float: left; /* fixes dir=ltr problem and other quirks IE *//* padding: 0 12px;
background: url(i/tabs.png) no-repeat;*/
}
.ui-tabs-nav a {
margin: 0; /* position: relative makes opacity fail for disabled tab in IE */
padding: 0;
color: #66779b;
/*background-position: 100% 0;*/
text-decoration: none;
white-space: nowrap; /* @ IE 6 */
outline: 0; /* @ Firefox, prevent dotted border after click */
}
.ui-tabs-nav a:link,
.ui-tabs-nav a:visited {
}
.ui-tabs-nav .ui-tabs-selected a {
position: relative;
top: 0;
z-index: 2;
margin-top: 0;
color: #66779b;
text-decoration: none;
background-position: 0 -24px;
}
.ui-tabs-nav a span {
/* padding-top: 1px;
padding-right: 0;
height: 20px;
background-position: 0 0;
line-height: 20px;*/
}
.ui-tabs-nav .ui-tabs-selected a span {
padding-top: 0;
height: 27px;
background-position: 0 -23px;
line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link,
.ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link,
.ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: text;
}
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover,
.ui-tabs-nav .ui-tabs-unselect a:focus,
.ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
color: #66779b;
text-decoration: none;
cursor: pointer;
}
.ui-tabs-disabled {
opacity: .4;
filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link,
.ui-tabs-nav .ui-tabs-disabled a:visited {
color: #000;
}
.ui-tabs-panel {
/*background: #fff;*/ /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
padding: 0 0 0 20px;
background: url(loading.gif) no-repeat 0 50%;
}*/
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
display: inline-block;
}
*:first-child+html .ui-tabs-nav { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
display: inline-block;
}
div.highlightcontents {
width: 478px;
height: 180px;
margin: 0;
padding: 10px 20px 0 20px;
color: #303e5b;
font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
font-size: 11px;
background-color: #F3F3F3;
background-image: url(../images/landing_bkg_tabs_content.jpg);
background-repeat: no-repeat;
background-position: center bottom;
}
.highlightcontents h1 {
margin: 0;
padding: 0 0 .4em 0;
color: #303e5b;
font-size: 16px;
font-weight: bold;
line-height: 1em;
background-color: transparent;
}
.highlightcontents h2 {
margin: 0;
padding: 0 0 .8em 0;
color: #303e5b;
font-size: 11px;
font-weight: bold;
line-height: 1em;
background-color: transparent;
}
.highlightcontents p {
margin: 0;
padding: 0 0 1em 0;
color: #303e5b;
font-size: 10px;
font-weight: normal;
line-height: 1.5em;
}
.highlightcontents a.readmore {
font-size: 10px;
float: right;
margin-top: 0;
text-transform: uppercase;
}