/*********************************************************************************/ /* The following base styles define the default behaviour of all Faculty of */ /* Medicine pages. If changes are made to these styles, they will affect the */ /* whole site. Changes should be made cautiously. Additionally, changes should */ /* also be applied to the HTMLeditor.css file so that the styles that appear on */ /* the site are consistent with the ones that appear in the editor window. */ /* */ /* Site URL: http://www.med.ubc.ca/ Faculty of Medicine */ /* http://www.id.med.ubc.ca/ Infectious Diseases */ /* http://www.medgen.ubc.ca/ Medical Genetics */ /* http:///ip.med.ubc.ca/site9.aspx MedIT */ /* Filename: ubcmain.css */ /* */ /* Creator: David Cowley */ /* Last Updated by: David Cowley */ /* Creation Date: 26 Sep 2005 */ /* Last Updated: 28 Sep 2005 */ /* */ /* People authorized to make changes: Irene Mark and David Cowley */ /* */ /* Dependencies: this file is not directly dependent on any other file */ /* Associations: ubcnav.css [which controls the accordion menu styles */ /* HTMLeditor.css [which controls the styles in the HTML editor] */ /* */ /* Revision History: */ /* */ /* 0.1 Based on the original (and subsequently modified ubcmain.css */ /* however this file replaces all instances of that file and */ /* becomes the ONE place where common look and feel are managed. */ /* 0.2 Removed the following: "#banner #bannerSearch", */ /* "#banner #bannerSearch input", "#banner #bannerSearch button" as */ /* they are no longer used in the design. 28 Sep 2005, DC */ /* the file for ease of use. 19 Aug 2005, DC */ /* 2.1 Updated styles to get rid of the annoying added padding near the */ /* menu in the main content area. 23 Sep 2005, DC */ /* 3.0 Making custom changes for the Medical Genetics website based on */ /* feedback from Diane McPherson. Substantial changes to the format*/ /* which are non-standard: */ /* - non centered template, full width */ /* - font size to 10pt instead of pixel */ /* - headings changed relative to new font */ /* - enhanced distinction between fonts & links */ /* 19 Jan 2006, DC */ /* */ /* */ /*********************************************************************************/ /*********************************************************************************/ /* Establishes the default parameters of the pages display: */ /* - centering the main content (centered within the browser window) */ /* - default fonts: Verdana, Arial, sans-serif */ /* - default font size: 11px (poor practice specifying font in pixels) */ /* - default font colour: dark grey #444444 */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* - requires manual update of HTMLEditor.css so that the WYSIWYG editor */ /* displays the styles correctly. */ /* */ /*********************************************************************************/ body { /*text-align: center;*/ /*centers the main content divs of the page*/ font-family: Arial, sans-serif, Verdana; /*font-size: 11px;*/ font-size: 10pt; color: #444444; } /*********************************************************************************/ /* Establishes the default link behaviour for all FoM sites: */ /* - links are dark blue #003399 and NOT underlined */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* - requires manual update of HTMLEditor.css so that the WYSIWYG editor */ /* displays the styles correctly. */ /* */ /*********************************************************************************/ a { text-decoration: none; /*color: #003399;*/ color: #0066cc; /*border-bottom: 1px dashed #003399;*/ } /*********************************************************************************/ /* Establishes the default Heading One behaviour for all FoM sites: */ /* - Heading One's are black (#000000) and 12px */ /* - Is 1px larger than default font size */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* - requires manual update of HTMLEditor.css so that the WYSIWYG editor */ /* displays the styles correctly. */ /* */ /*********************************************************************************/ h1 { color: #000000; /*font-size: 12px;*/ font-size: 11pt; /*font-size: 1.3em;*/ } /*********************************************************************************/ /* Establishes the default Heading Two behaviour for all FoM sites: */ /* - Heading Two's are black (#000000) and 11px */ /* - Is the same as the default font size */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* - requires manual update of HTMLEditor.css so that the WYSIWYG editor */ /* displays the styles correctly. */ /* */ /*********************************************************************************/ h2 { color: #000000; /*font-size: 11px;*/ font-size: 10pt; /*font-size: 1.2em;*/ } /*********************************************************************************/ /* Establishes the default Heading Three behaviour for all FoM sites: */ /* - Heading Three's are black (#000000) and 11px */ /* - Is the same as the default font size */ /* - Is normal, instead of bold (so the difference between the regular font and */ /* Heading 3 is only colour */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* - requires manual update of HTMLEditor.css so that the WYSIWYG editor */ /* displays the styles correctly. */ /* */ /*********************************************************************************/ h3 { color: #000000; /*font-size: 11px;*/ font-size: 10pt; /*font-size: 1.1em;*/ font-weight: normal; } /*********************************************************************************/ /* Establishes the default image behaviour for all FoM sites: */ /* - images don't have borders, even when they are linked */ /* - images have no margins or padding by default */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* - requires manual update of HTMLEditor.css so that the WYSIWYG editor */ /* displays the styles correctly. */ /* */ /*********************************************************************************/ img { border: none; margin: 0; padding: 0; } /*********************************************************************************/ /* Establishes the default Table Heading behaviour for all FoM sites: */ /* - Table Headings's are white (#ffffff) on a red (#800000) background and */ /* 11px */ /* - Is the same as the default font size */ /* - Is bold and centered within the table column in which they appear */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* - requires manual update of HTMLEditor.css so that the WYSIWYG editor */ /* displays the styles correctly. */ /* */ /*********************************************************************************/ th { color: #ffffff; /*background-color: #800000;*/ background-color: #FF9900; font-weight: bold; /*font-size: 11px;*/ font-size: 10pt; /*font-size: 1em;*/ text-align: center; min-width: 820px; } /*********************************************************************************/ /* Creates the "tableSubheading" class for all FoM sites: */ /* - Text is white (#ffffff) on a medium grey (#cccccc) background */ /* - Is the same as the default font size */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* - requires manual update of HTMLEditor.css so that the WYSIWYG editor */ /* displays the styles correctly. */ /* */ /* SPECIAL NOTES: */ /* - .reversed and td.reversed were the original names, but since the */ /* colouring has changed such that the names are no longer intuitive the */ /* class was renamed. The old names are retained to ensure that all */ /* instances get covered. They can be removed after an audit */ /* */ /*********************************************************************************/ .tableCell_Subheading-GreyBackground_WhiteText { color: #000000; /*background-color: #444444;*/ background-color: #cccccc; } /*********************************************************************************/ /* Creates the Table Data cell and Table Row "subTotal" class for all FoM sites: */ /* - does not alter the font in anyway */ /* - sets a top and bottom border to be grey (#333333) */ /* - the top border is 2px the bottom border is default size (should be 1px) */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* - requires manual update of HTMLEditor.css so that the WYSIWYG editor */ /* displays the styles correctly. */ /* */ /*********************************************************************************/ .tableCell_SubTotal-Top2pxBorder_Bottom1pxBorder { border-bottom-color: #333333; border-top-color: #333333; border-top-width: 2px; } /*********************************************************************************/ /* Creates the Table Data cell and Table Row "total" class for all FoM sites: */ /* - does not alter the font in anyway */ /* - sets a top and bottom border to be black (#000000) */ /* - the top border is 3px the bottom border is 2px */ /* - the top border is a double line, the bottom border a single */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* - requires manual update of HTMLEditor.css so that the WYSIWYG editor */ /* displays the styles correctly. */ /* */ /*********************************************************************************/ .tableCell_Total-Top3pxBorder_Bottom2pxBorder { border-bottom-color: #000000; border-top-color: #000000; border-bottom-style: single; border-top-style: double; border-top-width: 3px; border-bottom-width: 2px; } /*********************************************************************************/ /* The wrapper ID is the highest level DIV tag in the design. If we were to */ /* want to change the design from being centered we would change the body tag */ /* above, but if we were to want to change the width of the content area, the */ /* change would need to take place here. */ /* */ /* Behaviour: the wrapper ID is centered on the page by it's parent tag "body" */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* */ /*********************************************************************************/ #wrapper { /*width: 800px;*/ /*width of the main content area*/ width: 100%; background-color: #fff; text-align: left; /*required alignment to override the center alignment at the body level*/ margin: 0 auto; /*shorthand for top and bottom margins and left right margins*/ } /*********************************************************************************/ /* The banner ID contains the header content of the layout: top level and */ /* second level navigation, UBC bar, Faculty of Medicine heading and frog, */ /* general images. Everything above the content area. */ /* */ /*********************************************************************************/ #banner { } /*********************************************************************************/ /* Creates the "imageBanner" and "subsiteBanner" ID for all FoM sites: */ /* - has no margin or padding */ /* - clears the previous float so that it displays correctly vertical */ /* - has a top and bottom 6px gold border (#cc9900) */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* */ /* Limitations of Scope: */ /* - NOT all FoM templates make use of these IDs, they are only really */ /* applicable to the main FoM website which has images and the subsite title */ /* in the header, otherwise these should not be used. */ /* */ /*********************************************************************************/ #banner #imageBanner, #banner #subsiteBanner { margin: 0; padding: 0; clear: left; /*this clears the float:left used to make the top nav menu list horizontal*/ border-top: solid 6px #cc9900; border-bottom: solid 6px #cc9900; } /*********************************************************************************/ /* Creates the "noImageBanner" ID for all FoM sites: */ /* - has no margin or padding */ /* - clears the previous float so that it displays correctly vertical */ /* - has a bottom border of 6px in gold (#cc9900) */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* */ /* Limitations of Scope: */ /* - NOT all FoM templates make use of this ID it allows for the removal of the */ /* images from the basic FoM design, while maintaining a continuity of design */ /* through the use of the gold border in the header. */ /* */ /*********************************************************************************/ #banner #noImageBanner { margin: 0; padding: 0; clear: left; /*this clears the float:left used to make the top nav menu list horizontal*/ border-bottom: solid 6px #cc9900; } /*********************************************************************************/ /* Establishes the image behaviour within the "imageBanner" or "subsiteBanner" */ /* IDs if they are inside of the "banner" ID for all FoM sites: */ /* - overides the default image behaviour previously defined above, but only */ /* for images that are inside of the appropriate IDs */ /* - has left padding of 3px to establish the white vertical bar between images */ /* - is vertically aligned top, which keeps the design tight */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* */ /* Limitations of Scope: */ /* - NOT all FoM templates make use of these IDs so the consequential image */ /* behaviour may not be inherently available in the site you're working on */ /* */ /*********************************************************************************/ #banner #imageBanner img, #banner #subsiteBanner img { margin: 0 0 0 3px; padding: 0; vertical-align: top; } /*********************************************************************************/ /* Creates the class "firstImage" which only applies to images which are within */ /* both the "imageBanner" and "banner" IDs or both the "subsiteBanner" and */ /* "banner" IDs for all FoM sites: */ /* - modifies the default behaviour of images contained within those IDs (as */ /* defined above) */ /* - only used to ensure that the left most image does not have a white border */ /* to it's left. */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* */ /* Limitations of Scope: */ /* - NOT all FoM templates make use of these IDs so the consequential image */ /* behaviour may not be inherently available in the site you're working on */ /* */ /*********************************************************************************/ #banner #imageBanner img.firstImage, #banner #subsiteBanner img.firstImage { margin: 0; padding: 0; vertical-align: top; } /*********************************************************************************/ /* Creates the table class "subsiteTitle" which aligns the table in which the */ /* title for a subsite will appear, beside the normal two images. */ /* - the table floats to the right of the two images in the template */ /* - there is no padding or margin on the table */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* */ /* Limitations of Scope: */ /* - NOT all FoM templates make use of these IDs so the consequential image */ /* behaviour may not be inherently available in the site you're working on */ /* */ /*********************************************************************************/ #banner #imageBanner table.subsiteTitle, #banner #subsiteBanner table.subsiteTitle { float: right; /*border: solid 1px #800000;*/ width: 373px; padding: 0; margin: 0; } /*********************************************************************************/ /* Creates the class "titleCell" which defines the behaviour of the actual */ /* subsite title in the template: */ /* - the text is centered both vertically and horizontally */ /* - there is no padding or margin added */ /* - a minimum height of 68px is defined */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* */ /* Limitations of Scope: */ /* - NOT all FoM templates make use of these IDs so the consequential image */ /* behaviour may not be inherently available in the site you're working on */ /* */ /*********************************************************************************/ #banner #imageBanner table.subsiteTitle .titleCell, #banner #subsiteBanner table.subsiteTitle .titleCell { margin: 0; padding: 0; height: 68px; text-align: center; vertical-align: middle; } /*********************************************************************************/ /* Establishes the bahaviour of a H1 which is in the .titleCell class: */ /* - text colour is changed to dark blue (#003399) */ /* - the text is converted to uppercase */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* */ /* Limitations of Scope: */ /* - NOT all FoM templates make use of these IDs so the consequential image */ /* behaviour may not be inherently available in the site you're working on */ /* */ /*********************************************************************************/ #banner #imageBanner table.subsiteTitle .titleCell h1, #banner #subsiteBanner table.subsiteTitle .titleCell h1 { margin: 0; padding: 0; color: #003399; text-transform: uppercase; } /*********************************************************************************/ /* Creates the class "blueCell" which defines the behaviour of the actual */ /* subsite surrounding cells in the template: */ /* - the background colour is defined as dark blue (#003399) */ /* - a minimum height of 36px is defined */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* */ /* Limitations of Scope: */ /* - NOT all FoM templates make use of these IDs so the consequential image */ /* behaviour may not be inherently available in the site you're working on */ /* */ /*********************************************************************************/ #banner #imageBanner table.subsiteTitle .blueCell, #banner #subsiteBanner table.subsiteTitle .blueCell { background-color: #003399; height: 36px; } /*********************************************************************************/ /* Creates the class "ubcBar" which defines the behaviour of the UBC bar at the */ /* top of all the FoM templates: */ /* - bottom margin of 2 pixels */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* */ /*********************************************************************************/ #banner .ubcBar { margin: 0 0 2px 0; } /*********************************************************************************/ /* Creates the ID "frogLogo" which defines the behaviour of the Faculty of */ /* Medicine logo at the top of all the FoM templates: */ /* - float the image to the left */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* */ /*********************************************************************************/ #banner #frogLogo { float: left; } /*********************************************************************************/ /* Creates the class "bannerTitle" which defines the behaviour of the Faculty of */ /* Medicine text at the top of all the FoM templates: */ /* - text is dark blue (#003399) */ /* - it is transformed to be all UPPERCASE */ /* - the font size is 4px bigger than the default (11px) */ /* - margins are used to position the text appropriately */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* */ /*********************************************************************************/ #banner .bannerTitle { color: #003399; font-size: 15px; text-transform: uppercase; margin: 14px 0 13px 112px;/*shorthand for top-right-bottom-left*/ letter-spacing: 4.5px; } /*********************************************************************************/ /* The topNav ID defines the behaviour of the top level navigation items: */ /* About Us, Education, Research, Communities. */ /* */ /* NOTE: added #homeTopNav as it used to exist separately, but was not defined */ /* as being different. */ /* */ /*********************************************************************************/ #topNav, #homeTopNav { margin: 0 0 0 0px; border-top: solid 1px #003399; } /*********************************************************************************/ /* Establishes the Top Navigations list behaviour for all FoM sites: */ /* - list items display inline, from left to right */ /* - are the same size as the default font size (11px) */ /* - include both right and left padding */ /* - have a dark blue background (#003399) */ /* - font colour is white (#ffffff), bold and uppercase */ /* - has a white (#ffffff) 3px border on the left to provide the buttom */ /* appearance */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* */ /* NOTE: added "#homeTopNav li" as it used to exist separately, but was not */ /* defined as being different. */ /* */ /*********************************************************************************/ #topNav li, #homeTopNav li { float: left; /*this makes the menu list into a horizontal bar*/ text-align: center; list-style: none; /*this removes the usual list bullets*/ text-transform: uppercase; letter-spacing: 5px; color: #ffffff; font-size: 11px; font-weight: bold; width: 165px; padding: 0 10px 0 10px; /* margin: 0 10px 0 10px;*/ line-height: 24px; background-color: #003399; border-left: solid 3px #ffffff; } /*********************************************************************************/ /* Establishes the Top Navigations list behaviour for the first item in the top */ /* navigation in all FoM sites: */ /* - same as "#topNav li" except narrower and no left border */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* */ /* NOTE: added "#homeTopNav li.firstTopNavItem" as it used to exist separately, */ /* but was not defined as being different. */ /* */ /*********************************************************************************/ #topNav li.firstTopNavItem, #homeTopNav li.firstTopNavItem { width: 122px; border-left: none; } /*********************************************************************************/ /* Establishes the Top Navigations list behaviour for the last item in the top */ /* navigation in all FoM sites: */ /* - same as "#topNav li" except narrower and has a right border */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* */ /* NOTE: added #homeTopNav as it used to exist separately, but was not defined */ /* as being different. */ /* */ /*********************************************************************************/ #topNav li.lastTopNavItem { width: 164px; border-right: solid 1px #003399; } /*********************************************************************************/ /* Establishes the Top Navigations list behaviour for the first item in the top */ /* navigation in all FoM sites when it is selected: */ /* - same as "#topNav li.firstTopNavItem" except it reverses the font and */ /* background colours */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* */ /*********************************************************************************/ #topNav li.firstTopNavItemCurrentTop { width: 122px; border-left: none; color: #003399; background-color: #ffffff; } /*********************************************************************************/ /* Establishes the Top Navigations list behaviour for the last item in the top */ /* navigation in all FoM sites when it is selected: */ /* - same as "#topNav li.lastTopNavItem" except it reverses the font and */ /* background colours */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* */ /*********************************************************************************/ #topNav li.lastTopNavItemCurrentTop { width: 164px; border-right: solid 1px #003399; color: #003399; background-color: #ffffff; } /*********************************************************************************/ /* Establishes the Top Navigations list behaviour for a selected item in the top */ /* navigation in all FoM: */ /* - same as "#topNav li" except it reverses the font and backgrund colours */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* */ /*********************************************************************************/ #topNav .currentTop { color: #003399; background-color: #ffffff; } /*********************************************************************************/ /* Establishes the Top Navigations link behaviour for navigation in all FoM */ /* sites: */ /* - defines the font colour as white (#ffffff) */ /* - "#topNav li" defines the background colour as dark blue (#003399) */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* */ /*********************************************************************************/ #topNav a, a.topNavLink { color: #ffffff; } /*********************************************************************************/ /* Establishes the Top Navigations link behaviour for a selected link in the */ /* navigation in all FoM sites: */ /* - defines the font colour as white (#003399) */ /* - "#topNav .currentTop" defines the background colour as white (#ffffff) */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* */ /*********************************************************************************/ #topNav a.currentTop { color: #003399; } /*********************************************************************************/ /* Establishes the container for the Secondary Top Navigation links for */ /* navigation in all FoM sites: */ /* - has a light grey bottom border (#cccccc) */ /* */ /* Consequences of a change: */ /* - change will be applied to all FoM sites (may require multiple publish */ /* and/or export cycles) */ /* */ /*********************************************************************************/ #secondaryTopNavContainer { /*border-bottom: solid 1px #cccccc;*/ border-bottom: solid 2px #cc9900; clear: all; width: 100%; /*800px;*/ } #secondaryTopNav { text-align: right; padding: 3px 0px 3px 0; /*padding-left: 720px;*/ margin: 0; float: right; margin-top: -20px; } #secondaryTopNav li { display: inline; } #secondaryTopNav a.currentTop { color: #800000; } #secondaryTopNav a.textColour { color: #444444; } #leftCol { float: left; /*width: 226px;*/ width: 226px; margin: 0; /*padding: 5px 0 0 10px;*/ padding: 5px 0px 0px 5px; border-right: solid 1px #cccccc; } #leftCol h1 { /*font-size: 11px;*/ font-size: 10pt; /*font-size: 1em;*/ font-weight: bold; color: #003399; letter-spacing: 5px; text-transform: uppercase; margin: 0; /*padding: 15px 0 0 0;*/ padding: 8px 0 0 0; display:none; } #leftCol p { /*line-height: 14px;*/ line-height: 12pt; /*line-height: 1.3em;*/ } #leftCol .newsTitle { color: #800000; } #homeMainContent { /*margin: 0 0 0 236px;*/ /*shorthand for top right bottom left values*/ margin: 0 0 0 231px; padding: 15px 20px 0 20px; /*line-height: 24px;*/ line-height: 18pt; /*line-height: 2em;*/ border-left: solid 1px #cccccc; } #homeMainContent p { font-family: 'Times New Roman', 'Times', 'Serif'; /*Used quotes here because of multiple words in Times New Roman*/ /*font-size: 14px;*/ font-size: 12pt; /*font-size: 1.3em;*/ margin: 0; padding: 0; } /* added float: left; and width: 552px; while removing the left margin of 236 pixels. By so */ /* doing we are able to fix the minor indenting issue beside the menu in IE. 23 Sep 2005, DC */ /* The -1px left margin was added because the borders weren't overlapping, they were displaying */ /* side by side. This also allowed for an increase in width to 554px. 23 Sep 2005, DC */ #mainContent, #mainContentHome { margin: 0 0 0 0px; /*shorthand for top right bottom left values*/ /*margin: 0 0 0 236px;*/ /*shorthand for top right bottom left values*/ /*padding: 10px 0 0 20px;*/ padding: 0px 0 0 14px; /*border-left: solid 1px #cccccc;*/ /*position: relative;*/ /*float: left; */ /*width: 554px;*/ /* by removing this hopefully it will expand to fill the rest of the window */ } /* if this style is updated it needs to be updated in HTMLeditor.css as well */ #mainContent p, #mainContentHome p { /*margin: 0 30px 10px 0;*/ margin: 0 20px 10px 0; padding: 0 0 0 0px; /*line-height: 14px;*/ line-height: 12pt; /*line-height: 1.3em;*/ } /* if this style is updated it needs to be updated in HTMLeditor.css as well */ #mainContent h1.firstPageHeading, #mainContentHome h1.firstPageHeading { margin: 0 0 15px 0; padding: 0; color: #800000; /*font-size: 12px;*/ font-size: 11pt; /*font-size: 1.3em;*/ } /* if this style is updated it needs to be updated in HTMLeditor.css as well */ #mainContent h1, #mainContentHome h1 { color: #800000; /*font-size: 12px;*/ font-size: 11pt; /*font-size: 1.3em;*/ margin: 0 0 0 0; padding: 0; } /* if this style is updated it needs to be updated in HTMLeditor.css as well */ #mainContent h2, #mainContentHome h2 { color: #000000; /*font-size: 11px;*/ font-size: 10pt; /*font-size: 1.2em;*/ font-weight: bold; margin: 0 0 0 0; } /* if this style is updated it needs to be updated in HTMLeditor.css as well */ #mainContent h3, #mainContentHome h3 { color: #000000; /*font-size: 11px;*/ font-size: 10pt; /*font-size: 1.1em;*/ font-style: normal; margin: 0; } #mainContent h4, #mainContentHome h4 { color: #000000; /*font-size: 11px;*/ font-size: 10pt; /*font-size: 1em;*/ font-style: italic; margin: 0; } #mainContent ul, #mainContentHome ul { list-style-image: url(../images/blueListArrow.png); } #mainContent #linksNewsArea { /*position: absolute;*/ /*top: 20px;*/ /*left: 370px;*/ border: solid 1px #cccccc; float: right; } /* if this style is updated it needs to be updated in HTMLeditor.css as well */ #mainContent .linksNewsBox { border: solid 1px #cccccc; width: 183px; padding: 0 5px 10px 10px; margin: 0 0 10px 0; float: right; font-size: 9pt; } /* if this style is updated it needs to be updated in HTMLeditor.css as well */ #mainContent .linksNewsBox h1 { border-bottom: solid 1px #cccccc; text-align: center; padding: 3px 0 3px 15px; margin: 0 -5px 0px -10px; letter-spacing: 4px; /*font-size: 11px;*/ font-size: 10pt; /*font-size: 1em;*/ color: #000000; text-transform: uppercase; } #mainContent .linksNewsBox h2 { padding: 3px 0 2px 10px; } /* if this style is updated it needs to be updated in HTMLeditor.css as well */ #mainContent .linksNewsBox ul { list-style: none; margin: 0 0 0 10px; padding: 5px 0px 5px 5px; list-style-image: url(../images/blueListArrow.png); } /* if this style is updated it needs to be updated in HTMLeditor.css as well */ #mainContent .linksNewsBox p { margin: 0 5px 0 15px; } .homeKeyword { color: #800000; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; letter-spacing: 5px; padding-right: 2px; } .homeMap { text-align: center; border: 1px solid #696969; } #footer { clear: both; /* so that the footer always appears below the menu, content or news & events/quick links whichever is longer*/ /*margin: 0 0 0 246px;*/ /*sets the left margin to align with the mainContent div*/ text-align: center; padding: 0 0 0 0px; } #footer p { font-family: Verdana, Arial, Helvetica, sans-serif; /*font-size: 10px;*/ font-size: 8pt; /*font-size: 0.9em;*/ } #footer p a { color: #444444; border: none; } #footer p.copyright {} #footer a.copyright { text-decoration: none; color: #0066cc; } #footer p.lastPublished { text-align: right; /*padding-left: 350px;*/ } #footer p.siteAdmin { /*font-size: 10px;*/ font-size: 8pt; /*font-size: 0.9em;*/ font-style: italic; padding-top: 0px; margin-top: -6px; }