/********* Reset Broswer CSS ************************/ html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, ol, ul, li, table, tbody, tfoot, thead, tr, th, td, hr { margin: 0; padding: 0; } a img { border: none; } /****** css/basic.css ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ DO NOT RENAME THIS FILE OR MOVE IT TO ANOTHER LOCATION! This style sheet is linked to WYSIWYG editors throughout the Toolbox and the web site. Only selectors and styles that should appear in the WYSIWYG editors should be included in this file. Place all other styling needed for the web site in a separate file (usually named styles.css) and then link both basic.css and styles.css to every page of the web site. ALWAYS place the link to basic.css BEFORE any other style sheet links in order to allow WYSIWYG-specific styles to be overwritten for the web pages. The following selectors should be defined in this file: body p, table, td, th, li a h1, h2, h3, h4, h5, h6 hr Any custom styles that should be available in the WYSIWYG editor's Styles drop-down menu should be included here as well. */ body { /****** ALWAYS include the baseline font-size percentage in this tag. Acceptable font-size values are 60%, 69%, and 76%. */ font-size: 76%; /****** The remaining styles are optional, although a default font and color is recommended. Be sure to set the background color and/or image to match the background style of the CONTENT AREA of the web page. This may be different from the background styling actually used on the web site. For example, the web site may have a black background, but the content area is white. Set the background-color to white here so the WYSIWYG editor has a white background and then set the background color of in the secondary style sheet (probably named styles.css) to black so that the web site properly displays black (and the white content background is defined by a different style in the secondary style sheet). */ background-color: #fff; font-family: Arial, Helvetica, sans-serif; color: #000; } p, table, td, th, li { /****** The default element font size should ALWAYS be 1em so that sizing does not exponentially increase or decrease when nesting HTML tags. Control the baseline font size by changing the font-size percentage in . */ font-size: 1em; /****** The remaining styles are optional and may be customized. */ font-family: Arial, Helvetica, sans-serif; color: #000; font-weight: normal; font-style: normal; } a, a:visited, a:active, a:link { /****** Do not remove !important from the color attribute - this is necessary for the WYSIWYG editor to display the link color */ color: #4782AD; font-weight: bold; } a:hover { color:#25445A !important; } h1 { font-family: "Helvetica Neue LT", Helvetica, Arial, sans-serif; font-size: 24px; color: #4782ad; font-weight: normal; font-style: normal; letter-spacing: -0.6px; margin:0 0 20px 0; } h2 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #111; font-weight: normal; font-style: normal; } h3 { color: #464646; font: normal 14px Arial, Helvetica, sans-serif; margin-bottom: 18px; } h4 { font-family: 'Trebuchet MS', 'Lucida Sans', sans-serif; font-size: 1em; color: #000; font-weight: bold; font-style: normal; } h5 { font-family: 'Trebuchet MS', 'Lucida Sans', sans-serif; font-size: 1em; color: #555; font-weight: bold; font-style: normal; } hr { height:1px; margin:20px 0; padding:0; clear:both; border-top: 1px dotted #999; background:none; } li { margin-left: 1em; /* must be included for hierarchical formatting of nested lists */ } p { margin: 0 0 12px 0; line-height: 1.5em; } /****** Classes added to this file will be available for selection in the WYSIWYG editor's Styles drop-down menu. Therefore, do not include layout structure classes or any others that wouldn't make sense if they appeared in the WYSIWYG editor. */ .mystyle { font-weight: bold; color: #c39; font-size: 1.4em; } .anotherstyle { color: #f90; font-size: 2em; }