/* CSS Document */ /* FORCES VERT SCROLLBAR IN NON-IE BROWSERS TO AVOID PAGE SHIFT - do not change*/ html{ min-height:100%; margin-bottom:.1px; } /* DEFINE BASE FONT SIZE FOR ENTIRE DOC -- TO SCALE ALL SIZES,JUST CHANGE THIS !!! */ html{ font-size:60%; } /* --- DECLARE FONT AND COLOR FOR ALL ELEMENTS ---*/ body,div,p,blockquote,ol,ul,dl,li,dt,dd,tr,td,th,h1,h2,h3,h4,h5,h6{ font-family:Arial,Helvetica,sans-serif; color:#000000; } /* DEFINES BODY FOR ALL BROWSERS,NO MARG/PAD - CENTER SITE WITH AUTO MARGIN --- BACKGROUND COLOR = COLOR OUTSIDE OF WRAPPER DIV ---*/ body{ margin:0; padding:0; font-size:100%; text-align:center; background:#5A90C7; } /* @@@---BEGIN LAYOUT SECTION ID TAGS - FORMAT AS NEEDED---@@@ */ /* THIS CREATES A CENTERED LAYOUT,770 PX WIDE. CHANGE WIDTH AS DESIRED,AND WRAP THE ENTIRE IN THIS TAG */ #wrapper{ width:750px; margin:0 auto; } #header{ height:95px; background:url(../assets/Advanced-Coating-head750x95.jpg) no-repeat; } /* THIS CREATES THE CONTENT AREA,WHICH WILL CONTAIN ALL PAGE-SPECIFIC LAYOUT */ /* INSERT BGRD IMAGE TO REPEAT - USE NO HEIGHT,WILL AUTO-FIT CONTENT*/ #content{ margin:0; padding:10px 20px 0 20px; clear:both; background:url(../assets/Advanced-Coating-BGRD-10px.gif) repeat-y; } /* APPLY PREFERRED FORMATTING TO PARAGRAPHS INSIDE OF CONTENT AREA */ #content p{ font-size:1.3em; padding:0; text-indent:12px; text-align:left; margin:0; } #leftcol{ width:150px; float:left; margin:0 0 10px 0; padding:0; } #content #leftcol p{ text-indent:0; text-align:justify; margin:0px 15px 0px 0px; } /*#content #layer1 { float: right; }*/ /* THIS CREATES THE FOOTER AREA AT THE BOTTOM OF THE PAGE */ #footer{ height:65px; margin:0; padding:0; clear:both; background:url(../assets/Advanced-Coating-FOOT750x75.gif) no-repeat; } /* CENTER P TEXT IN FOOTER,SET SMALLER SIZE*/ #footer p{ text-align:center; font-size:1.2em; } /* FIXES FLOAT LEFT-RIGHT - USE THIS CLASS AS NEEDED*/ .clearit{ clear:both; display:block; } /*@@@------BEGIN STANDARD HTML TAGS - FORMAT AS NEEDED FOR EACH PROJECT----@@@*/ /* WILL OVERRIDE COLORS AND FONT ABOVE IF SPECIFIED */ /* PARAGRAPH */ p{ margin:0; padding:0; font:1.2em Arial,Helvetica,sans-serif; } #newsfeed font a: { color:#000; } #search { font-size: 1.3em; } #techtable td { padding: 5px; } #techtable td.headcell { border-bottom: 2px solid #000000; padding:5px 3px; } #techtable td p { text-indent: 0px; } /* REMOVE SPACE ABOVE/BELOW HEAD TAGS */ h1,h2,h3,h4,h5,h6{ margin:0; padding:0; } /* HEAD TAGS */ h1{ font-size:1.8em; text-align:center; font-weight:900; color: #215483; /*border-bottom: 3px double #FFAB09;*/ /*width: 320px;*/ /*margin: 0 45px 15px 275px;*/ /*background-color: #5A90C7;*/ } h2{ font-size:1.6em; text-align:center; font-weight:900; color:#DC230F; } h3{ font-size:1.4em; text-align:center; font-weight:900; } h4{ font-size:1.4em; text-align:center; color: #225384; font-weight:600; } h5{ font-size:1.3em; text-align:center; font-weight:900; } h6{ font-size:1.3em; text-align:center; font-weight:bold; font-style:oblique; } b,strong{ font-weight:bold; } blockquote{ margin:15px 30px 0 10px; padding-left:20px; border-left:5px solid #E2DEC3; } blockquote cite{ margin:5px 0 0; display:block; } code{ font:1.1em 'Courier New',Courier,sans-serif; } i,em{ font-style:italic; } strike{ text-decoration:line-through; } /* UNORDERED LIST */ /* LESS INDENT MAY HIDE BULLETS */ ul{ font-size:1.3em; font-style:normal; line-height:1.3em; font-weight:normal; font-variant:normal; text-decoration:none; text-indent:15px; text-align:left; list-style-position:outside; list-style-image:none; list-style-type:disc; padding:0; margin:0; } ul.listindent li { /*color:#A52A2A;*/ margin: 0 40px; } hr.orange{ border-top: 3px double #FFAA01; } hr.thin{ height:1px; border:0; color:#DE2509; width:80%; background:#DE2509; } /* ---IMAGE ALIGNMENT---- */ img{ border:0; margin:0 0 0 0; padding:0 0 0 0; } img.alignleft{ padding:4px; margin:0 7px 2px 0; display:inline; float:left; } img.alignright{ padding:4px; margin:10px 0 2px 7px; display:inline; float:right; } img.centered{ display:block; margin-left:auto; margin-right:auto; } /* --ALIGNMENT --- */ .left{ float:left; } .right{ float:right; } .centered{ text-align:center; } /* DEFINE ID FOR TABLE - CENTERS TABLE INSIDE OF OUTER DIV - not in I.E.*/ table{ margin:auto; padding:0; } /* DEFINE TABLE HEAD */ th{ font-size:1.5em; font-weight:bold; background:#0080FF; } /* DEFINE TABLE CELL */ td{ text-align:left; margin:0; padding:0; vertical-align:top; } td.headcell { border-bottom: 2px solid #000000; padding:5px 0; } td.leftpad { padding:5px 0 5px 20px; } /* DEFINE LINK COLORS,STYLES */ a:link{ text-decoration:underline; color:#003399; } a:visited{ text-decoration:underline; color:#003399; } a:hover{ text-decoration:none; color:#D52810; } a:active{ text-decoration:underline; color:#003399; } /* DEFINE FOOTLINK COLORS,STYLES */ #footlinks a:link{ text-decoration:underline; color:#003399; } #footlinks a:visited{ text-decoration:underline; color:#003399; } #footlinks a:hover{ text-decoration:none; color:#D52810; } #footlinks a:active{ text-decoration:underline; color:#003399; } /* BEGIN INTERESTING DIVERSIONS + TIDBITS */ /**/ /**/ /* SETS A CLASS CALLED 'CONTAINER' WITH A MIN HEIGHT FIX FOR I.E. */ /* for SMART browsers */ .container{ min-height:8em;/* width:20em; padding:0.5em; border:1px solid #000;*/ height:auto; } /* for STUPID IE */ /*\*/ html .container{ height:8em; } /**/ /**/