/**
 * Advice Now primary stylesheet
 */

/**
 * Body
 */
HTML {background:none;}
BODY {background:#FFF url('/graphics/pagebg.gif') repeat-x 0 0;}
#bd {margin-top:410px; background:url('/graphics/bd.gif') repeat-y;}
#bd.home {margin-top:385px;}

/**
 * YUI alterations
 * 
 * Decreases some margins and fixes deep nesting issues.
 */
#bd .sidebar {*width:180px;}
.yui-b .yui-gb .yui-u {margin-left:0.8%; width:32.8%;}
.yui-b .yui-gb .yui-u {*width:32.799%;}
	.yui-b .yui-gb .yui-u.first {*width:32.65%;}
	.yui-b .yui-gd .yui-u {*width:62%;}
	.yui-b .yui-gd .yui-g .yui-u {*width:47.5%;}
	.yui-b .yui-gd .yui-u.first {*width:31.8%;}
.yui-b .yui-gb .yui-u.first {margin-left:0;}
.yui-gc .yui-u .yui-u {width:48.5%;}
	.yui-gc .yui-u {*width:30%;}
	.yui-gc .yui-u .yui-u {_width:47.5%;}
.yui-gc .yui-gd .yui-u {width:64%;}
.yui-gc .yui-gd .yui-u.first {width:32%;}

/* Grid yui-gi: 85% / 15% split */
.yui-gi .yui-u {float:right; width:83.2%; margin:0;}
.yui-gc .yui-gi .yui-u {width:78.2%;}
.yui-gi DIV.first {float:left; width:15%; margin:0;}
.yui-gc .yui-gi DIV.first {width:20%;}
.yui-gi:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.yui-gi {zoom:1;}

/* Restore nested yui-g */
.yui-gi .yui-g .yui-u {width:49%;*width:48.1%;*margin-left:0;}
.yui-gc .yui-u .yui-g {width:100%; margin:0; float:none;}

/* Restore nested yui-ge */
.yui-gi .yui-ge .yui-u, .yui-gi .yui-ge .yui-g {width:24%;} 
.yui-gi .yui-ge div.first {width:74.2%;}

/* Restore nested yui-gd */
.yui-gi .yui-gc .yui-u, .yui-gi .yui-gc .yui-g, .yui-gi .yui-gd div.first {width:32%;} 
.yui-gi .yui-gd .yui-u, .yui-gi .yui-gd .yui-g, .yui-gi .yui-gc div.first {width:66%;}

/**
 * Shadows
 */
.section1, .section2, .section3, .section4, .section5 {}
.section1 {padding-top:20px; background:url('/graphics/shadow_down.gif') no-repeat 50% 0;}
.section1a {padding-top:20px; background:url('/graphics/shadow_down_small.gif') no-repeat 50% 0;}
.section2 {padding-top:20px; background:url('/graphics/shadow_up.gif') no-repeat 50% 0;}
.section2a {padding-top:20px; background:url('/graphics/shadow_up_small.gif') no-repeat 50% 7px;}
.section3 {padding-bottom:20px; background:url('/graphics/shadow_up.gif') no-repeat 50% 100%;}
.section3a {padding-bottom:20px; background:url('/graphics/shadow_up_small.gif') no-repeat 50% 100%;}
.section4 {padding-bottom:20px; background:url('/graphics/shadow_down.gif') no-repeat 50% 100%;}
.section4a {padding-bottom:20px; background:url('/graphics/shadow_down_small.gif') no-repeat 50% 100%;}
.section5 {padding-top:20px; background:url('/graphics/divider.gif') repeat-x 50% 0;}
.section6 {padding-bottom:20px; background:url('/graphics/divider.gif') repeat-x 50% 100%;}

/**
 * Assistive text
 */
.assistive-nav {position:absolute; top:0; left:50%; width:74.923em; margin-left:-37.4615em; *margin-left:-38.4615em; z-index:10;}
.text-only-nav {position:absolute; top:0; right:0; padding:35px 0 10px 50px; text-align:right; font-size:93%;}
.assistive-link {position:absolute; top:0; left:0; margin:0 0 0 -2000px;}

/**
 * Header
 */
#hd {position:absolute; top:0; width:974px;}
#hd A.logo {display:block; height:60px;}
#hd A.logo STRONG {display:block; float:left; background:url('/graphics/logo.gif') no-repeat 0 50%; width:487px; height:60px; text-indent:-2000px; overflow:hidden; cursor:pointer;}
.shadow {background:url('/graphics/shadow.gif') 50% 100% no-repeat; padding-bottom:15px;}

/* Boxes */
.boxes {}
.box, .box2, .box3 {padding:12px 5px 0 5px;}
.box2 {margin-bottom:5px;}
.box3 {margin-bottom:15px;}
.dark-shade {background:#D1E7F3;}
.med-shade {background:#E7F8ED;}
.light-shade {background:#F3FBF5;}
.section1a.whitespaced {padding-top:20px;}
.square-top {min-height:17.5em; _height:17.5em; margin-bottom:0!important;}
.square-top P {padding-bottom:0;}
.square-bottom {min-height:2em; _height:2em;}

/* Dividers */
.divider {background:url('/graphics/divider.gif'); height:2px; margin:2px 0 2px 0;}

/**
 * Generic forms styling
 * 
 * Should apply to all forms on the site, i.e. OTHERobjects-generated forms
 * should follow the pattern set out here. However, a few attribute selectors
 * are included as backup, as they're good practice and hopefully five years
 * from now everyone will be using browsers which support them.
 */
BUTTON {outline:none;}
FORM H3 {clear:both;}
.text, .text-small, .textarea, TEXTAREA {border:1px solid #D2D2D2; padding:2px; font-family:Arial;}
.submit {border:1px outset #f8d67e; padding:4px 8px; background:#f8d67e; color:#bf4818; cursor:pointer; text-transform:uppercase; font-weight:bold;}
.fieldrequired {color:#FF0000;}
.submit:hover, .submit-hover {border:1px outset #e07144; padding:4px 8px; background:#e07144; color:#fff; cursor:pointer; text-transform:uppercase; font-weight:bold;}
LEGEND {display:none;}
.oo-inline-form {}
.content .oo-inline-form P {margin:0 0 5px 0; padding:5px; background:#F3FBF5;}
.oo-inline-form INPUT {margin-right:5px;}
.content .oo-inline-form .text {width:33%;}
.content .oo-inline-form .textarea {width:98.7%;}
FORM .random {font-weight:bold; color:red;}

/* Search */
.search {height:45px; background:url('/graphics/search.gif') no-repeat 50% 50%;}
.search LABEL {font-size:131%; font-weight:bold; float:left; padding:15px 10px 5px 0;}
.search .text {font-size:131%; padding:2px 3px 2px 3px; width:460px; *width:450px; margin:10px 0 0 0;}
.search .submit {padding:4px 10px 3px 10px; margin:0 0 0 10px;}
	.search .submit {*padding:3px 5px 0 5px;} /* Fixes submit button height in IE */
.search P.search-info {float:right; width:180px; padding:10px 0 0 10px; color:#999999; font-size:85%;}
.quick-search {font-size:93%;}
.quick-search H3 {float:left; margin:0 10px 0 0; font-weight:bold;}

/* Advice search */
.advice-search {padding:20px 0 0 0; background:url('/graphics/divider.gif') repeat-x 0 0;}
.advice-search FORM {background:url('/graphics/vertical-divider-large.gif') no-repeat 100% 50%;}
.advice-search .text {font-size:131%; padding:2px 3px 2px 3px; width:260px; margin:10px 0 0 0;}
.advice-search .submit {padding:4px 10px 3px 10px; margin:0 0 1px 10px;}

/* Login form */
.login {margin-bottom:20px;}
.login P {clear:both;}
.login LABEL {float:left;}
.login INPUT {float:right; margin-bottom:10px;}
.login .submit-wrapper {text-align:right;}
.logged-in {margin-bottom:20px;}

/**
 * YUI radio buttons
 *
 * The form hijacking script we use to style polls, ratings etc. gives forms'
 * replaced elements the following classes, which are then used to style them.
 */
.yui-buttongroup {clear:both;}
.yui-buttongroup .yui-button {display:block;}
.yui-buttongroup BUTTON {display:block; overflow:visible; cursor:pointer; font:bold 93% Arial; margin:0 5px 0 0; border:none; color:#999; background:url('/graphics/radio-button.gif') no-repeat 2px 50%; padding:6px 6px 6px 25px; text-transform:uppercase; text-align:left;}
.yui-radio-button {}
.yui-radio-button-hover BUTTON, .yui-radio-button-focus BUTTON {background-image:url('/graphics/radio-button-hover.gif'); color:#666;}
.yui-radio-button-checked BUTTON {background-image:url('/graphics/radio-button-checked.gif'); color:#666;}
.yui-buttongroup.inline {padding-bottom:20px; display:inline; *zoom:1;}
.yui-buttongroup.inline P {display:inline;}
.yui-buttongroup.inline BUTTON {float:left; display:block;}
.rate-this {border-bottom:1px solid #e5e5e5; padding:8px 0 8px 0;}
.rating-form .fieldcontrol {display:inline; margin:0; padding:0; *position:relative;}
.rating-form .fieldcontrol .submit {*position:absolute;}

/**
 * Navigation
 */
#bd .navigation {margin:0 0 15px 0; background:url('/graphics/divider.gif') repeat-x 0 100%; padding:0 0 2px 0; font-size:103%; font-weight:bold;}
.navigation LI {padding:1px 0 0 0; background:url('/graphics/divider.gif') repeat-x 0 0; *zoom:1;}
.navigation LI A {padding:5px;}
.navigation LI A:hover, UL.navigation A:active, UL.navigation LI STRONG A {background:#e07144 url('/graphics/arrow-right.gif') no-repeat 95% 50%; color:#fff; text-decoration:none!important;}
.navigation LI STRONG A {background:url('/graphics/arrow-right.gif') no-repeat 95% 50%; font-weight:bold; color:#000;}

/*
 * Menu styling
 * 
 * @class .menu Vertical menu with dividers
 * @class .menu2 Vertical menu with arrows
 * @class .menu3 Horizontal menu with dividers
 */
UL.menu, UL.menu2, UL.menu3 {margin:0 0 15px 0; list-style:none;}
UL.menu LI A, UL.menu2 LI A, UL.navigation LI A, UL.menu LI STRONG, UL.menu2 LI STRONG, UL.navigation LI STRONG {display:inline-block;}
UL.menu LI A, UL.menu2 LI A, UL.navigation LI A, UL.menu LI STRONG, UL.menu2 LI STRONG, UL.navigation LI STRONG {display:block;}
UL.menu LI A:hover {text-decoration:none;}
UL.menu {background:url('/graphics/divider.gif') repeat-x 0 100%; padding:0 0 2px 0;}
UL.menu LI {background:url('/graphics/divider.gif') repeat-x 0 0; padding-top:1px; *zoom:1;}
UL.menu LI A {display:block; padding:5px 20px 5px 5px;}
UL.menu LI STRONG A, UL.menu LI A:hover {border-width:0; background:#e07144 url('/graphics/arrow-right.gif') no-repeat 95% 50%; color:#FFF;}
UL.menu2 LI {padding:5px 0 5px 15px; background:url('/graphics/rel-arrow.gif') no-repeat 0 12px;}
UL.menu2 LI A {display:inline; text-decoration:underline; line-height:1.4;}
UL.menu3 LI {display:inline; margin:0 8px 0 0; padding:0 12px 0 0; background:url('/graphics/vertical-divider.gif') no-repeat 100% 60%;}
UL.menu3 LI STRONG A {font-weight:bold; color:#333;}
UL.menu3 LI.last {margin:0; padding:0; background:none;}
UL.menu LI.more A {font-weight:bold;}

P.menu {background:url('/graphics/divider.gif') repeat-x 0 100%; padding:0 0 1px 0; margin-bottom:20px;}
P.menu A {background:url('/graphics/divider.gif') repeat-x 0 0; text-decoration:none; display:block; padding:5px 20px 5px 5px;}
P.menu BR {display:none;}
P.menu STRONG A, P.menu A:hover {border-width:0; background:#e07144 url('/graphics/arrow-right.gif') no-repeat 95% 50%; color:#FFF;}

/* Pagination */
.paging {clear:both; margin:1em 0; font-size:108%; font-weight:bold;}
.paging P {margin:0 0 0.5em 0;}
.paging .next-page {float:right;}
.paging .previous-page {float:left;}

/* Sidebar Buttons */
.sidebar {background:#FAFAFA;}
.sidebar-button {text-align:center;}
.sidebar-button A {display:block!important;}
.sidebar-button A:hover {border-width:0!important;}
.sidebar-button.button-shadow {background:url('/graphics/button-shadow.gif') no-repeat center bottom; margin-bottom:10px; padding:0 0 15px 0;}
.sidebar-button.button-shadow A {display:block; position:relative; overflow:hidden; width:150px; height:75px; margin:0 auto; padding:0; text-align:left;}
.sidebar-button.button-shadow A IMG {position:absolute; left:0; margin:0;}
.sidebar-button.button-shadow A:hover IMG {left:-150px;}
.sidebar-button IMG {margin:10px auto -4px auto;}

/**
 * Page and seciton titles
 */
.large-title {font-size:131%; font-weight:bold; margin:0 0 10px 0;}
.title {font-size:108%; font-weight:bold; margin:0 0 10px 0;}
.small-title {font-size:93%; font-weight:bold; margin:0 0 5px 0;}
#title-how-to, #title-family-mediation, #title-living-together {height:23px; background-position:1px 0; background-repeat:no-repeat;}
#title-how-to A, #title-family-mediation A, #title-living-together A {display:block; height:100%; text-indent:-9999em; text-decoration:none;}
#title-how-to {background-image:url('/graphics/title-how-to.gif'); }
#title-family-mediation {background-image:url('/graphics/title-family-mediation.gif');}
#title-living-together {background-image:url('/graphics/title-living-together.gif');}

/**
 * Content sections
 * 
 * Anything that is considered site content should be wrapped in a div with the
 * class 'content' applied.
 */
A {color:#990000; text-decoration:none;}
A:hover, A:focus, A:active {color:#f00; text-decoration:underline;}
.content {color:#262626;}
.content P {padding:0 0 10px 0; line-height:1.385;}
.content STRONG {font-weight:bold;}
.content EM {font-style:italic;}
.content EM STRONG {font-style:italic;}
.content STRONG EM {font-weight:bold;}
.content SMALL {font-size:93%;}
.content BLOCKQUOTE, .content .block-quote, .content .block-quote-left, .content .block-quote-right {margin-bottom:10px; padding:10px 10px 0 10px; background:#fadeaa;}
.content .block-quote {clear:both;}
.content .block-quote-left {float:left; clear:left; width:33%; margin-right:10px;}
.content .block-quote-right {float:right; clear:right; width:33%; margin-left:10px;}
.content EM.parent-link A {font-style:italic; color:#888;}
.content EM.parent-link A:hover {border-bottom:1px dotted #888;}
.more-link {margin:-0.25em 0 0 0;}
.more-link A {padding:0 0 0 15px; font-size:93%; font-weight:bold; background:url('/graphics/rel-arrow.gif') no-repeat 0 50%;}
.more-link A:hover {border:none; text-decoration:underline;}
.content A.image-link, .content A.image-link:hover {border:none; text-decoration:none;}
.content .image {text-align:center; margin:3px 0 15px 0;}
.content .image-left {float:left; margin:0 10px 0 0;}
.content .image-right {float:right; margin:0 0 5px 15px;}
.content .image {margin:0 auto;}
.content .image BR, .content .image-left BR, .content .image-right BR {display:none;}
.content .image EM, .content .image-left EM, .content .image-right EM {display:block; color:#999; padding:5px 0 0 0;}
.content .image-copyright {display:block; padding-top:5px;}
.hidden {display:none;}
.content UL.menu2 LI P {margin:0; padding:0;}
.content UL.menu2 LI .external-provider {margin:0.25em 0;}
.external-provider A {font-size:85%; font-weight:bold;}
.content.wiki .bold, .content .wiki .bold {font-weight:bold;}

/**
 * Wiki content fields
 * 
 * This includes default styling for elements which can be added via OTHERobjects
 * wiki fields, including headers, tables, lists, images, and various inline
 * elements for which styling rules have not already been defined in the rules
 * for elements wrapped in .content sections.
 */
.wiki H2 {font-weight:bold; font-size:123.1%; margin:0 0 10px 0;}
.wiki H3 {font-weight:bold; font-size:108.1%; margin:0 0 10px 0;}
.wiki H4 {font-weight:bold; margin:0 0 10px 0;}
.wiki H5 {font-weight:bold; margin:0 0 10px 0;}
.wiki TABLE {margin:0 10px 15px 0; border-top:1px solid #CCC; width:100%; background:url('/graphics/divider.gif') repeat-x;}
.wiki CAPTION {vertical-align:top; font-size:131%; font-weight:bold; width:100%; padding:5px 10px 5px 0; background:url('/graphics/divider.gif') repeat-x top left;}
.wiki TABLE THEAD TR {background:#FADEAA;}
.wiki TABLE TBODY {}
.wiki TABLE TFOOT {background:#FADEAA;}
.wiki TR {background:#FFFAEF; border-bottom:1px solid #CCC;}
.wiki TR.odd {background:#FFF;}
.wiki TH {vertical-align:top; font-weight:bold; padding:4px;}
.wiki TD {vertical-align:top; padding:4px 4px 0 4px;}
.wiki OL, .content UL {margin:10px 0 15px 0;}
.wiki OL LI {list-style: decimal outside; margin:0 0 5px 20px; *margin-left:25px;}
.wiki UL LI {list-style: disc outside; margin:0 0 5px 20px;}
.wiki ABBR, .wiki ACRONYM {border-bottom:1px dotted #000;	cursor:help;}
.wiki UL.links-list {}
.wiki UL.links-list LI {margin:0.5em 0; list-style:none;}
.wiki UL.links-list LI A {padding:0 0 0 15px; background:url('/graphics/rel-arrow.gif') no-repeat 0 50%;}
.wiki UL.links-list LI A:hover {border:none; background:url('/graphics/rel-arrow.gif') no-repeat 0 50%;}
.wiki .rich-media-swf {position:relative; top:3px;}
.oo-inline-download {margin-left:5px;}
.oo-inline-download IMG {display:inline; vertical-align:top; margin-top:2px; *margin-top:0;}

/* Articles */
.article .large-title {font-size:146.5%; font-weight:bold; margin:0 0 5px 0;}
.article .meta {}
.article .meta .label {}
.article .meta .author {}
.article .meta .date {font-style:italic;}
.article .intro {font-weight:bold;}
.articlenav {margin-top:2.15em;}
.articlenav .menu LI A {padding:12px 20px 12px 5px;}

/* Sharing */
UL.sharing {clear:both; border-bottom:1px solid #e5e5e5; padding:8px 0;}
UL.sharing LI {display:inline; margin:0 10px 0 0; padding:0;}
UL.sharing LI A {border:none; padding:0 0 0 20px;}
UL.sharing LI A:hover {}
UL.sharing LI.delicious A {background:url('/graphics/sharing/delicious.gif') no-repeat 0 50%;}
UL.sharing LI.diggit A {padding-left:23px; background:url('/graphics/sharing/digg.gif') no-repeat 0 50%;}
UL.sharing LI.facebook A {padding-left:23px; background:url('/graphics/sharing/facebook.gif') no-repeat 0 50%;}
UL.sharing LI.email-link A {background-position:0 50%; font-weight:normal;}
#print-link-container {padding-bottom:5px;}
.print {margin:0; clear:both;}
.print SPAN {padding:0 20px 0 0; border:none; background:url('/graphics/sharing/print.gif') no-repeat 100% 50%; cursor:pointer; color:#628F61; text-decoration:none; text-align:right;}
.print SPAN:hover, .print SPAN:focus, .print SPAN:active {color:#DC8B08; text-decoration:underline;}
#print-notice {position:fixed; text-align:center; top:0; left:0; padding:2em 0; background:#2b00ff; width:100%; font-size:138.5%; font-weight:bold; color:#FFF;}
.get-reader {*background:#FFF;}
.get-reader .title {padding-top:10px;}
.get-reader A.image-link {float:left; margin:5px 18px 10px 0;}
.email-link {margin:0;}
.email-link A {padding:0 0 0 20px; font-size:93%; font-weight:bold; background:url('/graphics/envelope.gif') no-repeat 0 50%;}
.email-link A:hover {border:none; text-decoration:underline;}

/* Can you help? */
.canyouhelp {padding:15px 0 0 0; background:url('/graphics/divider.gif') repeat-x 0 0;}
.canyouhelp .content A.image-link {float:left; margin-bottom: 10px;}
.canyouhelp .content P {margin-left:230px;}
.find-solicitor {clear:both;}

/* Promos */
.promo {padding-bottom:10px!important;}
.promo .section1a {padding-top:5px!important;}
.promo P {margin-left:120px;}
.helpline {}
.helpline .first {background:url('/graphics/vertical-divider-large.gif') no-repeat 100% 50%;}
.helpline .first .content {padding: 0 2em 0 70px; background:url('/graphics/helpline.gif') no-repeat 0 50%;}
.helpline .email, .helpline .tel, .helpline .url {margin:1em 0 1em 1em; padding: 0 0 0 20px;}
.helpline .tel {background:url('/graphics/helpline-sprite.gif') no-repeat 0 4px;}
.helpline .url {background:url('/graphics/helpline-sprite.gif') no-repeat 0 -95px;}

/* Indices */
.indexmeta {position:relative; clear:both; margin-top:2px;}
.indexmeta .more-link {position:absolute; top:0.4em; right:0;}
.indexmeta UL.a-z-list {overflow:auto; font-size:108%;}
.indexmeta UL.a-z-list LI {float:left; text-align:center;}
.indexmeta UL.a-z-list LI A, .indexmeta UL LI A:hover {display:block; min-width:26px; _width:26px; margin: 0 0 0 4px; text-decoration:none; padding:0 0 2px 0;}
.indexmeta UL.a-z-list LI A SPAN {display:block; margin:0; border:1px solid #CCC; padding:0.2em 0.45em; *padding:0.2em 0.42em; font-weight:bold;}
.indexmeta UL.a-z-list LI A:hover SPAN {border:1px solid #628F61; background:#628F61; color:#FFF;}
.indexmeta UL.a-z-list LI STRONG A SPAN {border:1px solid #999; background:#999; color:#FFF;}
.indexmeta UL.a-z-list LI.first A {margin:0;}
.index, .search-index {background:url('/graphics/divider.gif') repeat-y 50% 0;}
.index .section1a {padding:2.7em 0;}
.index .section6 {padding-bottom:0; margin-bottom:15px;}
.index .yui-u .title {margin-bottom:3px;}
.index .yui-u P {margin-bottom:15px; padding-bottom:15px;}

/* mp3 */
.mp3 {display:block; margin-top:10px; color:#999;}

/* Hot topics */
.hottopics .header {margin: 0 0 15px 0;}
.hottopics .header H2 {display:inline;}
.hottopics .header P.a-to-z {display:inline; margin:0 0 0 10px; padding:0 0 0 10px; background:url('/graphics/vertical-divider.gif') no-repeat 0 50%;}
.hottopics .menu {margin-bottom:3.5em;}
.hottopics .span {clear:both;}
.hottopics .yui-g {clear:right;}
.hottopics .yui-g.first {clear:left;}
.hottopics .yui-g .yui-u .content {margin:0 0 0 2em;}
.hottopics .yui-g .yui-u.first .content {margin:0 1em;}
.hottopics .yui-g.first .yui-u .content {margin:0 1em;}
.hottopics .yui-g.first .yui-u.first .content {margin:0 2em 0 0;}
.download-info P {display:inline; margin:5px 0 0 0; font-size:85%;}

/* Breadcrumbs */
.breadcrumbs {margin:0 0 30px 0; border-top:1px dotted #b7b7b7; border-bottom:1px dotted #b7b7b7;}
.breadcrumbs .content {padding: 10px 0; background:#fbfbfb url('/graphics/breadcrumb.gif') no-repeat 5px 45%;}
.breadcrumbs UL {margin:0;}
.breadcrumbs UL LI {margin:0; padding:0 0 0 5px; background:url('/graphics/arrow-right.gif') no-repeat 100% 50%;}
.breadcrumbs UL LI.first {background:none;}
.breadcrumbs UL LI A {padding:0 20px 0 0;}
.breadcrumbs UL LI.first A {width:40px; padding:0; display:block; text-indent:-9999em; float:left;}
.breadcrumbs UL LI.first A .home-link-text {}

/* Forms */
.alt-field {display:none;}

/* PDF Listing */
.index-list {float:left; width:100%; border-top:1px solid #CCC; border-bottom:1px solid #CCC; display:block; padding:0!important; margin-bottom:10px;}
.index-list A {float:left; padding:5px 3px; background:#EEE; margin:2px; font-weight:bold;}
.index-list STRONG {float:left; padding:5px; background:#EEE; margin:2px;}
.index-title {clear:left; font-size:20px; display:block; background:#FFFAEF; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}

/* Footer */
#ft {margin:15px 0 0 0;}	
#ft .meta {margin: 30px 0; padding:15px 0 0 0; background:url('/graphics/divider.gif') repeat-x 0 0;}
#ft .meta P, #ft .meta UL, #ft .meta UL LI {display:inline;}
#ft P.copyright {margin: 0 10px 0 0; padding:0 15px 0 0; background:url('/graphics/vertical-divider.gif') no-repeat 100% 50%;}
#ft P.othermedia {display:block; float:right; width:107px;}  
#ft P.othermedia A {display:block; overflow:hidden; height:30px; margin:-10px 2px 0 0; border:none; padding:0; text-indent:-5000px; background:transparent url('/graphics/othermedia.gif') no-repeat 0 9px;}
#ft P.othermedia A:hover {background-position:0 -31px;}
#ft .footer-info {font-size:85%; color:#999; display:block; clear:both;}