@charset "utf-8";
/* CSS Document */
html, body {
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
background-image: url(../images/bgmain.jpg);
background-repeat: repeat-x;
background-position: center top;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
height: 100%;
background-color: #363636;
}
#container p, ul {
line-height: 1.5em;
}
li {
list-style-type: disc;
list-style-image: url(../images/bullet.gif);
}
li a {
color:#F68839;
}
li a:hover {
text-decoration: none;
color: #F60;
}
.twoColElsLtHdr #container {
width: 61.25em;
text-align: left; /* this overrides the text-align: center on the body element. */
margin-top: 0;
margin-right: auto;
margin-bottom: 20;
margin-left: auto;
background-image: url(../images/bgcen.png);
background-repeat: repeat-y;
background-position: center;
}
.twoColElsLtHdr #header {
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 10px;
height: 20em;
background-image: url(../images/bgheader.jpg);
background-repeat: no-repeat;
background-position: 10px top;
}
#header h1.logo {
background-image: url(../images/cambridge.jpg);
background-repeat: no-repeat;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 15px;
display: block;
height: 50px;
width: 169px;
}
#header .logo a {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
display: block;
width: 168px;
height: 49px;
text-decoration: none;
}
#header h1.h1 {
font-size: 1.5em;
margin-left: 25px;
color: #FFF;
padding: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-top: 55px;
}
#header h1.h2 {
margin-left: 25px;
color: #fbb985;
font-size: 2.95em;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0px;
font-family: Verdana, Geneva, sans-serif;
}
#header h1.h3 {
color: #FBB985;
font-weight: normal;
margin-left: 25px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
font-size: 1.75em;
font-family: Verdana, Geneva, sans-serif;
}
#container #quoteday {
width: 900px;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
line-height: 1.5em;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
#quoteday dl {
width: 900px;
background-color: #F6B480;
background-image: url(../images/box_bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
margin: 0;
height: 95px;
}
#quoteday dt {
font-size: 1em;
padding-top: 10px;
padding-right: 10px;
padding-left: 20px;
height: 50px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color: #F3B584;
background-image: url(../images/box_top.gif);
background-repeat: no-repeat;
background-position: left top;
}
#quoteday dd {
color: #666;
font-family: Verdana, sans-serif;
font-size: 0.75em;
padding: 10px;
margin: 0;
font-style: italic;
}
.twoColElsLtHdr #sidebar1 {
float: left;
width: 260px;
margin-top: 20px;
margin-left: 30px;
}
.twoColElsLtHdr #sidebar1 h3, .twoColElsLtHdr #sidebar1 p {
margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
margin-right: 10px;
}
.twoColElsLtHdr #mainContent {
width: 640px;
margin-left: 300px;
margin-top: 20px;
padding-bottom: 40px;
}
#mainContent dl {
width: 640px;
background-color: #4f4c4d;
background-image: url(../images/box_bottom2.gif);
background-repeat: no-repeat;
background-position: left bottom;
display: block;
margin: 0px;
}
#mainContent dt {
margin: 0;
font-size: 1em;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
background-image: url(../images/box_top2.gif);
background-repeat: no-repeat;
background-position: left top;
background-color: #4F4C4D;
}
#mainContent dd {
color: #666;
font-family: Verdana, sans-serif;
font-size: 0.75em;
padding: 10px;
margin: 0;
font-style: italic;
height: 10px;
}
#mainContent #mainpage {
padding: 20px;
color: #FFF;
min-height: 640px;
}
#mainContent #mainpage .figure {
font-size: 11px;
padding-bottom: 10px;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
display: block;
width: 600px;
float: right;
}
#mainpage form label {
width: 120px;
float: left;
}
#mainpage h1 {
margin: 0px;
padding: 0px;
color: #FFF;
font-size: 24px;
}
#mainpage h2 {
font-size: 18px;
}
#mainContent #mainpage .dlbx {
display: block;
clear: right;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 0px;
padding-left: 0px;
margin: 0px;
}
#mainContent .dlbx li.header {
display: block;
list-style-type: none;
font-weight: bold;
background-color: #434142;
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 5px;
list-style-image: none;
clear: right;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
#mainContent .dlbx li.xls {
display: block;
font-size: 14px;
float: left;
padding-left: 25px;
height: 20px;
list-style-image: none;
list-style-type: none;
background-image: url(../images/icon_zip.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
}
#mainContent .dlbx li.opo {
display: block;
list-style-type: none;
font-size: 14px;
list-style-image: none;
float: right;
padding-right: 10px;
background-image: url(../images/icon_zip.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
padding-left: 25px;
}
#mainContent .dlbx a {
color: #CCC;
text-decoration: none;
}
#mainContent .dlbx a:hover {
color: #C60;
text-decoration: underline;
}
.twoColElsLtHdr #footer {
width: 980px;
margin-right: auto;
margin-left: auto;
background-image: url(../images/bgbtm.png);
background-repeat: no-repeat;
background-position: center top;
text-align: left;
height: 30px;
margin-bottom: 0px;
margin-top: 0px;
padding-top: 25px;
text-indent: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
}
.twoColElsLtHdr #footer a {
color: #666;
text-decoration: none;
}
.twoColElsLtHdr #footer a:hover {
color: #333;
text-decoration: underline;
}
.twoColElsLtHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#mainContent .footnote {
color: #F78D3F;
font-size: .75em;
text-align: right;
padding-top: 10px;
padding-right: 10px;
}
#mainContent .footnote a {
color: #F78D3F;
}
#mainContent .footnote a:link, .footnote a:visited {
margin-left: 5px;
padding-left: 5px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #F78D3F;
text-decoration: none;
}
.twoColElsLtHdr #footer .logofoot {
margin-right: 20px;
height: 38px;
width: 170px;
position: relative;
float: right;
bottom: 15px;
}
.twoColElsLtHdr #footer .logofoot .link {
height: 38px;
width: 170px;
display: block;
}
#sidebar1 .book {
text-align: center;
margin-top: 20px;
}
#mainContent .footnote a:hover {
color: #F78D3F;
text-decoration: underline;
}
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
/* place css fixes for all versions of IE in this conditional comment
.twoColElsLtHdr #sidebar1 {
padding-top: 20px;
}
.twoColElsLtHdr #mainContent { zoom: 1; padding-top: 15px; } */
/* LEFT MENU (expand) */
.glossymenu {
width: 260px;
margin-top: 5px;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
padding: 0;
}
.glossymenu a.menuitem, .glossymenu a.selected {
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding-left: 20px;
text-decoration: none;
padding-top: 12px;
padding-right: 0;
padding-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #3A3234;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
color: white;
}
.glossymenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}
.glossymenu a.menuitem:hover {
color: #F60;
background-image: url(../images/icon_om.jpg);
background-repeat: no-repeat;
background-position: left;
}
.glossymenu a.selected{
color: #F60;
background-repeat: no-repeat;
background-position: left;
}
.glossymenu div.submenu { /*DIV that contains each sub menu*/
}
.glossymenu div.submenu ul { /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}
.glossymenu div.submenu ul li {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #2F2D2D;
background-color: #1C1718;
padding-left: 15px;
}
.glossymenu div.submenu ul li a {
display: block;
color: #A79498;
text-decoration: none;
padding-left: 20px;
font-size: 14px;
padding-top: 8px;
padding-right: 0;
padding-bottom: 5px;
}
.glossymenu div.submenu ul li a:hover {
colorz: white;
color: #F60;
}
#mainContent #mainpage p a {
color: #FFF;
text-decoration: none;
}
#mainContent #mainpage p a:hover {
color: #F78D3F;
text-decoration: underline;
}
/* marquee */
#pscroller1 {
height: 50px;
text-align:left;
font-family: Verdana, Geneva, sans-serif;
font-size: 1.25em;
line-height: 24px;
padding-top: 10px;
}
#container #sidebar1 img.bookicon {
border: 3px solid #F57921;
}
.twoColElsLtHdr #container #mainContent dl #mainpage p em a {
color: #F68839;
text-decoration: none;
}
form input {
margin: 2px;
padding: 4px;
font-size: 12px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
form select {
font-size: 12px;
padding: 5px;
margin: 2px;
}
form label {
text-align: right;
padding-right: 10px;
padding-top: 5px;
}
form .button {
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CCC;
border-right-color: #999;
border-bottom-color: #999;
border-left-color: #CCC;
cursor: pointer;
}
#mainpage p a img {
line-height: 0px;
vertical-align: text-bottom;
}
/*
--------------------------------------
corporateHomebar
Andrew Maison, Feb 2011
--------------------------------------
*/
#corporateHomebar {
background: #fff;
width: 960px;
font-weight: 700;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em; /* note: you may need to modify the font size as it will inherit any size specified on your website's element */
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 5px;
padding-right: 0;
padding-bottom: 5px;
padding-left: 0px;
}
#corporateHomebar a:link, #corporateHomebar a:visited { color: #666; font-weight: 700; text-decoration: none;}
#corporateHomebar a:hover, #corporateHomebar a:active { color: #3399cc; font-weight: 700; text-decoration: underline;}
#corporateHomebar .clear { margin: 0; padding: 0; clear: both; height: 0; overflow: hidden; }
/*
--------------------------------------
corporateHomebar portal homepage link
--------------------------------------
*/
#corporateHomebarPortalLink {float: left; bo/rder: 1px solid red;}
#corporateHomebarPortalLink a:link, #corporateHomebarPortalLink a:visited { padding: 0 0 0 25px; background: url(../images/corporateHomeIcon.gif) 8px 0 no-repeat; display: block;}
#corporateHomebarPortalLink a:hover, #corporateHomebarPortalLink a:active { background: url(../images/corporateHomeIconHover.gif) 8px 0 no-repeat; display: block;}
.twoColElsLtHdr #container #mainContent dl #mainpage p a {
color: #DC8839;
}
#mainpage ul li .orangetext{ color:#F68839;}