/* CSS Document */ /* common styles */ html { height: 100%; } body { background-color: #ccc8b8; font-family: Arial; height: 100%; margin: 0px; padding: 0px; } div#pageContainer { background-image: url(../images/mainBg.gif); background-color: #ffffff; background-repeat: repeat-y; border-right: 1px solid #000000; border-left: 1px solid #000000; margin: auto; min-height:100%; position: relative; text-align: left; width: 800px; } * html div#pageContainer { height: 100% } /*************************************************************************************************/ div#header { background-color: #000000; padding: 0px; margin: 0px; } div#header:after { content: " "; display: block; clear: both; } * html div#header { height: 1px; } div#header form#searchForm { color: #ffffff; float: right; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; text-align: center; } div#header form#searchForm input { font-size: .7em; } div#header form#searchForm label { font-size: .7em; } div#header input#searchFor { width: 100px; } /* top banner menu */ div#topBannerMenu ul { margin: 0px; padding: 4px 4px 4px 4px; } div#topBannerMenu li { color: #ffffff; font-size: .75em; font-weight: bold; display: inline; margin: 0px; padding: 4px 4px 4px 0px; } div#header div#topBannerMenu a { color: #ffffff; text-decoration: none; white-space: nowrap; } div#header div#breadcrumbs { color: #ffffff; font-size: .75em; margin: 0px 0px 0px 0px; padding: 5px; } div#header div#breadcrumbs a { color: #ffffff; text-decoration: none; } div#header span.imageTP_yes { display: none; } div#header span.imagePath_no { display: none; } div#logo { float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; width: 146px; } /*************************************************************************************************/ /* body container */ div#bodyContainer { background-position: right bottom; background-repeat: no-repeat; margin: 0px; overflow: auto; /* padding-bottom should be the same as footer height */ padding: 0px 0px 3em 0px; } /*div#bodyContainer:after { content: " "; display: block; clear: both; }*/ * html #bodyContainer { overflow: visible; } /*************************************************************************************************/ /* left column */ div#leftColumn { float: left; overflow: visible; width: 200px; } *html div#leftColumn { height: 1px; padding: 0px 0px 46px 0px; } div#leftColumn a { color: #b30134; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none; } div#leftColumn a:after { content: " "; display: block; clear: both; } *html div#leftColumn a { height: 1px; } /* left column line */ div#leftColumn div.line { border-top: 1px solid #d88c87; clear: left; float: left; margin: 8px 8px 4px 8px; padding: 0px; width: 175px; } div#leftColumn hr { display: none; } /* left column document link */ div#leftColumn div.docLinks ul { clear: left; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 25px; } div#leftColumn li.pdf { list-style-image: url(../images/pdfIcon.gif); padding: 0px 0px 0px 4px; } div#leftColumn li.word { list-style-image: url(../images/wordIcon.gif); padding: 0px 0px 0px 4px; } div#leftColumn li.pdf a, div.pagecontent li.word a { font-size: 0.75em; font-weight: bold; text-decoration: none; line-height: 1em; } /* left column picture link */ div#leftColumn div.picLink, div#leftColumn div.leftColumnLink { clear: left; float: left; font-size: .8em; padding: 5px 5px 0px 5px; margin: 0px; } * html div#leftColumn div.picLink, div#leftColumn div.leftColumnLink { width: 100%; } div#leftColumn div.picLink a, div#leftColumn div.leftColumnLink a { font-weight: bold; text-decoration: none; } div#leftColumn img { border: 1px solid #b30134; float: left; margin: 0px 4px 0px 0px; padding: 0px 0px 0px 0px; } /* left column request prospectus */ div#leftColumn div#requestProspectus { margin: 0px 0px 0px 0px; padding: 5px 5px 0px 5px; } div#leftColumn h1, div#leftColumn h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div#leftColumn div#requestProspectus a h1 { color: #d88c87; font-size: 1.8em; } div#leftColumn div#requestProspectus h2 { font-size: 1em; } /******************************************************************/ /* left column navigation */ ul#leftMenu, p.leftmenu { color: #b30134; font-size: .8em; margin: 0px; padding: 4px; list-style-type: none; } ul#leftMenu ul { background-color: #ffffff; font-weight: normal; list-style-type: none; margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; } ul#leftMenu a, p.leftmenu a { color: #b30134; text-decoration: none; } ul#leftMenu li { margin: 0px; padding: 0px 0px 0px 4px; } ul#leftMenu li.thisPage { color: #d88c87; } ul#leftMenu ul li.thisPage { color: #d88c87; list-style-type: disc; } ul#leftMenu li.parent { color: #b30134; font-weight: bold; } /******************************************************************/ /* main body */ div#mainBody { position: relative; margin-left: 200px; } * html div#mainBody { height: 1px; } /*************************************************************************************************/ /* sitemap */ ul#sitemap li.sm1 { padding: 0px; margin: 1px 0px 0px 0px; } ul#sitemap li.sm1 { border-bottom: 1px solid #b30134; font-weight: bold; list-style-type: none; margin: 10px 0px 4px 0px; padding: 0px 0px 0px 0px; } ul#sitemap li.sm1 a { color: #000000; text-decoration: none; } ul#sitemap li.sm2 { list-style-type: disc; margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0px; } ul#sitemap li.sm3 { list-style-type: none; margin: 0px 0px 0px 2em; padding: 0px 0px 0px 0px; } ul#sitemap li.sm4 { list-style-type: none; margin: 0px 0px 0px 3em; padding: 0px 0px 0px 0px; } ul#sitemap li.sm5 { list-style-type: none; margin: 0px 0px 0px 4em; padding: 0px 0px 0px 0px; } ul#sitemap li.sm6 { list-style-type: none; margin: 0px 0px 0px 5em; padding: 0px 0px 0px 0px; } ul#sitemap li.smf0 { display: none; } ul#sitemap li.smf1 { list-style-type: disc; margin: 0px 0px 0px 1em; padding: 0px 0px 0px 0px; } /*************************************************************************************************/ /* footer */ div#footer { background-color: #000000; bottom: -1px; height: 41px; clear: both; color: #ffffff; position: absolute; width: 100%; } div#footerAddress { font-size: .7em; padding: 2px 4px 4px 4px; } div#footerMenu { font-size: .75em; font-weight: bold; padding: 2px 4px 2px 4px; } div#footerMenu a { color: #ffffff; text-decoration: none; } /*************************************************************************************************/ /* pagecontent */ /* see rcmPagecontentStyle.css */ /*************************************************************************************************/ /* styles for html from old website */ div.indented { font-size: .8em; width: 250px; } div.indented img { border: none; }