/*** FAMILY JUSTICE COUNCIL - PRINT CSS ***/ body { font-family: verdana, lucida, arial, sans-serif; background-color: #fff; margin: 0; padding: 0; font-size: 90%; text-align: left; } /*** STANDARD ***/ a { color: #a56bb6; text-decoration: none; } a:hover { color: #7b3990; text-decoration: underline; } address, blockquote { font-size: 0.75em; font-style: normal; line-height: 1.3em; color: #333; margin: 0 0 1em 0; padding: 0; } blockquote { padding: 0 15px; } h1 { font-family: arial, lucida, verdana, sans-serif; font-size: 1.25em; color: #7b3990; margin: 0 0 20px 0; padding: 0; } h2 { font-family: arial, lucida, verdana, sans-serif; font-size: 1em; color: #7b3990; margin: 0 0 3px 0; padding: 0; } h3, h4, h5, h6 { font-size: 0.75em; color: #7b3990; margin: 0; padding: 0; } hr { height: 1px; color: #d9c2e0; } img { border: 0; display: block; } p { font-size: 0.75em; line-height: 1.3em; color: #333; margin: 0 0 1em 0; padding: 0; } p.backtop { padding: 0 0 1.5em 0; text-align: left; } table { margin: 0 0 1em 0; padding: 0; } td, th { font-size: 0.75em; voice-family: "\"}\""; /* box model hack required for IE5 as table cells don't pick up body's size reduction to 90% */ voice-family: inherit; font-size: 100%; } td { /* extra empty selector needed as sometimes box model hack seems to spill in to and hide following selector */ } ul, ol { font-size: 0.75em; color: #333; margin: 0 0 1em 1.7em; padding: 0; } li { line-height: 1.3em; padding: 0 0 0.75em 0; } /*** HEADER ***/ #header { margin: 0; padding: 0; height: 100px; width: 100%; background: url(images/bglogo.gif) right bottom no-repeat #d9c2e0; border-bottom: 1px solid #7b3990; } /*** CONTENT ***/ #content { margin: 50px 0 0 180px; padding: 0; width: 430px; } #content img { background: #f3ebf5; } /*** SIDEBAR ***/ div#sidebar { display: none; } /*** BREADCRUMB ***/ div#breadnav { position: absolute; width: 590px; top: 120px; left: 180px; margin: 0; padding: 0; } ul#breadcrumb { font-size: 0.7em; margin: 0; padding: 0; text-align: left; } ul#breadcrumb li { color: #666; margin: 0; padding: 0; display: inline; } ul#breadcrumb li a { display: inline; font-weight: normal; color: #a56bb6; text-decoration: none; } ul#breadcrumb li a:hover { color: #7b3990; text-decoration: none; } /*** NAVIGATION ***/ #nav { position: absolute; top: 195px; left: 0; margin: 0; padding: 0; width: 160px; } ul#mainnav { margin: 0; padding: 0 0 0 20px; text-align: left; border-right: 1px solid #7b3990; list-style: none; } ul#mainnav li { margin: 0; padding: 0; width: 140px; display: block; } ul#mainnav li a { width: 140px; display: block; line-height: 2.5em; font-weight: bold; color: #a56bb6; text-decoration: none; } ul#mainnav li a:hover { color: #7b3990; text-decoration: none; } ul#mainnav li.current a { color: #7b3990; text-decoration: none; } ul#mainnav li.copy a { font-size: 90%; color: #999; font-weight: normal; line-height: normal; text-decoration: none; margin: 30px 0; } ul#mainnav li.copy a:hover { color: #666; font-weight: normal; text-decoration: none; } /*** FOOTER ***/ p#footer { font-size: 0.7em; margin: 30px 0; } p#footer a { color: #999; font-weight: normal; text-decoration: none; } p#footer a:hover { color: #666; text-decoration: underline; } /*** LIMK LIST ***/ ul.linklist { font-size: 0.7em; margin: 0 0 2em 0; padding: 0; text-align: left; } ul.linklist li { margin: 0; padding: 0; display: inline; }