/***********************************************************************************************************************************************************
* Search this file for an equals sign (=) to jump between grouped classes *
* *
* Author : Duncan Brown, Harlequin Solutions *
* Created : 02.04.2007 *
* Title : cc.css *
* Browser(s) : All (IE Win hacks/fixes are in separate stylesheets) * *
* *
* Source Safe Version Modified by Modification *
* ? Jill 13.07.2007 Added style element table.addborder to enable borders without changing font size *
* 8 Duncan 03/09/2007 Removed additional styling of 1st sector news heading *
* *
***********************************************************************************************************************************************************/
/* Global Settings
=============================================================================================*/
body {
font-family: arial, helvetica, sans-serif;
font-size: 76%;
/* TE: This has been overridden by main being 100% */
/* Font sizing in ems. If you want to change anything size-wise, just change this. */
/* Refer to http://www.thenoodleincident.com/tutorials/typography for details. */
/* 76% is as small as you can go and stay the same across browsers. */
text-align: left;
background: #fff url(includes/2007/site_images/bg_body.gif) top left repeat-x;
margin-left:10px;
}
* { /* Set ALL default values to zero */
padding: 0;
margin: 0;
}
a {
color: #006279;
text-decoration: none;
}
a:hover {
color: #d30f4c;
text-decoration: none;
}
a { /* Gets rid of Firefox's dotted borders */
outline:none;
}
img {
border: none;
}
table {
/*border-collapse: separate; - used in Global Reset [http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/]*/
border-collapse: collapse;
border-spacing: 0;
}
ol, ul, li
{
list-style:none;
}
.ClearHackZZZ {
display: block;
visibility: hidden;
clear: both;
height: 0;
}
.Hide,
.Four i,
div#LeftPanelHolder,
#TabContent i,
#UsefulWebsites i,
p#Top, /* No need for 2 'back to top' links per page */
#Footer i { /* All items to hide */
position: absolute;
left: 0px;
top: -5000px;
width: 1px;
height: 1px;
overflow: hidden;
}
/*p {
color: #4c4d62;
}*/
/* 'Easy Clearing' Wrapper classes to ensure backgrounds work correctly across all browsers
Only used for 'Quick Links' so far for Firefox...
======================================================================================*/
/* easy clearing */
.Wrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.Wrapper {
display: inline-block; /* The W3C CSS validator needs updating to support the CSS 2.1 spec */
}
/*\*/
.Wrapper {
display: block;
}
/* end easy clearing */
/* Order of grouped styles generally follows the HTML source order where possible
=============================================================================================*/
div#Container { /* This DIV contains all content */
width: 945px;
margin: 0 auto;
text-align: left;
/*background: #eee;*/
}
/* Header - (top links, search, random image, logo)
=============================================================================================*/
/*div#Header {
position: relative;
padding: 0.5em 0;
}*/
/* Top Links (top row of links)
=============================================================================================*/
div#TopLinks {
/*background: #fff;*/
float: left;
width: 680px; /* Note: increasing this value causes the UL to vanish in IE6 */
margin: 0 14px 0 0; /* Nudge the Quick Search over */
font-size: 93%;
line-height: normal;
}
div#TopLinks ul li {
display: inline;
}
div#TopLinks a {
float: left;
background: url(includes/2007/site_images/arrow_top_links.gif) 0em 0.5em no-repeat;
padding: 0.5em 1.4em 0.5em 1.1em;
}
div#TopLinks a:hover {
background-position: 0.2em 0.5em;
}
/* Site Search
=============================================================================================*/
div#SearchBox {
/*background: #fff;*/
}
div#SearchBox legend {
display: none;
}
div#SearchBox fieldset {
border: 0px solid #f00; /* Check in older browsers... no effect on standards browsers */
}
div#SearchBox .SearchTextBox {
width: 152px;
background: url(includes/2007/site_images/Google-search.gif) no-repeat;
text-indent: 15px;
border-top: 1px solid #7d7d7d;
border-right: 1px solid #c4c4c4;
border-bottom: 1px solid #dedede;
border-left: 1px solid #c4c4c4;
}
/* input#SubmitQuickSearch {
width: auto !important;
padding: 2px 0.8em 1px 1.2em !important;
border: 0px solid #fff !important;
background: #ddd url(includes/2007/site_images/bg_butt_site_search.gif) repeat-x 0 45%;
color: #0082A1;
font: bold 85% Tahoma, Verdana, "Lucida Sans Unicode", arial, helvetica, sans-serif;
cursor: pointer;
}
input#SubmitQuickSearch:hover,
input#SubmitQuickSearch:focus {
background: #ddd url(includes/2007/site_images/bg_butt_site_search.gif) repeat-x 2px 45%;
color: #d30f4c;
}*/
/* Branding Bar (Logo, brand statement, random image)
=============================================================================================*/
div#Branding { /* This DIV contains the graphic for the brand statement */
position: relative; /* Containing block - give nested divs a starting point */
clear: both; /* bring onto a new line under links and search */
margin: 8px 0 0;
/*background: transparent url(includes/2007/site_images/bg_header.gif) 232px 0px no-repeat;*/
}
div.EnglishBrand { /* This DIV contains the graphic for the Welsh brand statement */
background: transparent url(includes/2007/site_images/bg_header_english.gif) 232px 0px no-repeat;
}
div#Logo h1,
div#Logo {
width: 218px;
height: 126px;
text-indent: -999999px;
background: transparent url(includes/2007/site_images/logos/english_logo_01.gif) top left no-repeat; /* Displayed in Punch CMS when ASP script is disabled */
}
div.EnglishLogo01 a { background: transparent url(includes/2007/site_images/logos/english_logo_01.gif) top left no-repeat; }
div.EnglishLogo02 a { background: transparent url(includes/2007/site_images/logos/english_logo_02.gif) top left no-repeat; }
div.EnglishLogo03 a { background: transparent url(includes/2007/site_images/logos/english_logo_03.gif) top left no-repeat; }
div.EnglishLogo04 a { background: transparent url(includes/2007/site_images/logos/english_logo_04.gif) top left no-repeat; }
div#Logo a {
display: block;
text-decoration: none;
width: 100%;
height: 100%;
}
div#Branding blockquote {
position: absolute; /* From containing block */
top: 0px;
right: 0px;
width: 218px;
height: 126px;
background: transparent url(includes/2007/site_images/random_brand_images/a.jpg) top left no-repeat; /* Displayed in Punch CMS when ASP script is disabled */
}
/* Random images */
div#Branding blockquote#BrandImageA { background: transparent url(includes/2007/site_images/random_brand_images/a.jpg) top left no-repeat; }
div#Branding blockquote#BrandImageB { background: transparent url(includes/2007/site_images/random_brand_images/b.jpg) top left no-repeat; }
div#Branding blockquote#BrandImageC { background: transparent url(includes/2007/site_images/random_brand_images/c.jpg) top left no-repeat; }
div#Branding blockquote#BrandImageD { background: transparent url(includes/2007/site_images/random_brand_images/d.jpg) top left no-repeat; }
div#Branding blockquote#BrandImageE { background: transparent url(includes/2007/site_images/random_brand_images/e.jpg) top left no-repeat; }
div#Branding blockquote#BrandImageF { background: transparent url(includes/2007/site_images/random_brand_images/f.jpg) top left no-repeat; }
div#Branding blockquote#BrandImageG { background: transparent url(includes/2007/site_images/random_brand_images/g.jpg) top left no-repeat; }
div#Branding blockquote#BrandImageH { background: transparent url(includes/2007/site_images/random_brand_images/h.jpg) top left no-repeat; }
div#Branding blockquote#BrandImageI { background: transparent url(includes/2007/site_images/random_brand_images/i.jpg) top left no-repeat; }
div#Branding blockquote#BrandImageJ { background: transparent url(includes/2007/site_images/random_brand_images/j.jpg) top left no-repeat; }
div#Branding blockquote#BrandImageK { background: transparent url(includes/2007/site_images/random_brand_images/k.jpg) top left no-repeat; }
div#Branding blockquote#BrandImageL { background: transparent url(includes/2007/site_images/random_brand_images/l.jpg) top left no-repeat; }
div#Branding blockquote#BrandImageM { background: transparent url(includes/2007/site_images/random_brand_images/m.jpg) top left no-repeat; }
div#Branding blockquote#BrandImageN { background: transparent url(includes/2007/site_images/random_brand_images/n.jpg) top left no-repeat; }
div#BrandingWelsh { /* This DIV contains the graphic for the brand statement */
position: relative; /* Containing block - give nested divs a starting point */
clear: both; /* bring onto a new line under links and search */
margin: 8px 0 0;
/*background: transparent url(includes/2007/site_images/bg_header.gif) 232px 0px no-repeat;*/
}
div.WelshBrand { /* This DIV contains the graphic for the Welsh brand statement */
background: transparent url(includes/2007/site_images/bg_header_welsh.gif) 232px 0px no-repeat;
}
div#LogoWelsh h1,
div#LogoWelsh {
width: 218px;
height: 126px;
text-indent: -999999px;
background: transparent url(includes/2007/site_images/logos/welsh_logo_01.gif) top left no-repeat; /* Displayed in Punch CMS when ASP script is disabled */
}
div.WelshLogo01 a { background: transparent url(includes/2007/site_images/logos/welsh_logo_01.gif) top left no-repeat; }
div.WelshLogo02 a { background: transparent url(includes/2007/site_images/logos/welsh_logo_02.gif) top left no-repeat; }
div.WelshLogo03 a { background: transparent url(includes/2007/site_images/logos/welsh_logo_03.gif) top left no-repeat; }
div.WelshLogo04 a { background: transparent url(includes/2007/site_images/logos/welsh_logo_04.gif) top left no-repeat; }
div#LogoWelsh a {
display: block;
text-decoration: none;
width: 100%;
height: 100%;
}
div#BrandingWelsh blockquote {
position: absolute; /* From containing block */
top: 0px;
right: 0px;
width: 218px;
height: 126px;
background: transparent url(includes/2007/site_images/random_brand_images/a.jpg) top left no-repeat; /* Displayed in Punch CMS when ASP script is disabled */
}
/* Random images */
div#BrandingWelsh blockquote#BrandImageA { background: transparent url(includes/2007/site_images/random_brand_images/a.jpg) top left no-repeat; }
div#BrandingWelsh blockquote#BrandImageB { background: transparent url(includes/2007/site_images/random_brand_images/b.jpg) top left no-repeat; }
div#BrandingWelsh blockquote#BrandImageC { background: transparent url(includes/2007/site_images/random_brand_images/c.jpg) top left no-repeat; }
div#BrandingWelsh blockquote#BrandImageD { background: transparent url(includes/2007/site_images/random_brand_images/d.jpg) top left no-repeat; }
div#BrandingWelsh blockquote#BrandImageE { background: transparent url(includes/2007/site_images/random_brand_images/e.jpg) top left no-repeat; }
div#BrandingWelsh blockquote#BrandImageF { background: transparent url(includes/2007/site_images/random_brand_images/f.jpg) top left no-repeat; }
div#BrandingWelsh blockquote#BrandImageG { background: transparent url(includes/2007/site_images/random_brand_images/g.jpg) top left no-repeat; }
div#BrandingWelsh blockquote#BrandImageH { background: transparent url(includes/2007/site_images/random_brand_images/h.jpg) top left no-repeat; }
div#BrandingWelsh blockquote#BrandImageI { background: transparent url(includes/2007/site_images/random_brand_images/i.jpg) top left no-repeat; }
div#BrandingWelsh blockquote#BrandImageJ { background: transparent url(includes/2007/site_images/random_brand_images/j.jpg) top left no-repeat; }
div#BrandingWelsh blockquote#BrandImageK { background: transparent url(includes/2007/site_images/random_brand_images/k.jpg) top left no-repeat; }
div#BrandingWelsh blockquote#BrandImageL { background: transparent url(includes/2007/site_images/random_brand_images/l.jpg) top left no-repeat; }
div#BrandingWelsh blockquote#BrandImageM { background: transparent url(includes/2007/site_images/random_brand_images/m.jpg) top left no-repeat; }
div#BrandingWelsh blockquote#BrandImageN { background: transparent url(includes/2007/site_images/random_brand_images/n.jpg) top left no-repeat; }
/* Main Nav Bar
======================================================================================*/
div#MainNav {
float: left;
width: 100%;
clear: both; /* bring onto a new line under branding div */
margin-top: 7px;
line-height: normal;
}
div#MainNav ul {
font: bold 1.0em 'lucida grande',tahoma,sans-serif;
}
div#MainNav ul li {
display: inline;
}
div#MainNav ul li a {
float: left;
padding: 0 2px 0 2px; /* This reveals the BG */
}
div#MainNav ul li a#Selected {
background: url("includes/2007/site_images/bg_mainnav_left.gif") no-repeat left top;
color: #d30f4c;
}
div#MainNav ul li a#Selected:hover {
color: #000;
}
div#MainNav ul li a#Selected span {
background: url("includes/2007/site_images/bg_mainnav_right.gif") no-repeat right top;
}
#MainNav ul li a span {
float: left;
display: block;
padding: 0.5em 0.6em 0.9em;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#MainNav ul {}
/* End IE5-Mac hack */
div#MainNav ul li a#Selected:hover {
background-position: left 1px;
}
div#MainNav ul li a#Selected:hover span {
background-position: right 1px;
}
/* Tooltips for main nav links */
body div#toolTip {
position: absolute;
z-index: 1000;
width: 220px;
background: #d30f4c;
border: 2px solid #fff;
text-align: left;
padding: .8em;
min-height: 1em;
}
body div#toolTip p {
margin: 0;
padding: 0;
color: #fff;
font-size: 1em;
}
/* Homepage News Alert
======================================================================================*/
div#NewsAlert {
width: 100%;
overflow: hidden;
clear: both; /* bring onto a new line under main nav links */
margin: 0 0 19px;
padding: 0 0 9px 0;
background: #B2D9E3 url("includes/2007/site_images/bg_news_alert_bottom.gif") no-repeat left bottom;
}
div#NewsAlert #NewsAlertText {
float: right;
width: 713px;
margin-left: -713px;
}
div#NewsAlert #NewsAlertImage {
float: left;
width: 232px;
}
div#NewsAlert #NewsAlertImage img { /* Also see IE CSS */
margin: 9px 9px 0;
}
div#NewsAlert h2 {
padding: 9px 0;
background: transparent url("includes/2007/site_images/bg_news_alert_top.gif") no-repeat right top;
font-size: 1.8em;
font-weight: 400;
}
div#NewsAlert h2 a {
color: #D30F4C;
}
div#NewsAlert p {
padding: 0 9px 0 0;
color: #006279;
line-height: 1.3em;
}
div#NewsAlert p a {
color: #006279;
font-weight: bold;
}
div#NewsAlert a:hover {
color: #fff;
}
/* Homepage Main div including the 4 main areas + What's New
======================================================================================*/
div#HomeMain2ColumnWrapper { /* Wrapper for the main 4 box area and What's New */
width: 945px;
overflow: hidden;
clear: both; /* bring onto a new line under main nav links */
background: url(includes/2007/site_images/bg_home_2_cols_repeat.gif) repeat-y; /* Adds the main repeating BG to make the 2 areas always look the same height */
}
div#HomeMain2ColumnBGRepeat { /* Adds the bottom BG to make the 2 areas always look the same height */
float: left;
background: url(includes/2007/site_images/bg_home_2_cols_bottom.gif) bottom left no-repeat;
}
div#Home4Boxes { /* Inner content of main div */
float: left;
width: 713px;
padding: 8px 0 18px 0;
background: url(includes/2007/site_images/bg_4_box_top.gif) left top no-repeat;
}
div#Home4Boxes div.HomeBox {
width: 339px;
margin: 0 0 18px 0;
padding: 11px 0 0;
background: url(includes/2007/site_images/bg_4_boxes.gif) left top no-repeat;
}
div#Home4Boxes div.One,
div#Home4Boxes div.Three {
clear: left;
float: left;
margin: 0 0 0 8px;
}
div#Home4Boxes div.Two,
div#Home4Boxes div.Four {
margin-left: 355px;
clear: right;
}
div#Home4Boxes div.HomeBox h2,
div#Home4Boxes div.HomeBox h3 {
font-size: 1.8em;
font-weight: 400;
/*height: 35px; */
padding: 0 8px 10px;
}
div#Home4Boxes div.HomeBox h2 a:link,
div#Home4Boxes div.HomeBox h3 a:link,
div#Home4Boxes div.HomeBox h2 a:visited,
div#Home4Boxes div.HomeBox h3 a:visited { /* 4 main black links */
color: #000;
}
div#Home4Boxes div.HomeBox h2 a:hover,
div#Home4Boxes div.HomeBox h3 a:hover { /* Override black on hovers */
color: #d30f4c;
}
div#Home4Boxes div.HomeBox p {
font-size: 1.05em;
line-height: 1.2em;
padding: 0 8px 8px;
}
div#Home4Boxes div.HomeBox img {
float: left;
padding: 0 8px;
}
div#Home4Boxes div.HomeBox ul {
padding: 0 8px;
}
div#Home4Boxes div.HomeBox ul li {
padding: 0 0 8px 14px;
background: url(includes/2007/site_images/nav_bullets.gif) 0px 1px no-repeat;
}
div#Home4Boxes div.Four ul {
width: 80px;
float: right;
padding: 0;
}
div#Home4Boxes div.Four p {
clear: right;
}
/* Homepage - Register of Charities Search
======================================================================================*/
div#Home4Boxes div.One legend {
display: none;
}
div#Home4Boxes div.One fieldset {
border: 0px solid #f00; /* Check in older browsers... no effect on standards browsers */
margin: 0 0 8px;
}
div#Home4Boxes div.One .SearchRegisterTextBox {
width: 257px;
margin: 0 0 0 8px;
background: url(includes/2007/site_images/bg_search_text_box.gif) no-repeat;
border-top: 1px solid #7d7d7d;
border-right: 1px solid #c4c4c4;
border-bottom: 1px solid #dedede;
border-left: 1px solid #c4c4c4;
color: #7F808F;
}
div#Home4Boxes div.One input#SubmitRegisterSearch {
width: auto !important;
margin: 0 0 0 8px;
padding: 2px 0.4em 6px 1.2em !important;
border: 0px solid #fff !important;
background: #ccc url(includes/2007/site_images/bg_butt_register_search.gif) no-repeat 0 45%;
color: #0082A1;
font: bold 85% Tahoma, Verdana, "Lucida Sans Unicode", arial, helvetica, sans-serif;
cursor: pointer;
}
div#Home4Boxes div.One input#SubmitRegisterSearch:hover,
div#Home4Boxes div.One input#SubmitRegisterSearch:focus {
color: #d30f4c;
}
/* Homepage - What's New?
======================================================================================*/
div#WhatsNewContainer {
width: 218px;
float: right;
}
div#WhatsNewContainer h2 {
color: #fff;
font-size: 1.8em;
font-weight: 400;
/*height: 35px; */
padding: 18px 0 10px 8px;
background: #f47920 url(includes/2007/site_images/bg_whats_new_top.gif) right top no-repeat;
/*margin-bottom: 4px;*/
}
/* Homepage 2 Tab Links
======================================================================================*/
div#TabLinks {
background: #f47920;
overflow: hidden;
}
div#TabLinks ul {
margin-left: 3px;
overflow: visible;
display: block;
}
div#TabLinks ul li.SectorNewsTabZZZ { /* Remove ZZZ to activate and delete next class if tabs are required to remain side by side at larger text sizes */
float:left;
}
div#TabLinks ul li {
display: inline;
}
/* Homepage Tab highlight switching
======================================================================================*/
div#TabLinks a { /* Helps styling for non JS anabled users */
float: left;
margin-right: 4px;
font-weight: bold;
color: #0082a1;
background: #fff;
}
div#TabLinks a span {
float: left;
padding: 7px 6px 5px;
cursor: pointer;
}
div#TabLinks a.tabOn {
background: #fff url(includes/2007/site_images/news_tab_on_left.gif) no-repeat left top;
color: #0082a1;
}
div#TabLinks a.tabOn span {
background: url(includes/2007/site_images/news_tab_on_right.gif) no-repeat right top;
}
div#TabLinks a.tabOff {
background: #fcd7bd url(includes/2007/site_images/news_tab_off_left.gif) no-repeat left top;
color:#7f808f;
}
div#TabLinks a.tabOff span {
background: url(includes/2007/site_images/news_tab_off_right.gif) no-repeat right top;
}
div#TabLinks a:hover { /* This doesn't work for IE6 */
color: #d30f4c;
}
/* Homepage Tab Content
======================================================================================*/
div#TabContent {
/*clear:left;*/
}
div#TabContent ul#SectorNews,
div#TabContent ul#Updates {
min-height: 160px;
padding: 10px 8px 0;
background: url(includes/2007/site_images/news_white_corner.gif) no-repeat right top;
}
div#TabContent div ul li { /* All news & updates items */
display: block;
overflow: hidden;
margin: 0 0 12px;
}
div#WhatsNewContainer img {
float: right;
margin: 0 0 3px 3px;
}
#WhatsNewContainer h3 { /* All news headlines */
font-size: 1.2em;
line-height: 1em;
}
#WhatsNewContainer ul li.News0 h3 { /* First Sector News headline */
margin-bottom: 3px;
/*font-size: 1.5em;*/
/*font-weight: normal;*/
}
#WhatsNewContainer p { /* All descriptions */
font-size: 0.95em;
line-height: 1.15em;
}
#WhatsNewContainer a.NewsArchive {
display: block;
width: 95px;
height: 27px;
margin: 0 0 16px 123px;
text-indent: -99999em;
background: url(includes/2007/site_images/news_archive_button.gif) left top no-repeat;
}
#WhatsNewContainer a.RecentUpdatesArchive {
display: block;
width: 95px;
height: 27px;
margin: 0 0 16px 123px;
text-indent: -99999em;
background: url(includes/2007/site_images/updates_archive_button.gif) left top no-repeat;
}
#WhatsNewContainer .JS_Hidden { /* Styled content for non JS enabled users*/
margin: 5px 0 0 6px;
font-weight: bold;
color: #000;
font-size: 1.1em;
}
/* Hide and show tab content as desired
======================================================================================*/
#WhatsNewContainer img, /* Hide all images */
ul#SectorNewsZZZ li p, /* Remove ZZZ to activate class to hide all SECTOR NEWS descriptions - show various items next if required... */
ul#UpdatesZZZ li p { /* Remove ZZZ to activate class to hide all UPDATES descriptions too */
display: none;
}
li.News0 img, /* override previous class and show 1st news image in 1st LI only */
li.Updates0 img /* override previous class and show 1st news image in 1st LI only */
{
display: block !important;
}
/* Homepage Quick Links
======================================================================================*/
div#QuickLinks {
width: 945px;
overflow: hidden;
clear: both; /* bring onto a new line under main 2 cols */
margin: 19px 0 18px;
padding: 0 0 10px 0; /* The final P adds the other 8px */
background: #B2D9E3 url("includes/2007/site_images/bg_quick_links_bottom.gif") repeat-y left bottom;
}
div#QuickLinks h3 {
padding: 11px 16px 10px;
background: transparent url("includes/2007/site_images/bg_quick_links_top.gif") no-repeat right top;
font-size: 1.8em;
font-weight: 400;
color: #4c4c61;
}
div#QuickLinks div#Rule {
width: 694px;
margin: 0 0 8px 16px;
background: transparent url("includes/2007/site_images/bg_quick_links_divider.gif") no-repeat left bottom;
}
div#QuickLinks ul {
width: auto;
}
div#QuickLinks p,
div#QuickLinks ul li {
width: 333px;
float: left;
display: block;
padding: 0 0 8px 14px;
background: url(includes/2007/site_images/nav_bullets.gif) 0px 1px no-repeat;
}
div#QuickLinks p {
margin: 0 0 0 16px;
}
/* Homepage Useful Sites
======================================================================================*/
div#UsefulWebsites {
width: auto;
overflow: hidden;
clear: both; /* bring onto a new line Quick Links */
margin: 19px 0 18px;
padding: 0 0 18px 18px;
background: #d8ecf1 url("includes/2007/site_images/bg_useful_sites_bottom.gif") no-repeat left bottom;
}
div#UsefulWebsites h3 {
padding: 11px 0 10px;
background: transparent url("includes/2007/site_images/bg_useful_sites_top.gif") no-repeat right top;
font-size: 1.8em;
font-weight: 400;
color: #4c4c61;
}
div#UsefulWebsites img {
margin: 0 9px 0 0;
}
div#UsefulWebsites p {
display: inline;
}
/* Homepage Links - add underlines to various areas
======================================================================================*/
#Home4Boxes a:focus,
#Home4Boxes a:hover,
#Home4Boxes a:active,
#QuickLinks a:focus,
#QuickLinks a:hover,
#QuickLinks a:active,
#UsefulWebsites a:focus,
#UsefulWebsites a:hover,
#UsefulWebsites a:active {
text-decoration: underline;
}
/* END homepage and START childpage
========================================================================================
Note: OG's have different styles to other templates and are separated out in the CSS.
======================================================================================*/
/* Childpage BreadCrumb Links
======================================================================================*/
div#BreadCrumb {
width: 945px;
overflow: hidden;
clear: both; /* bring onto a new line under main nav links */
margin: 0 0 18px;
background: #B2D9E3 url("includes/2007/site_images/bg_news_alert_top.gif") no-repeat right top;
}
div#BreadCrumb ul {
padding: 18px 8px;
}
div#BreadCrumb ul li {
display: inline;
margin: 0 18px 0 0;
padding: 0 0 8px 14px;
background: url(includes/2007/site_images/nav_bullets.gif) 0px 1px no-repeat;
color: #004151;
}
/* Childpage Main divs
======================================================================================*/
div#ChildMain2ColumnWrapper { /* Wrapper for the 2 columns */
width: 945px;
overflow: hidden;
clear: both; /* bring onto a new line under main nav links */
background: url(includes/2007/site_images/bg_child_2_cols_repeat.gif) repeat-y; /* Adds the main repeating BG to make the 2 areas always look the same height */
}
div#ChildMain2ColumnBGRepeat { /* Adds the bottom BG to make the 2 areas always look the same height */
float: right;
background: url(includes/2007/site_images/bg_child_2_cols_bottom.gif) bottom left no-repeat;
}
div#Content { /* Inner content of main div */
float: right;
width: 713px;
background: url(includes/2007/site_images/bg_child_content_top.gif) left top no-repeat;
}
div#ChildMainWideColumnWrapper { /* Wrapper for the wide column */
width: 945px;
overflow: hidden;
clear: both; /* bring onto a new line under main nav links */
background: url(includes/2007/site_images/bg_child_wide_col_repeat.gif) repeat-y; /* Adds the main repeating BG */
}
div#ChildMainWideColumnBGRepeat { /* Adds the bottom BG */
float: left;
background: url(includes/2007/site_images/bg_child_wide_col_bottom.gif) bottom left no-repeat;
}
div#ContentWide { /* Inner content of main div */
float: left;
width: 945px;
background: url(includes/2007/site_images/bg_child_wide_content_top.gif) left top no-repeat;
}
div#Content h1#MainHeading,
div#ContentWide h1#MainHeading {
margin: 0 !important;
padding: 0 0 10px;
font-size: 1.85em;
font-weight: 400;
}
div#ContentPadding,
div#OG { /* Inner content of main div */
position: relative; /* Containing block - give nested divs a starting point */
margin: 24px 25px 18px 16px;
/*background: #eee;*/
}
/* Childpage CMS Content
======================================================================================*/
div#ContentPadding p, div#ContentPadding ul, div#ContentPadding menu, div#ContentPadding ol, div#ContentPadding hr, div#ContentPadding table, div#ContentPadding address {
/*Set consistent spacing for all elements*/
margin: 0 0 2em;
}
div#ContentPadding p,
div#ContentPadding td,
div#ContentPadding th,
div#ContentPadding ul li,
div#ContentPadding menu li,
div#ContentPadding ol li,
div#ContentPadding label {
font-size: 1.3em;
line-height: 1.3em;
}
div.SubHomepage p { /* For sub homepage paragraphs */
padding: 0 0 2em;
background: url("includes/2007/site_images/bg_related_links_top.gif") repeat-x right bottom;
}
div#ContentPadding p {
color: #222;
}
div#ContentPadding a {
color: #0082a1;
}
div#ContentPadding a:focus,
div#ContentPadding a:hover,
div#ContentPadding a:active {
color: #d30f4c;
text-decoration: underline;
}
div#ContentPadding font {
font: 100% arial,sans-serif;
color: #222;
background-color: transparent !important;
}
div#ContentPadding font a,
div#ContentPadding a font {
color: #0082a1 !important; /*Deal with link and FONT tag combos*/
}
div#ContentPadding u {
text-decoration: none;
}
div#ContentPadding address {
font-size: 1.35em;
line-height: 1.4em;
}
div#ContentPadding hr {
clear: both;
height: 3px;
margin: 0 0 4em;
border: 0;
border-top: #4CA7BD solid 1px;
border-bottom: #C9E4EB solid 1px;
background: #fff;
}
/* Blockquotes
*************************************/
div#ContentPadding blockquote#Quote { /* Template blockquotes */
width: 286px;
float: right;
border-left: 18px solid #fff;
margin: 0 0 18px;
background: #f47920 url(includes/2007/site_images/bg_blockquote_top.gif) top right no-repeat;
}
div#ContentPadding blockquote#Quote p {
margin: 0;
padding: 8px 18px 30px 50px;
font-size: 1.8em;
font-weight: 400;
line-height: 1.2em;
color: #fff;
background: url(includes/2007/site_images/bg_blockquote_p_bottom.gif) bottom right no-repeat;
}
div#ContentPadding blockquote { /* CMS blockquotes */
clear: both;
margin: 0 0 2em 2em;
background: #fff;
}
div#ContentPadding blockquote p {
margin: 0 0 1em;
padding: 0;
font-size: 1.3em;
font-weight: 400;
line-height: 1.3em;
color: #222;
background: #fff;
}
div#ContentPadding blockquote.QuoteFeature { /* Styled up blockquotes */
/*width: 100%;*/
clear: both;
margin: 0 0 2em !important;
background: #00aeef url(includes/2007/site_images/bg_blockquote_cms_top.gif) top right no-repeat;
}
div#ContentPadding blockquote.QuoteFeature p {
margin: 0;
padding: 8px 18px 30px 50px !important;
font-size: 1.8em;
font-weight: 400;
line-height: 1.2em;
color: #fff;
background: url(includes/2007/site_images/bg_blockquote_cms_p_bottom.gif) bottom right no-repeat;
}
/* Lists
*************************************/
div#ContentPadding ul,
div#ContentPadding menu {
margin: 0 0 2em 2em;
}
div#ContentPadding ul li,
div#ContentPadding menu li {
padding: 0 0 0 0.8em;
background: url(includes/2007/site_images/cms_bullets.gif) 0 0.3em no-repeat;
color: #002128;
}
div#ContentPadding ul ul {
margin: 0;
}
div#ContentPadding dir {
padding: 0 0 0 0.8em;
}
div#ContentPadding dir ul { /*Deal with aligning the deprecated DIR tag */
margin: -2em 0 -2em;
}
div#ContentPadding ol {
margin: 0 0 2em 2em;
padding: 0 0 0 0.5em;
}
div#ContentPadding ol li {
list-style-type: decimal;
margin: 0 0 0 1.2em;
color: #002128;
}
div#ContentPadding ol ol {
margin: 0;
}
/*div#ContentPadding td p,*/
div#ContentPadding li p
{
font-size: 100%;
}
div#ContentPadding li,
div#ContentPadding li li,
div#ContentPadding li li li,
div#ContentPadding li li li li,
div#ContentPadding li li li li li {
font-size: 100%;
}
div#ContentPadding td li,
div#ContentPadding td li li {
font-size: 100%;
}
/* Tables
*************************************/
div#ContentPadding table { /* see global class - line 44 */
/*width: 99% !important;*/
border: 0px solid #fff;
background: #fff;
/*display: block;*/
/*clear: both;*/
}
div#ContentPadding th,
div#ContentPadding td {
padding: 0.4em 0.4em 0.7em 0;
border: 0px solid #fff;
vertical-align: top;
/*font-size: inherit !important;*/
}
div#ContentPadding td p,
div#ContentPadding p table td,
div#ContentPadding table td td { /* The all-important class that makes Ps inside TDs the same size as normal TD text */
font-size: 100% !important;
margin: 0;
}
div#ContentPadding th b,
div#ContentPadding th strong,
div#ContentPadding td b,
div#ContentPadding td strong {
color: #000d10 !important;
}
div#ContentPadding table caption {
font-size: 1.4em;
font-weight: 400;
letter-spacing: -1px;
text-align: left;
color: #222;
padding: 0 0 0.5em;
}
/* CMS Headings - see CC styles for classes for fake P headings
*************************************/
div#ContentPadding h1,
div#ContentPadding h2,
div#ContentPadding h3,
div#ContentPadding h4,
div#ContentPadding h5,
div#ContentPadding h6 {
color: #000;
margin: 0 0 0.9em;
letter-spacing: -1px;
}
div#ContentPadding h1,
div#ContentPadding h2 {
font-size: 1.9em;
font-weight: normal;
}
div#ContentPadding h3 {
font-size: 1.7em;
font-weight: 400;
}
div#ContentPadding h4 {
font-size: 1.4em;
font-weight: 600;
}
div#ContentPadding h5 {
font-size: 1.3em;
font-weight: 600;
}
div#ContentPadding h6 {
font-size: 1.2em;
font-weight: 600;
}
/* CC hard coded classes - collected from previous stylesheet
======================================================================================*/
table.bordernew,
table.bordernew td,
table.bordernew th { /* for CC tables added manually to content */
border: 1px solid #80C1D1 !important;
}
table.bordernew td,
table.bordernew th { /* for CC tables added manually to content */
padding: 0.4em 0.4em 0.7em !important;
font-size: 100% !important;
}
table.addborder,
table.addborder td,
table.addborder th { /* for CC tables added manually to content - adds border without affecting font size */
border: 1px solid #80C1D1 !important;
}
/* The following 3 p.title + p.heading classes should be phased out as they should be using H1 or H2 */
/* They use the same values as H1#MainHeading */
/* Following 3 classes exist to cope with inconsistent class names */
p.Title, /* replaced by h1.PageHeading but still used in some script powered pages */
p.TITLE, /* replaced by h1.PageHeading but still used in some script powered pages */
p.title, /* replaced by h1.PageHeading but still used in some script powered pages */
p.heading {
margin: 0 !important;
padding: 0 0 10px !important;
font-size: 1.85em !important;
font-weight: 400 !important;
}
/* Same value as H3's above */
p.heading2 {
font-size: 1.7em !important;
font-weight: 400 !important;
}
/* Same value as H4's above */
td.tableheading,
p.heading3 {
font-size: 1.4em !important;
font-weight: 600 !important;
}
.line {
border-top: 1px solid #5299a3;
margin: 20px 0;
}
.line hr {
display: none !important;
color: #fff;
}
.halfline {
border-top: 1px solid #5299a3;
margin: 10px 200px 15px 200px;
padding-top: 5px;
}
#ContentPadding p.red {
font-size: 95%;
color: red;
}
#ContentPadding p.smalltext {
font-size: 95%;
}
#ContentPadding p.footnote,
#ContentPadding p.foot {
font-size: 95%;
margin: 0px 0px 1em;
}
/* OG Pages
======================================================================================*/
/* There is now a separate template for all OG's
This ensures all content is styled correctly regardless of the content added.
All OG content now sites inside div#OG.
*/
div#OG {
}
p.OGMAINHEADING,
p.OGmainHEADING,
p.ogmainheading {
margin: 0 !important;
padding: 0 0 4px !important;
font-size: 1.8em !important;
font-weight: 500 !important;
line-height: 1.2em !important;
text-transform: uppercase;
}
p.OGHEADING1,
p.OGheading1,
p.ogheading1,
p.OGHEADING,
p.OGheading,
p.ogheading {
margin: 0 !important;
padding: 0 0 4px !important;
font-size: 1.5em !important;
font-weight: 500 !important;
line-height: 1.1em !important;
text-transform: uppercase;
}
p.OGHEADING1,
p.OGheading1,
p.ogheading1 {
color: #7F808F !important;
}
p.OGHEADING,
p.OGheading,
p.ogheading {
color: #4C4D62 !important;
}
p.OGNAMEDATE,
p.OGnamedate,
p.ognamedate {
margin: 4px 0 0 !important;
padding: 8px 0 0 !important;
background: url("includes/2007/site_images/bg_related_links_top.gif") repeat-x right top;
color: #F47920 !important;
font-size: 0.95em !important;
/*font-weight: 600;*/
/*text-transform: uppercase;*/
text-align: right !important;
}
div#OG h1,
div#OG h2,
div#OG h3,
div#OG h4,
div#OG h5,
div#OG h6 {
color: #000;
margin: 0 0 0.9em;
/*padding: 0 0 6px 0;*/
letter-spacing: -1px;
}
/* Same value as H3's above */
div#OG h3 {
font-size: 1.4em !important;
font-weight: 400 !important;
}
/* Same value as H4's above */
div#OG h4 {
font-size: 1.1em !important;
font-weight: 600 !important;
}
/* CMS Headings - see CC styles above for classes for fake P headings
*************************************/
/*div#OG h1,
div#OG h2,
div#OG h3,
div#OG h4,
div#OG h5,
div#OG h6 {
color: #000;
margin: 0 0 0.9em;
letter-spacing: -1px;
}
div#OG h1,
div#OG h2 {
font-size: 1.9em;
font-weight: normal;
}
div#OG h3 {
font-size: 1.7em;
font-weight: 400;
}
div#OG h4 {
font-size: 1.4em;
font-weight: 600;
}
div#OG h5 {
font-size: 1.3em;
font-weight: 600;
}
div#OG h6 {
font-size: 1.2em;
font-weight: 600;
}*/
#ogtable {
width: 100%;
border: 0px solid #fff !important;
}
div#OG td p {
text-align: left /*!important;*/ /* To fix pages that contain the pesky tag for IE Win */
}
div#OG td.decimal,
div#OG td a.decimal,
div#OG p.decimal {
line-height: 1.3em;
font-weight: 700;
}
div#OG menu,
div#OG dir {
margin: 0 0 0 36px;
}
/* OG CMS Content
======================================================================================*/
div#OG p, div#OG ul, div#OG menu, div#OG ol, div#OG img {
/*Set consistent spacing for all elements*/
margin: 0 0 2em;
}
div#OG td {
/*Set consistent spacing for all elements*/
padding: 0 0 1em;
}
div#OG p,
div#OG td,
div#OG th,
div#OG ul li,
div#OG menu li,
div#OG ol li,
div#OG label {
font-size: 1.3em;
line-height: 1.3em;
}
div#OG p {
color: #222;
}
div#OG a {
color: #0082a1;
}
div#OG a:focus,
div#OG a:hover,
div#OG a:active {
color: #d30f4c;
text-decoration: underline;
}
div#OG font {
font: 100% arial,sans-serif;
color: #222;
background-color: transparent !important;
}
div#OG font a,
div#OG a font {
color: #0082a1 !important; /*Deal with link and FONT tag combos*/
}
div#OG u {
text-decoration: none;
}
div#OG address {
font-size: 1.35em;
line-height: 1.4em;
}
div#OG hr {
clear: both;
height: 3px;
margin: 0 0 2em;
border: 0;
border-top: #4CA7BD solid 1px;
border-bottom: #C9E4EB solid 1px;
background: #fff;
}
/* Tables
*************************************/
div#OG table { /* see global class - line 44 */
border: 0px solid #fff;
/*background: #fff; - tables used for layout - overlap top col BG*/
}
div#OG th,
div#OG td {
border: 1px solid #fff !important;
padding: 0.4em 0.4em 0.7em 0;
vertical-align: top;
/*font-size: inherit !important;*/
}
div#OG td p { /* The all-important class that makes Ps inside TDs the same size as normal TD text */
font-size: 100% !important;
margin: 0;
}
div#OG th b,
div#OG th strong,
div#OG td b,
div#OG td strong {
color: #000d10 !important;
}
div#OG table caption {
font-size: 1.4em;
font-weight: 400;
letter-spacing: -1px;
text-align: left;
color: #222;
padding: 0 0 0.5em;
}
div#OG td td,
div#OG td td td { /* Additional all-important class that deals all nested tables */
font-size: 100%;
}
/* Blockquotes
*************************************/
div#OG blockquote#Quote { /* Template blockquotes */
width: 286px;
float: right;
border-left: 18px solid #fff;
margin: 0 0 18px;
background: #f47920 url(includes/2007/site_images/bg_blockquote_top.gif) top right no-repeat;
}
div#OG blockquote#Quote p {
margin: 0;
padding: 8px 18px 30px 50px;
font-size: 1.8em;
font-weight: 400;
line-height: 1.2em;
color: #fff;
background: url(includes/2007/site_images/bg_blockquote_p_bottom.gif) bottom right no-repeat;
}
div#OG blockquote { /* CMS blockquotes */
clear: both;
margin: 0 0 2em 2em;
background: #fff;
}
div#OG blockquote p {
margin: 0 0 1em;
padding: 0;
font-size: 1.3em;
font-weight: 400;
line-height: 1.3em;
color: #222;
background: #fff;
}
div#OG OG.QuoteFeature { /* Styled up blockquotes */
/*width: 100%;*/
clear: both;
margin: 0 0 2em !important;
background: #00aeef url(includes/2007/site_images/bg_blockquote_cms_top.gif) top right no-repeat;
}
div#OG blockquote.QuoteFeature p {
margin: 0;
padding: 8px 18px 30px 50px !important;
font-size: 1.8em;
font-weight: 400;
line-height: 1.2em;
color: #fff;
background: url(includes/2007/site_images/bg_blockquote_cms_p_bottom.gif) bottom right no-repeat;
}
/* Lists
*************************************/
div#OG ul,
div#OG menu {
margin: 0 0 2em 2em;
}
div#OG ul li,
div#OG dir li {
padding: 0 0 0 0.8em;
background: url(includes/2007/site_images/cms_bullets.gif) 0 0.3em no-repeat;
color: #002128;
}
div#OG ul ul {
margin: 0;
}
div#OG dir {
padding: 0 0 0 0.8em;
}
div#OG dir ul { /*Deal with aligning the deprecated DIR tag */
margin: -2em 0 -2em;
}
div#OG ol {
margin: 0 0 2em 2em;
padding: 0 0 0 0.5em;
}
div#OG ol li {
list-style-type: decimal;
margin: 0 0 0 1.2em;
color: #002128;
}
div#OG ol ol {
margin: 0;
}
div#OG li,
div#OG li li,
div#OG li li li,
div#OG li li li li,
div#OG li li li li li {
font-size: 100%;
}
div#OG td li,
div#OG td li li {
font-size: 100%;
}
/******* styles added for old OGs *********/
/*
#ChildPageContent td h3 {
font-family: "Trebuchet MS", Verdana, Geneva, arial, helvetica, sans-serif;
/*font-size: 17px;
font-size: 118%;
color: #086d7b;
font-weight: 600;
}*/
div#OG td.decimal,
div#OG td p.decimal,
div#OG td a.decimal,
div#OG p.decimal {
color: #086d7b;
line-height: 1.3em;
font-weight: 700;
}
/****************************************/
/* Paginator / Results Navigation - Prev 10 | 1 | 2 | 3 | etc...
======================================================================================*/
div.PaginationContainer {
font-size: 0.8em !important;
}
div#Lower {
padding: 24px 0 0 !important;
background: url("includes/2007/site_images/bg_related_links_top.gif") repeat-x right top;
}
div.PaginationContainer p {
float: left;
margin: 0 !important;
color: #4C4D62 !important;
white-space: nowrap;
}
div.PaginationContainer ul.Paginator {
text-align: right;
}
ul.Paginator li {
display: inline;
margin: 0 !important;
padding: 0 0 0 8px !important;
background-image: none !important;
}
ul.Paginator a,
ul.Paginator span { /* Create level playing field for all items in list */
padding: 4px 6px 2px;
}
ul.Paginator a {
border: 1px solid #eee;
background: #fff;
}
ul.Paginator a:hover {
background: #d30f4c;
border-color: #d30f4c;
color: #fff;
}
ul.Paginator span.PageSelected {
border: 1px solid #4CA7BD;
color: #000;
}
ul.Paginator span.FirstPage {
margin: 0 10px 0 0;
border: 1px solid #fff;
color: #aaa;
}
ul.Paginator a.Prev {
margin: 0 10px 0 0;
}
ul.Paginator a.Next {
margin: 0 0 0 10px;
}
ul.Paginator span.LastPage {
margin: 0 0 0 10px;
border: 1px solid #fff;
color: #aaa;
}
/* News Archive
======================================================================================*/
div.NewsItem {
width: 100%;
min-height: 8em;
overflow: hidden;
clear: both; /* bring onto a new line under main 2 cols */
position: relative;/* Containing block - give nested elements a starting point */
background: url("includes/2007/site_images/bg_related_links_top.gif") repeat-x right top;
}
div.NewsItem h2 {
width: 575px;
margin: 19px 0 10px 0 !important;
padding: 0 !important;
font-size: 1.5em !important;
font-weight: 400;
}
div.NewsItem img {
position: absolute; /* From containing block */
top: 19px;
right: 0px;
float: right;
margin: 0 0 8px 8px;
}
div.NewsItem p { /* All descriptions */
width: 575px;
margin: 0!important;
padding: 0 !important;
color: #4C4D62 !important;
font-size: 1.05em !important;
line-height: 1.3em !important;
border-bottom: 10px solid #fff;
}
/* Site Map
======================================================================================*/
#SiteMap {
margin: 0 0 2em;
}
#SiteMap ul { /*Override general UL styles above*/
margin: 0 !important;
padding: 0 !important;
background: #fff;
}
#SiteMap ul li {
margin: 0 !important;
padding: 0 !important;
}
#SiteMap ul ul {
margin: 0 !important;
padding: 0;
}
#SiteMap ul ul ul { /*all other nested UL's here */
margin: 0 0 0 25px !important;
}
#SiteMap a.Page {
background: #fff url(includes/2007/site_images/tools/page.gif) 3px 4px no-repeat !important;
}
#SiteMap a.Folder,
#SiteMap li.FolderRoot {
background: #fff url(includes/2007/site_images/tools/folder.gif) 0px 3px no-repeat !important;
}
#SiteMap ul li h3 {
margin: 0 !important;
padding: 0 !important;
font-size: 1.2em;
}
#SiteMap a,
#SiteMap li.FolderRoot {
display: block;
padding: 3px 0 1px 24px !important;
}
#SiteMap a.Page:hover {
background-position: 5px 4px !important;
}
#SiteMap a.Folder:hover {
background-position: 2px 3px !important;
}
/* Childpage - side 'tree' navigation menu
======================================================================================*/
div#SidePanel {
width: 218px;
float: left;
margin: 0 9px 18px 0;
}
div#SidePanel h2 {
color: #4C4D62;
font-size: 1.55em;
font-weight: 400;
padding: 24px 0 10px 8px;
background: transparent url(includes/2007/site_images/bg_side_bar_top.gif) right top no-repeat;
}
ul#Tree /*{
border-left: 1px solid #A7D4DE; Reveal main BG to show left border
margin: 0 9px 18px 0;
padding: 8px 0 0 8px;
background: transparent url(includes/2007/site_images/bg_tree_menu_top.gif) 0px 0px no-repeat;
}*/
ul#Tree li {
}
ul#Tree li a { /* All tree links */
display: block;
cursor: pointer;
/*border-bottom: 1px solid #E6EDF2;*/
}
ul#Tree li a:visited { /* All visited tree links */
}
ul#Tree li a:focus { /* All focused tree links */
font-weight: bold;
color: #d30f4c;
}
ul#Tree li a:hover { /* All hovers inside the tree*/
background: url(includes/2007/site_images/nav_bullets.gif) 3px 3px no-repeat;
}
ul#Tree li a:active { /* All active links inside the tree - useful for keyboard navigation */
color: #d30f4c;
text-decoration: underline;
outline:none;
/*font-weight: bold;
color: #000;*/
}
ul#Tree li a.On { /* All highlights inside the tree */
color: #d30f4c;
}
ul#Tree li a { /*Level 0 links only - if different values aren't set for lower levels then these values are used */
padding: 0 0px 0px 14px;
background: url(includes/2007/site_images/nav_bullets.gif) 0px 3px no-repeat;
}
ul#Tree li li a { /*Level 1 links only*/
margin: 0 0 0 0px;
/*font-size: 0.95em;*/
}
ul#Tree li li a.On {
}
ul#Tree li li a:hover {
}
ul#Tree li li li a { /*Level 2 links only*/
margin: 0 0 0 14px;
}
ul#Tree li li li a.On {
}
ul#Tree li li li a:hover {
}
ul#Tree li li li li a { /*Level 3 links only*/
margin: 0 0 0 28px;
}
ul#Tree li li li li a.On {
}
ul#Tree li li li li a:hover {
}
/* expanding menu - side 'menu' navigation menu
======================================================================================*/
.menu, .menu ul {
text-indent: 0;
}
.menu {width:200px;}
.menu li {
margin:0px;
padding:0px;
margin-bottom:1px;
}
/*.menu a {
padding:2px 5px;
color:#006279;
text-decoration:none;
}*/
.menu a:hover {background:#d9dcb0;}
.menu ul li {padding-left:0px; margin-bottom:0px !important;margin-bottom:8px;}
.menu ul, ul {margin-bottom:0px !important;margin-bottom:-8px;}
/*.menu ul a {background:#ced174;}*/
.hidden {display:none;}
/* Childpage Related Links
======================================================================================*/
div#RelatedLinks {
width: 672px;
overflow: hidden;
clear: both; /* bring onto a new line under main 2 cols */
margin: 19px 0 18px 16px;
}
div.RelatedLinksWide { /* RelatedLinks for the wide template */
width: 906px !important;
}
div#RelatedLinks h3 {
padding: 11px 0 10px;
background: transparent url("includes/2007/site_images/bg_related_links_top.gif") repeat-x right top;
font-size: 1.8em;
font-weight: 400;
color: #4c4c61;
}
div#RelatedLinks p#GoBack {
padding: 11px 0 10px;
background: transparent url("includes/2007/site_images/bg_related_links_top.gif") repeat-x right top;
font-size: 1em;
color: #4c4c61;
}
div#RelatedLinks ul {
width: auto;
}
div#RelatedLinks ul li {
width: 322px; /* 672/2=336-28(li padding)= 322px */
float: left;
display: block;
padding: 0 0 8px 14px;
background: url(includes/2007/site_images/nav_bullets.gif) 0px 1px no-repeat;
}
/* Footer
======================================================================================*/
div#Footer {
width: auto;
overflow: hidden;
clear: both; /* bring onto a new line Quick Links */
margin: 19px 0 36px;
padding: 40px 0 0 0;
}
div#Footer p {
position: relative;/* Containing block - give nested elements a starting point */
padding: 0 0 18px 18px;
color: #7F808F;
}
div#Footer span.footerspan {
position: absolute; /* From containing block */
left: 248px;
}
div#Footer span.footerspan a {
margin: 0 18px 0 0;
}
div#Footer a#BackToTop {
position: absolute; /* From containing block */
right: 18px;
padding: 0 0 0 14px;
}