/* */ /* Style Sheet for CAMS Hire Website */ /* Constructed by : Nick Roberts */ /* Date Constructed : March 2008 */ /* */ /* Date last modified: March 2008 */ /* Nature of last change: Initial Draft*/ /* */ /* Set body colour to grey and place background image */ body { font-family: Arial, Helvetica, sans-serif; font-size:100%; color: #525252; margin-right: 5px; margin-bottom: 5px; background-image: url(images/bg.jpg); background-attachment:fixed; background-position:bottom right; background-repeat:no-repeat; } /* Set Heading Level 1 colour to Green */ h1 { font-family: Arial, Helvetica, sans-serif; color: #008000; } /* Reduced size Heading Level 1 - 125% of normal text*/ h1.small { font-size:125%; } /* Set Heading Level 2 colour to Dark Green */ h2 { font-family: Arial, Helvetica, sans-serif; color: #004000; } /* Set Heading Level 3 colour to Dark Green */ h3 { font-family: Arial, Helvetica, sans-serif; color: #004000; } /* Reduced size Heading Level 2 - 110% of normal text */ h2.small { font-size:110%; } /* Reduced size Heading Level 3 - 90% of normal text*/ h3.small { font-size:90%; } /* Set default para text size to 80% */ p { font-family: Arial, Helvetica, sans-serif; font-size:80%; } /* Reduced size para text */ p.small { font-size:70%; } /* Very small size para text */ p.tiny { font-size:60%; } /* Set default table body text size to 80% */ tbody { font-family: Arial, Helvetica, sans-serif; font-size:80%; border:3px solid green; } td { border:1px solid green; } /* Set default bullet text size to 80% normal */ ul { font-family: Arial, Helvetica, sans-serif; font-size:80%; } /* Para text which floats to the left of an image */ p.right { float:right; } /* Para text which floats to the right of an image */ p.left { float:left; } /* 75% Reduced size bullet text */ ul.small { font-size:75%; } /* 90% Reduced size bullet text for indent*/ ul.smaller { font-size:90%; } /* 100% size bullet text*/ ul.restore { font-size:100%; } /* 90% reduced size bullet text, emboldened */ ul.large { font-size:90%; font-weight:bold; } /* Set form text size to 80% normal */ form { font-family: Arial, Helvetica, sans-serif; font-size:80%; } /* Column definition for use in div - Column 1 for Menu and supplementary images */ #column1 { position:absolute; top: 100px; left: 5px; width: 200px; font-family: Arial, Helvetica, sans-serif; } /* Absolute positioning for image immediately below menu */ #column1menuimage { position:absolute; top: 390px; left: 5px; width: 200px; font-family: Arial, Helvetica, sans-serif; } /* Absolute positioning for accreditation logos immediately below menu and image */ #column1logos { position:absolute; top: 550px; left: 5px; width: 200px; font-family: Arial, Helvetica, sans-serif; } /* Column definition for use in div - Column 2 for main body text for page */ #column2 { position:absolute; top: 125px; left: 205px; width: 570px; font-family: Arial, Helvetica, sans-serif; } /* Column definition for use in div - Column 3 for supplementary text and images*/ #column3 { position:absolute; top: 125px; left: 790px; width: 200px; font-family: Arial, Helvetica, sans-serif; color: #004040; } /* Column definition for use in div - Single Column 2 for main body text for page */ #column2and3 { position:absolute; top: 120px; left: 205px; width: 770px; font-family: Arial, Helvetica, sans-serif; } /* For placing the Roadside Logo and padding at the top of each page */ #topbanner { position:absolute; top: 5px; left: 5px; } a.sitemap { font-family: Arial, Helvetica, sans-serif;; color: #000000; font-size: 80%; font-weight: normal; font-style: normal; text-decoration: none; background: #FF9891; border: 1px solid #FFFFFF; padding: 4px; text-align: center; vertical-align: middle; text-decoration: none; }