/******************************************************************************
* ancestor.css -- Global style sheet
*
* Styles are sorted in alphabetical order and split into the following
* sections:
* 1. Overrides for tags names (i.e. )
* 2. Style classes (i.e. ![]()
uses the ".Pretty" class)
* 3. Unique elements (i.e. ![]()
is uniquely identified
* on a page by "ProofImage" and would be found as "#ProofImage")
*
* In the case that you can't find something by alphabetical order, either
* try your editors search capabilities, or check for inheritance (i.e. if
* there is an image of class "SubImage" contained in a table of class
* "SomeTable", you might want to look for "table.SomeTable img.SubImage".
*
* Overrides for printing formats are located in the "@media print" rules,
* and are usually found directly after what they are overriding.
*****************************************************************************/
/* A B C D E F G H I J K L M N O P Q R S T U V W X Y Z */
/* ***********************************************************************************************************************************
* Global style for all elements
*/
* {
margin: 0;
padding: 0;
}
html, body {
background-color: #ffffff;
color: #666666;
font-family: verdana, helvetica, arial, sans-serif;
height: 100%;
text-align: center;
}
@media print {
body {
width: 100%;
}
}
/*
* No cell spacing within our tables, thank you
*/
table {
border-collapse: collapse;
}
/*
* To accomodate our layout issues
*/
table td {
vertical-align: top;
}
/* ***********************************************************************************************************************************
* Layout
*/
/* An element with no floats beside it */
.clear {
clear: both;
height: 0px;
line-height: 0px;
}
/* An element that floats to the left */
.left {
float: left;
}
/* An element that floats to the left */
.right {
float: right;
}
/* ***********************************************************************************************************************************
* Headings
*/
/*
h1, h2, h3 {
font-family: 'Gill Sans', sans-serif;
font-size: 22px;
font-weight: normal;
height: 1%;
}
h1 {
background-color: inherit;
color: #003d4c;
padding: 0.5em 0;
}
h2 {
background-color: inherit;
color: #e32;
margin: 0.3em 0;
padding-top: 0.25em;
}
h3 {
background-color: inherit;
color: #003d4c;
font-size: 18px;
padding-top: 0.5em;
}
h4 {
background-color: inherit;
color: #ff9966;
font-size: 20px;
font-weight: normal;
padding-top: 0.5em;
}
*/
/* ***********************************************************************************************************************************
* Paragraph and link styles
*/
a {
color: #666666;
text-decoration: none;
}
a:hover {
color: #7f2149;
text-decoration: none;
}
a img {
border: none;
}
/* ***********************************************************************************************************************************
* Lists
*/
/* ***********************************************************************************************************************************
* Navigation
*/
/*
* Main navigation elements that appear at the top of the screen
*/
#navigation-menu {
height: 96px;
width: 619px;
}
#navigation {
background-color: #ffffff;
font-family: "Trebuchet MS Bold", "Lucida Sans Unicode", Arial, sans-serif;
font-weight: bold;
height: 30px;
padding-bottom: 0.5em;
position: relative; /* Don't change this position attribute */
top: 20px;
}
#navigation a {
border-left: 1px solid #b3b3b3;
cursor: pointer;
font-size: 0.75em;
padding-left: 0.3em;
padding-right: 1.75em;
padding-bottom: 0.5em;
/* Don't change these two options */
position: absolute;
bottom: -2px; /* Change this value to -2px if you're not using a strict doctype */
}
#navigation a:hover {
background-color: inherit;
color: #666666;
}
#navigation .activeMenuItem {
background-color: inherit;
color: #666666;
}
#navigation .activeMenuItem img {
bottom: 0px;
position: absolute;
right: 0px;
}
#navigation .inactiveMenuItem {
/* color: #000; */
}
#submenu {
font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
font-size: 0.70em;
left: 16px;
position: relative;
text-align: left;
top: 30px;
width: 100%; /* Don't change this option */
}
#submenu div {
white-space: nowrap; /* Don't change this option */
}
#submenu a {
color: #b8b8b8;
padding-left: 5px;
padding-right: 10px;
font-weight: bold;
}
#submenu a:hover {
color: #7f2149;
}
#submenu a.activeMenuItem {
color: #7f2149;
}
#page-navigation {
background-color: #ffffff;
font-family: "Trebuchet MS Bold", "Lucida Sans Unicode", Arial, sans-serif;
font-size: 0.70em;
font-weight: bold;
padding-right: 1px;
text-align: left;
width: 100%;
}
#page-navigation a {
cursor: pointer;
display: block;
padding-left: 0.3em;
padding-bottom: 0.1em;
/* Don't change these two options */
/* position: absolute; */
bottom: -1px; /* Change this value to -2px if you're not using a strict doctype */
}
#page-navigation a:hover {
background-color: #7f2149;
color: #ffffff;
}
#page-navigation .activeMenuItem {
background-color: #7f2149;
color: #ffffff;
}
#page-navigation .activeMenuItem img {
bottom: 0px;
position: absolute;
right: 0px;
}
#page-navigation .inactiveMenuItem {
color: #000;
}
/*
* Footer related elements (available across most pages)
*/
#footer {
background-color: #e6e6e6;
height: 24px;
width: 100%;
}
@media print {
#footer {
display: none;
}
}
#footer #footer-content {
height: 24px;
padding-left: 0.5em;
padding-right: 0.5em;
}
#footer #copyright {
float: right;
font-size: 10px;
padding-top: 0.2em;
}
#footer #links {
float: left;
font-family: "Trebuchet MS", sans-serif;
}
#footer #links a {
display: block;
float: left;
font-weight: bold;
font-size: 12px;
padding-left: 0.5em;
padding-right: 0.5em;
}
#footer #links #client-login {
color: #ffffff;
background-color: #7f2149;
}
#footer a:hover {
color: #666666;
background-color: inherit;
}
#footer table {
width: 100%;
}
#footer table td {
vertical-align: middle;
}
/* ***********************************************************************************************************************************
* Individual elements
*/
/*
* This isn't actually doing anything now (our layout is slightly broken)
*/
div #container {
margin: 0 auto;
position: relative;
text-align: center;
}
div #content {
margin: 0 auto;
padding-top: 10px;
text-align: left;
min-width: 758px;
max-width: 758px;
width: 758px;
}
div #drop-shadow-content {
background-color: #ffffff;
border: 1px solid #e6e6e6;
left: -1px;
padding: 4px 4px 4px 4px;
position: relative;
top: -1px;
}
div #drop-shadow-container-a {
background-color: #e8e8e8;
position: relative;
margin-bottom: 1px;
margin-right: 1px;
padding: 0;
top: -1px;
}
div #drop-shadow-container-b {
background-color: #ececec;
position: relative;
margin-bottom: 1px;
margin-right: 1px;
padding: 0;
top: -1px;
}
div #drop-shadow-container-c {
background-color: #f0f0f0;
position: relative;
margin-bottom: 1px;
margin-right: 1px;
padding: 0;
top: -1px;
}
div #drop-shadow-container-d {
background-color: #f5f5f5;
position: relative;
margin-bottom: 1px;
margin-right: 1px;
padding: 0;
left: +1px;
top: +1px;
}
td #logo {
}
td #page-navigation-menu {
padding-right: 1px;
width: 187px;
}
/* ***********************************************************************************************************************************
* Colour classes
*/
.format-bar-dark-color {
background-color: #7f2149;
color: inherit;
}
.format-bar-light-color {
background-color: #e6e6e6;
color: inherit;
}
.background-color {
background-color: #ffffff;
color: inherit;
}
/* ***********************************************************************************************************************************
* Classes
*/
div.shadow-box {
float: left;
height: auto;
width: auto;
}
/*
* Don't print anything surrounded by this class
*/
@media print {
.no-print {
display: none;
}
}
/*
* Page content
* The location for all copy & content on the screen
*/
.page-content {
background-color: #e6e6e6;
font-size: 10px;
line-height: 1.5em;
text-align: left;
padding-bottom: 20px;
}
.page-content div.image-pager {
background-color: inherit;
color: #7f2149;
margin-bottom: 1em;
text-align: right;
width: 100%;
}
.page-content div.image-pager a {
background-color: inherit;
color: #7f2149;
text-decoration: underline;
cursor: pointer;
cursor: hand;
}
.page-content div.image-pager a:hover {
text-decoration: none;
}
.page-content div.image-pager a.active {
text-decoration: none;
}
.page-content div.news-item {
border-bottom: 2px solid #ffffff;
padding-bottom: 1em;
padding-top: 2px;
width: 100%;
}
.page-content div.section-title {
border-bottom: 2px solid #ffffff;
}
.page-content div.news-item img {
float: right;
}
.page-content .contact-address a {
}
.page-content .contact-address a:hover {
color: #7f2149;
}
.page-content .contact-address .dark-bold {
background-color: inherit;
color: #7f2149;
font-weight: bold;
}
.page-content .pad {
padding: 8px;
}
/*
* Don't display normally
*/
.print {
display: none;
}
/*
* Display when printing
*/
@media print {
.print {
display: block;
}
}
.pointerhand {
cursor: pointer;
cursor: hand;
}
/* ***********************************************************************************************************************************
END
*********************************************************************************************************************************** */