html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, img, ins, strong, sub, sup, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
}
ol, ul, dl, dt, dd {
position: relative;
}
body {
font-family: Helvetica,Arial, sans-serif;
font-size: 12px;
color: #6f6964;
text-align: center;
}
/* headers */
h1,
h2 {
color: #89827c; /* warm grey */
font-size: 32px;
font-weight: normal;
line-height: 1.5em;
padding: 0 0 0.5em;
}
h3 {
padding: 8px 0 4px;
margin: 0;
font-size: 16px;
font-size: 14px;
}
h4 {
padding: 8px 0 4px;
margin: 0;
font-size: 12px;
}
h5 {
padding: 8px 0 0;
font-size: 11px;
margin: 0;
}
h6 {
padding: 6px 0 0;
font-size: 12px;
margin: 0;
}
/* common elements */
p {
padding: 0 0 1em;
}
dl {
margin-bottom: 10px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 0 20px;
padding: 0 0 10px;
}
blockquote {
margin: 0 20px 0;
}
form {
display: inline;
}
ul li {
list-style-type: square;
}
.pod ul,
.pod ol {
padding-bottom: 1em;
}
li,
.pod li {
margin-left: 20px;
padding-bottom: 0.4em;
}
.showChildren li,
.pod .showChildren li {
padding-bottom: 4px;
}
#ie6 .function ol.showChildren li,
#ie6 .pod.function ol.showChildren li { /* ie6: fixes first line indent/strange wrapping error */
width: 94%;
margin: 0;
}
th {
padding: 3px;
border-bottom: 1px solid #afbdcd; /* light blue-grey */
}
td {
padding: 3px;
}
/* dflt links */
a:link {
color: #1f80ca; /* blue */
text-decoration: none;
}
a:visited {
color: #056888; /* blue - darkened */
text-decoration: none;
}
a:hover {
color: #045671; /* blue - super dark */
text-decoration: underline;
}
a.rev { /* ! */
unicode-bidi: bidi-override;
direction: rtl;
}
/* -------------- POD TYPE: Tipdown -------------- */
/* begin */
#ie7 .tipdown div ol,
#ie6 .tipdown div ol,
#ie7 .tipdown div ul,
#ie6 .tipdown div ul,
#ie7 .tipdown div,
#ie6 .tipdown div,
#ie6 .tipdown div .alignRight { /* ! */
position: static;
}
.tipdownTrigger {
}
a:link.tipdownTrigger,
a:visited.tipdownTrigger {
padding-right: 16px;
background: url(/includes/files/base/images/icons/icon-arrow-tipdown.png) right -30px no-repeat;
}
#ie7 a:link.tipdownTrigger,
#ie7 a:visited.tipdownTrigger
#ie6 a:link.tipdownTrigger,
#ie6 a:visited.tipdownTrigger {
display: inline-block; /* ! */
}
#ie6 a:link.tipdownTrigger,
#ie6 a:visited.tipdownTrigger {
background-image: url(/includes/files/base/images/icons/icon-arrow-tipdown.gif);
}
a:hover.tipdownTrigger,
a:active.tipdownTrigger {
background: url(/includes/files/base/images/icons/icon-arrow-tipdown.png) right -150px no-repeat;
}
#ie6 a:hover.tipdownTrigger,
#ie6 a:active.tipdownTrigger {
background-image: url(/includes/files/base/images/icons/icon-arrow-tipdown.gif);
}
.tipdownContent { /* ! */
padding-top: 10px;
padding-bottom: 15px;
}
/* end */
/* -------------- POD TYPE: Accordion -------------- */
/* begin */
.accordion {
padding-bottom: 2em;
}
.accordion h3,
.accordion h4,
.accordion h5,
.accordion h6 {
font-size: 1em;
}
.accordionWrapper {
position: relative;
/* margin-left: 30px; /* ! */
}
.accordionWrapper .tipdown {
/* ! */
}
.accordionWrapper .tipdown .element {
/* ! */
text-align: left;
padding-left: 4px;
margin-bottom: 6px;
color: #6f6964;
background: transparent;
}
.accordionToggleOn,
.accordionToggleOff {
position: relative;
color: white;
padding: 4px 0 2px 4px;
margin-bottom: 2px;
height: 16px;
cursor: hand;
cursor: pointer;
}
.accordionToggleOn em,
.accordionToggleOff em {
display: block;
float: left;
width: 18px;
padding: 0 4px 0 0;
margin-right: 8px;
text-align: center;
font-style: none;
border-right: 1px solid white;
}
#ie6 .accordionToggleOn em,
#ie6 .accordionToggleOff em {
margin-left: 0px;
}
.accordionToggleOn {
color: white;
background: url(/includes/files/base/images/accordion-toggle-Bg.gif) right 3px no-repeat #1f80ca;
border: 0;
}
.accordionToggleOff {
background: url(/includes/files/base/images/accordion-toggle-Bg.gif) right -31px no-repeat #1f80ca;
}
/* end */
/* -------------- POD TYPE: Tabbed -------------- */
/* begin */
ol.tabs,
#main ol.tabs {
clear: both;
margin-top: 20px;
margin-bottom: 10px;
padding: 0 0 0 10px;
height: 19px;
border-bottom: 1px solid #1f80ca;
}
ol.tabs li,
#main ol.tabs li {
list-style: none;
float: left;
margin: 0 0 0 0;
padding: 0;
font-size: 13px;
}
ol.tabs li a:link,
ol.tabs li a:visited {
display: block;
color: white;
text-decoration: none;
background: url(/includes/files/base/images/tab-Bg.gif) right -200px no-repeat;;
border: 0px solid #1f80ca;
}
ol.tabs li a:link span,
ol.tabs li a:visited span {
display: block;
margin-right: 10px;
padding: 3px 14px 1px 14px;
background: url(/includes/files/base/images/tab-span-Bg.gif) left -200px no-repeat;;
}
ol.tabs li a:hover,
ol.tabs li a:active {
color: #1f80ca;
background-position: right -100px;
}
ol.tabs li .current a:link,
ol.tabs li .current a:visited {
color: #1f80ca;
background-position: right -000px;
}
ol.tabs li .current a:link span,
ol.tabs li .current a:visited span {
background-position: left -000px;
}
ol.tabs li a:hover span,
ol.tabs li a:active span,
ol.tabs li .current a:hover span,
ol.tabs li .current a:active span {
background-position: left -100px;
}
ol.tabs li .current a:hover span,
ol.tabs li .current a:active span {
color: white;
}
.tabbedContent {
display: none; /* */
}
/* end */
/* -------------- POD TYPE: Slideshow -------------- */
/* begin */
.pod.slideshow {
position: relative;
}
.pod.slideshow .slideshowWrapper {
position: relative;
}
.pod.slideshow .slideshowWrapper a:link,
.pod.slideshow .slideshowWrapper a:visited {
}
.pod.slideshow .slideshowWrapper a:hover,
.pod.slideshow .slideshowWrapper a:active {
}
.pod.slideshow .buttons {
position: absolute;
top: -10px;
right: -10px;
font-size: 10px;
}
#ie6 .pod.slideshow .buttons {
top: -17px;
right: 0px;
}
.pod.slideshow .buttons a:link,
.pod.slideshow .buttons a:visited {
display: block;
float: left;
padding: 1px 2px;
color: black;
background: #CCC;
border: 1px solid #999;
}
.pod.slideshow .buttons a:hover,
.pod.slideshow .buttons a:active {
color: black;
background: #DDD;
}
/* end */
/* -------------- POD TYPE: HTML -------------- */
/* begin */
.pod.html { }
/* end */
/* -------------- POD TYPE: Table -------------- */
/* begin */
.pod.table {
margin-bottom: 1em;
border: 0px solid red;
}
.pod.table .podStyleIndicator {
background: orange;
}
.pod.table table.table {
width: 100%;
border: 1px solid black;
border-width: 1px 0 0 1px; /* top, left */
}
.pod.table table.table th {
padding: 3px;
vertical-align: bottom;
font-size: .8em;
font-size: 12px;
font-weight: normal;
text-align: left;
color: white;
background: #666;
border-bottom: 1px solid black;
}
.pod.table table.table td {
padding: 3px;
border: 1px solid black;
border-width: 0 1px 1px 0 ; /* right, bottom */
}
.pod.table table.table tr.altRow {
background: #DDD;
}
.pod.table table.table td.first {
color: black;
text-align: left;
}
.pod.table table.table td em {
color: darkred;
font-weight: bold;
font-style: normal;
}
/* end */
/* -------------- POD TYPE: Columns -------------- */
/* begin */
.pod.columns {
clear: both;
position: relative;
padding: 0.4em 0 1em;
}
/* #ie7 .pod.columns,
#ie6 .pod.columns,
#ie7 .pod.columns .column,
#ie6 .pod.columns .column {
height: 1%;
} */
.pod.columns .column {
float: left;
position: relative;
}
.pod.columns .column.first {
}
.pod.columns .column.last {
}
/* end */
.warning {
color: red;
}
.ERROR {
color: #FF00FF;
background: #FFEEFF;
}
.clearLeft {
clear: left;
}
.clearRight {
clear: right;
}
.clearBoth {
clear: both;
}
/* -------------- for secure pages with login -------------- */
#profile {
float: right;
padding: 10px;
width: 130px;
width: 45%;
margin-left: 15px;
background: #f5f8fb; /* really light blue-grey */
border: 1px solid #afbdcd; /* light blue-grey */
}
/* end */
/* -------------- Front/Admin crossover styles (names must be consistent) -------------- */
.alignLeft {
float: left;
}
#ie6 .alignLeft {
position: relative;
}
.asset.alignLeft {
margin-right: 5px;
}
img.alignLeft {
float: left;
padding: 0 8px 4px 0;
}
.alignRight {
float: right;
}
#ie6 .alignRight {
position: relative;
}
.asset.alignRight {
padding: 4px;
margin-left: 5px;
}
img.alignRight {
float: right;
padding: 0 0 4px 8px;
}
.alignCenter,
.alignCenter img {
float: none;
display: block;
margin: 0 auto;
}
span.caption {
display: block;
padding: 2px 0 4px;
font-size: 10px;
font-style: italic;
}
.function ol.showChildren { /* used by show current children function */
border: 0px solid red;
}
.function ol.showChildren li,
#main .function ol.showChildren li {
list-style: none;
margin-left: 0;
}
/* INLINE STYLES */
sup {
font-size: 10px;
color: #666;
}
.TAB {
display: block;
float: left;
width: 20px;
height: 1px; /* must be at least 1 */
}
.NOTE {
font-size: 11px;
color: #999;
}
.CALLOUT {
/* font-size: 18px;
color: #9acc00; /* lime */
color: #cc2802; /* orange */
}
.WARNING {
color: #600; /* dark red */
}
.ERROR {
color: #FF00FF;
background: #FFEEFF;
}
/* POD STYLES */
/* begin */
.pod.NORMAL {
font-size: 12px;
line-height: 1.6em;
}
.pod.INDENT {
margin-left: 20px;
margin-right: 20px;
}
.pod.SIDEBAR {
position: relative;
float: right;
margin: 0 0 2px 15px;
width: 198px;
}
.pod.CALLOUT {
position: relative;
margin: 0 0 10px;
padding: 10px;
font-size: 1.2em;
line-height: 1.76em;
color: #6f6964;
/* color: #9acc00; /* lime */
}
.pod.PULLQUOTE {
float: right;
width: 38%;
color: #8b8078; /* warm grey 8 - lighten */
}
#right .pod.PULLQUOTE,
.columns .pod.PULLQUOTE {
float: none;
width: auto;
}
.pod.PULLQUOTE p,
#main .pod.PULLQUOTE p {
line-height: 24px;
}
.pod.PULLQUOTE em {
display: block;
padding: 0 0 6px 6px;
margin-bottom: 0;
font-size: 16px;
letter-spacing: -.03em;
border-left: 1px solid #8b8078; /* warm grey 8 - lighten */
}
.pod.PULLQUOTE i {
display: block;
margin-top: -1.2em;
margin-top: -24px;
padding: 10px 0 0 40px;
font-style: normal;
line-height: 16px;
background: url(/includes/files/base/images/pullquoteI-Bg.gif) 0 0px no-repeat;
}
#ie7 .pod.PULLQUOTE i,
#ie6 .pod.PULLQUOTE i {
margin-top: -25px;
}
.pod.FOOTNOTE {
margin: 30px 10px 0;
font-size: 10px;
color: #999;
}
.pod.FOOTNOTE li {
padding-bottom: 0;
}
/* end */
/* -------------- FUNCTION: Sitemap -------------- */
/* begin */
ol.sitemap {
list-style: none;
padding-left: 0;
}
ol.sitemap li,
#content ol.sitemap li {
padding-bottom: 0;
margin-left: 0;
}
ol.sitemap ol.hasChildren {
margin-bottom: 6px;
}
ol.sitemap ol.hasChildren li,
#content ol.sitemap ol.hasChildren li {
list-style: decimal;
margin-left: 20px;
}
ol.sitemap li.node {
}
/* end */
/* -------------- forms -------------- */
/* begin */
form.front {
position: relative; /* ! */
float: left;
width: 100%;
color: black;
margin-bottom: 20px;
}
form.front h2,
form.front h3,
form.front h4,
form.front h5 {
padding-bottom: 0;
margin-bottom: 0;
margin-left: .9em;
}
form.front h2 i,
form.front h3 i,
form.front h4 i,
form.front h5 i {
font-weight:normal;
}
form.front fieldset {
position: relative;
float: left;
clear: both;
margin: 0 0 -1em 0;
margin: 0 0 -1px 0;
padding: 0 0 1em 0;
width: 100%;
background: none;
border: 1px solid #e8e5e2;
}
#ie7 form.front fieldset,
#ie6 form.front fieldset {
border-style: solid;
padding-bottom: .5em;
}
form.front fieldset ol {
position: relative;
padding: 1em;
}
form.front fieldset ol li,
#main form.front fieldset ol li {
position: relative;
clear: left;
list-style: none;
padding: 0 0 .3em 20%;
margin: 0;
width: 80%;
width: 79%;
}
form.front fieldset ol li fieldset {
border: 0;
}
form.front fieldset ol li.group li,
form.front #main fieldset ol li.group li {
padding-left: 0;
width: 100%;
}
form.front fieldset ol.COLHALF {
width: 45%;
padding: 0;
margin-left: 0;
}
form.front fieldset ol.COLHALF li,
#main form.front fieldset ol.COLHALF li {
padding-left: 0;
width: auto;
}
form.front fieldset.buttons,
#ie7 form.front fieldset.buttons,
#ie6 form.front fieldset.buttons {
float: none;
width: 100%;
border-top: 0;
}
form.front fieldset.buttons ol {
padding-bottom: 0;
}
form.front fieldset.buttons ol li {
padding: 0;
}
form.front fieldset.buttons label {
position: absolute;
left: -9000px;
width: 0;
height: 0;
overflow: hidden;
}
form.front fieldset.buttons input,
#ie7 form.front fieldset.buttons input,
#ie6 form.front fieldset.buttons input { /* ! */
width: auto;
}
form.front fieldset.buttons .clearBoth {
height: 1em;
}
/* */
form.front input.hiddenSubmitButton {
display: none;
}
#ie7 form.front input.hiddenSubmitButton,
#ie6 form.front input.hiddenSubmitButton {
display: block;
position: absolute;
top: -9000px;
width: 1px;
height: 1px;
border: 0px solid none;
overflow: none;
}
form.front label {
position: relative;
display: block;
float: left;
clear: left;
margin-left: -25%;
width: 10em;
width: 23%;
}
#ie6 form.front label {
margin-left: -10%;
}
form.front .required label {
font-weight: bold;
}
form.front .fullWidth label {
width: 125%;
}
form.front input,
form.front select,
form.front textarea {
float: left;
width: 100%;
}
form.front textarea {
height: 100px;
}
#ie7 form.front input,
#ie7 form.front select,
#ie7 form.front textarea {
width: 98%;
}
#ie6 form.front input,
#ie6 form.front select,
#ie6 form.front textarea {
width: 99%;
}
form.front input.normal,
form.front select.normal,
#ie7 form.front input.normal,
#ie7 form.front select.normal,
#ie6 form.front input.normal,
#ie6 form.front select.normal {
width: auto;
}
form.front .help {
display: inline;
}
form.front .flipped { /* ! */
padding-left: 0;
width: 100%;
}
form.front .flipped input,
#ie7 form.front .flipped input,
#ie6 form.front .flipped input {
float: left;
width: auto;
}
#ie6 form.front .flipped input {
margin-right: 30px;
}
form.front .flipped label {
clear: none;
padding-top: .25em;
width: auto;
margin-left: 0;
}
form.front p.instructions {
display: block;
padding: 0 1em 0 1em;
}
form.front .fullWidth p.instructions {
padding-left: 0;
padding-bottom: 0;
margin-left: -25%;
width: auto;
}
form.front fieldset ol li.instructions,
#main form.front fieldset ol li.instructions {
padding-left: 0;
margin-left: 0;
width: 100%;
}
form.front li.instructions ol.normal li,
form.front li.instructions ul.normal li,
#main form.front li.instructions ol.normal li,
#main form.front li.instructions ul.normal li { /* ! */
padding-left: 0;
margin-left: px; /* ! */
width: 100%;
width: auto;
list-style: decimal;
}
form.front li.instructions ul.normal li {
list-style: disc;
}
form.front .instructions h2,
form.front .instructions h3,
form.front .instructions h4,
form.front .instructions h5 {
margin-left: 0;
}
/* end */
/* -------------- Search Results -------------- */
/* begin */
#searchResults {
margin-top: -4px;
}
#searchResults a:link.slideVertical,
#searchResults a:visited.slideVertical {
/* color: black; */
padding-right: 16px;
background: url(/includes/files/base/images/icons/icon-arrow-tipdown.png) right 2px no-repeat;
}
#ie6 .searchResults a:link.slideVertical,
#ie6 .searchResults a:visited.slideVertical {
background: url(/includes/files/base/images/icons/icon-arrow-tipdown.gif) right 2px no-repeat;
}
#searchResults a:hover.slideVertical,
#searchResults a:active.slideVertical {
background: url(/includes/files/base/images/icons/icon-arrow-tipdown.png) right -22px no-repeat;
}
#ie6 .searchResults a:hover.slideVertical,
#ie6 .searchResults a:active.slideVertical {
background: url(/includes/files/base/images/icons/icon-arrow-tipdown.gif) right -22px no-repeat;
}
#searchResults h2 {
margin-left: -10px;
}
#ie6 #searchResults h2 {
margin-left: 0;
}
#searchResults h3.resultsHdr {
margin: 4px 0px 5px -10px;
padding-left: 5px;
background: #CCC; /* dark grey */
}
#ie6 #searchResults h3.resultsHdr {
margin-left: 0;
}
#searchResults .left {
float: left;
width: 515px;
}
#searchResults .right { /* ! */
float: right;
position: relative;
margin: 40px 0 0 20px;
padding: 0 0 20px 14px;
width: 195px;
border-left: 1px solid #1f80ca; /* blue */
}
#searchResults .right h2 {
/* ! */
}
.searchResults {
list-style: none;
margin-top: -5px; /* accommodates padding-top on li */
padding: 0 0 10px 0;
}
#main .searchResults li { /* gotta be specific */
padding-top: 5px;
margin-left: 0;
}
.searchResults .relevance {
display: none;
margin-left: -20px;
padding-right: 4px;
}
.searchResults .listing {
font-size: 13px;
}
.searchResults .note {
display: block;
font-size: 10px;
}
#ie7 .searchResults,
#ie7 .searchResults .relevance,
#ie7 .searchResults .listing,
#ie7 .searchResults .note,
#ie6 .searchResults,
#ie6 .searchResults .relevance,
#ie6 .searchResults .listing,
#ie6 .searchResults .note {
position: static; /* ! */
}
/* end */
/* -------------- default site -------------- */
/* begin */
body {
background: white;
background: url(/includes/files/base/images/body-Bg.jpg) 50% 0 no-repeat white;
}
#page {
z-index: 50;
position: relative;
width: 990px;
margin: 0 auto 10px;
padding-top: 65px;
text-align: left;
}
#logo {
position: absolute;
left: 0;
top: 0;
padding-top: 65px;
width: 90px;
height: 247px;
text-align: center;
}
#content {
z-index: 200;
float: left;
position: relative;
margin: 0 0 0 90px;
width: 900px;
background: url(/includes/files/base/images/content-Bg.png) left top no-repeat;
}
/* #ie7 #content {
height: 1%;
background: pink;
} */
#ie6 #content {
display: inline;
background-image: url(/includes/files/base/images/content-Bg.gif);
}
#contentBottom {
z-index: 20;
clear: left;
float: left;
position: relative;
height: 75px;
width: 702px;
background: url(/includes/files/base/images/mainCloser-Bg.png) left bottom no-repeat;
}
#ie6 #contentBottom {
/* height: 30px;*/
background-image: url(/includes/files/base/images/mainCloser-Bg.gif);
}
#crumbPath {
position: absolute;
top: -36px;
left: 4px;
margin: 0 30px;
width: 622px;
height: 14px;
font-style: italic;
font-size: 11px;
color: #8b8078; /* warm grey 8 - lighten */
}
#ie6 #crumbPath {
/* left: -30px; */
}
#crumbPath a:link,
#crumbPath a:visited {
color: #8b8078; /* warm grey 8 - lighten */
}
#crumbPath h1 {
display: inline;
margin-top: -2px;
padding: 0;
font-size: 11px;
color: #8b8078; /* warm grey 8 - lighten */
}
#crumbPath ol {
}
#crumbPath ol li {
list-style: none;
float: left;
margin: 0 4px 0 0;
padding: 1px 16px 0 0;
background: url(/includes/files/base/images/navIndicator.gif) right 0px no-repeat;
}
#main {
z-index: 210;
position: relative;
float: left;
margin-top: 40px;
padding: 30px 34px 0 232px;
width: 436px;
background: url(/includes/files/base/images/main-Bg.png) left top repeat-y;
}
#ie6 #main {
background: none;
padding-right: 20px;
background-image: url(/includes/files/base/images/main-Bg.gif);
}
#main p {
line-height: 1.6em;
}
#main #headline {
position: relative;
margin: 0 0 1.6em -198px;
}
#headline h2 {
padding-bottom: 0;
border: 1px
}
#headline p {
padding-bottom: 0;
font-style: italic;
color: #8b8078; /* warm grey 8 - lighten */
}
#copy {
float: left;
width: 100%;
}
#hdrGraphic {
display: block;
margin-top: -40px;
margin-left: -198px;
height: 120;
}
#nSecondary {
position: relative;
float: left;
margin-top: 50px;
margin-left: -218px; /* + space for arrows */
width: 198px;
}
#ie6 #nSecondary {
display: inline;
}
#nSecondary ol {
}
#nSecondary ol li {
list-style: none;
padding: 0;
border-top: 1px solid #e8e5e2; /* warm grey - very light */
border-top: 1px solid #8b8078; /* warm grey 8 - lighten */
}
#nSecondary ol li.first {
border: 0;
}
#nSecondary ol li a:link,
#nSecondary ol li a:visited {
display: block;
margin-left: -15px;
padding: .4em 4px .4em 14px;
line-height: 1.1em;
}
#nSecondary ol li.last a:link,
#nSecondary ol li.last a:visited {
border: 0;
}
#nSecondary ol li .current a:link,
#nSecondary ol li .current a:visited {
background: url(/includes/files/base/images/navIndicator.gif) left 4px no-repeat;
}
#nSecondary ol li .current a:hover {
background: url(/includes/files/base/images/navIndicator.gif) left -46px no-repeat;
}
#nSecondary ol li a:hover {
background: url(/includes/files/base/images/navIndicator.gif) left -46px no-repeat;
}
#extra {
padding-top: 50px;
margin-left: 20px;
}
#right {
z-index: 220;
display: inline;
float: right;
padding: 90px 0 20px 0;
width: 198px;
}
#right h2,
#right h3,
#right h4,
#right h5,
#right h6 {
border-top: 1px solid #e8e5e2; /* warm grey - very light */
border-top: 1px solid #8b8078; /* warm grey 8 - lighten */
}
#right .pod .pod h2,
#right .pod .pod h3,
#right .pod .pod h4,
#right .pod .pod h5,
#right .pod .pod h6 {
border: none;
}
#nav {
z-index: 10000;
position: absolute;
left: 90px;
top: 0;
width: 900px;
height: 65px;
}
#nav .icons {
float: right;
margin: 30px 0 0 0;
width: 125px;
}
#nav .icons a {
float: left;
height: 28px;
width: 28px;
background: url(/includes/files/base/images/icons-Bg.gif) left 100px no-repeat;
}
#nav .icons a.twitter {
background-position: 0 1px;
}
#nav .icons a.twitter:hover {
background-position: 0 -34px;
}
#nav .icons a.facebook {
background-position: -40px 1px;
}
#nav .icons a.facebook:hover {
background-position: -40px -34px;
}
#nav .icons a.flickr {
background-position: -80px 1px;
}
#nav .icons a.flickr:hover {
background-position: -80px -34px;
}
#nav .icons a.rss {
background-position: -120px 1px;
}
#nav .icons a.rss:hover {
background-position: -120px -34px;
}
#nav .icons ul {
padding-top: 0;
float: right;
}
#nav .icons ul li {
list-style: none;
float: left;
padding: 0;
margin: 0 0 5px 10px;
}
#nConstant {
position: absolute;
right: 218px; /* + shadow width */
top: 4px;
font-size: 11px;
}
#nPrimary {
position: absolute;
right: 218px; /* + shadow width */
top: 45px;
font-size: 12px;
}
#nPrimary a:link,
#nConstant a:link {
color: #333333; /* dark grey */
}
#nPrimary a:visited,
#nConstant a:visited {
color: #685c53; /* warm grey 11 */
}
#nPrimary a:hover,
#nConstant a:hover
#nPrimary .current a:link,
#nPrimary .current a:visited,
#nConstant .current a:link,
#nConstant .current a:visited {
color: #1f80ca; /* blue */
}
#nPrimary ol,
#nConstant ol {
}
#nPrimary ol li,
#nConstant ol li {
list-style: none;
float: left;
margin: 0 0 0 8px;
padding: 0 0 0 8px;
border: 1px solid #685c53; /* warm grey 11 */
border-width: 0 0 0 1px;
}
#nPrimary ol li.last {
border-width: 0 1px 0 1px;
padding-right: 8px;
}
#nConstant ol li {
font-size: 11px;
border: none;
}
#footer {
clear: both;
margin: 0 auto 10px;
padding-left: 124px;
width: 668px;
width: 866px;
font-size: .9em;
text-align: left;
}
#overs {
z-index: 15000;
}
/* ! */
#return {
z-index: 14999;
position: absolute;
top: 0;
left: 0;
padding: 6px;
width: 90px;
color: white;
background: #1f80ca; /* blue */
}
#return a:link,
#return a:visited {
color: white;
}
/* END default site */
.asset.alignLeft.no-space-right {
margin-right: 0;
}
.asset.alignLeft.no-space-bottom {
margin-bottom: 0;
}
.asset.alignRight.no-space-left {
margin-left: 0;
}
.asset.alignRight.no-space-bottom {
margin-bottom: 0;
}
/* -------------- standard tags for basic/global functionality -------------- */
/* begin */
#createdBy {
display: none;
}
.linkToAdmin {
position: absolute;
right: 10px;
top: 0;
}
.fileDetails {
font-size: 10px;
color: #555;
}
.hidden {
display: none;
}
.printOnly {
display: none;
}
.screenOnly {
/* ! */
}
.access { /* ! */
position: absolute;
left: -9000px;
width: 0;
height: 0;
overflow: hidden;
}
/* Flash Messages Styling */
.alert-notice,
.alert-error {
border: 1px solid #ccc;
padding: 5px 10px;
margin: 10px 0px;
font-weight: bold;
}
.alert-notice {
background: #fef7df url(/includes/files/base/images/fade-yellow.png) repeat-x;
color: #514721;
border-color: #efd48b;
}
.alert-error {
background: #fee5e2 url(/includes/files/base/images/fade-red.png) repeat-x;
color: #51241c;
font-weight: 700;
border-color: #fdb3a8;
}
.alert-notice a.close,
.alert-error a.close {
float: right;
display: block;
width: 16px;
height: 16px;
cursor: pointer;
background: url(/includes/files/base/images/bg-close.png) no-repeat;
}
#relatedCategories {
padding-top: .8em;
}
#relatedCategories .relatedCategory {
padding: .2em;
padding-left: .4em;
}