/* To support use of em-based font sizing throughout css-based web pages, the */ /* following definitions establish a base set of sizes used as defaults among the */ /* dependent web pages. */ /* The default size for ‘medium’ text in all modern */ /* browsers is 16px. Our first step is to reduce */ /* this size for the entire document by setting body */ /* size to 62.5% making the font-size=10px */ body {font-size:62.5%} /* For a two column layout with header and footer */ #header {font-size:1em} /* 10px relative to body at 10px */ #navigation {font-size:1em} /* 10px relative to body at 10px */ #main {font-size:1.2em} /* 12px relative to body at 10px */ #sidebar {font-size:1em} /* 10px relative to body at 10px */ #footer {font-size:1em} /* 10px relative to body at 10px */ /* Applying text-sizes to all headings will give */ /* consistency across browsers */ H1 {font-size:2em} /* 24px relative to main at 12px */ H2 {font-size:1.5em} /* 18px relative to main at 12px */ H3 {font-size:1.25em} /* 15px relative to main at 12px */ H4 {font-size:1em} /* 12px relative to main at 12px */ /* A similar job needs to be done on forms and */ /* tables to force form controls and table cells to */ /* inherit the correct size (mainly to cater for */ /* IE/Win) */ TABLE, INPUT, SELECT, TH, TD {font-size:1em} /* 12px relative to main at 12px */ img {border: 0px;} /* Other page section style setup */ #sidebar {font-family:"trebuchet ms", verdana, arial, tahoma, sans-serif; margin:0; font-weight:bold; padding:1em; background-image:none; background:#ccd; color:#4c597f; list-style-type:none;} #sidebar a {width:100%; text-decoration:none; color:#4c597f;} #sidebar a:hover {width:100%; text-decoration:none; background-image:none; background:#4c597f; color:#fff;} #main {font-family: verdana, arial, sans-serif; padding:0em;} .subhead {font-size:1.25em; font-weight:bold;} #footer {font-family: verdana, arial, sans-serif; padding:1em; border-top:3px solid #4c597f; color:#4c597f;} /* Heading classes */ .edit1 {font-family:"times new roman", serif; margin:0; font-weight:bold; font-size:3em; text-decoration:none; background-image:none; background:#fff; color:#c9ba65;} .edit2 {font-family:"times new roman", serif; margin:0; font-weight:bold; font-size:5em; text-decoration:none; background-image:none; background-color:powderblue; color:blue;} .prod1 {font-family:"trebuchet ms", verdana, arial, tahoma, sans-serif; margin:0; font-weight:normal; font-size:5em; text-decoration:none; background-image:none; background:#fff; color:#4c597f;} .prod2 {font-family:"trebuchet ms", verdana, arial, tahoma, sans-serif; margin:0; font-weight:bold; font-size:2em; text-decoration:none; background-image:none; background:#fff; color:#4c597f;} .prod2 a {font-family:"trebuchet ms", verdana, arial, tahoma, sans-serif; margin:0; font-weight:bold; text-decoration:none; background-image:none; background:#fff; color:#4c597f;} .prod2 a:hover {font-family:"trebuchet ms", verdana, arial, tahoma, sans-serif; margin:0; font-weight:bold; text-decoration:none; background-image:none; background:#fff; color:#ccd;} .prod2x {font-family:"trebuchet ms", verdana, arial, tahoma, sans-serif; margin:0; font-weight:bold; font-size:2em; text-decoration:none; background-image:none; background-color:powderblue; color:blue;}.prod2x a {font-family:"trebuchet ms", verdana, arial, tahoma, sans-serif; margin:0; font-weight:bold; text-decoration:none; background-image:none; background-color:powderblue; color:blue;}.prod2x a:hover {font-family:"trebuchet ms", verdana, arial, tahoma, sans-serif; margin:0; font-weight:bold; text-decoration:none; background-image:none; background-color:powderblue; color:#4c597f;}.prod3 {font-family:"trebuchet ms", verdana, arial, tahoma, sans-serif; margin:0; font-weight:bold; font-size:1.5em; text-decoration:none; background-image:none; background:#fff; color:#4c597f;} .prod3 a {font-family:"trebuchet ms", verdana, arial, tahoma, sans-serif; margin:0; font-weight:bold; text-decoration:none; background-image:none; background:#fff; color:#4c597f;} .prod3 a:hover {font-family:"trebuchet ms", verdana, arial, tahoma, sans-serif; margin:0; font-weight:bold; text-decoration:none; background-image:none; background:#fff; color:#ccd;} .spec4 {font-family:"trebuchet ms", verdana, arial, tahoma, sans-serif; margin:0; font-weight:bold; font-size:1.5em; text-decoration:none; background-image:none; background:#fff; color:#ff0000;} .spec4 a {font-family:"trebuchet ms", verdana, arial, tahoma, sans-serif; margin:0; font-weight:bold; text-decoration:none; background-image:none; background:#fff; color:#ff0000;} .spec4 a:hover {font-family:"trebuchet ms", verdana, arial, tahoma, sans-serif; margin:0; font-weight:bold; text-decoration:none; background-image:none; background:#fff; color:#cc0000;} .photo {border-width: 1px; border-style: solid; border-color: #4c597f; } .RBanner { Z-INDEX: 2; BOTTOM: 0px; FLOAT: right; WIDTH: 500px; POSITION: absolute; HEIGHT: 300px } /* common styling */ .menu1 {float:left; width:100%; font-family: verdana, arial, sans-serif; font-size:11px; background:url(images/menu1.gif) repeat-x top left; border-top:3px solid #4c597f; border-bottom:3px solid #4c597f; margin:0 0 20px 0; /* for this demo only */ } .menu1 ul {padding:0; margin:0; list-style-type:none;} .menu1 ul li {float:left; position:relative; background:url(images/divider1.gif) no-repeat top right;} .menu1 ul li a, .menu1 ul li a:visited {float:left; display:block; text-decoration:none; color:#ddf; padding:0px 16px; line-height:25px; height:30px; border-bottom:3px solid #fff; } .menu1 ul li:hover {width:auto;} .menu1 ul li a.menu1one:hover {border-color:#c00; color:#f88;} .menu1 ul li a.menu1two:hover {border-color:#c60; color:#fc0;} .menu1 ul li a.menu1three:hover {border-color:#cc0; color:#cc0;} .menu1 ul li a.menu1four:hover {border-color:#080; color:#0e0;} .menu1 ul li a.menu1five:hover {border-color:#00c; color:#aaf;} .menu1 ul li a.menu1six:hover {border-color:#c0c; color:#f8f;} .menu1 ul li a.menu1seven:hover {border-color:#0cc; color:#8ff;} .menu1 ul li:hover a.menu1one {border-color:#c00; color:#f88;} .menu1 ul li:hover a.menu1two {border-color:#c60; color:#fc0;} .menu1 ul li:hover a.menu1three {border-color:#cc0; color:#cc0;} .menu1 ul li:hover a.menu1four {border-color:#080; color:#0e0;} .menu1 ul li:hover a.menu1five {border-color:#00c; color:#aaf;} .menu1 ul li:hover a.menu1six {border-color:#c0c; color:#f8f;} .menu1 ul li:hover a.menu1seven {border-color:#0cc; color:#8ff;} .menu1 ul li ul {display: none;} .menu1 table {border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;} /* specific to non IE browsers */ .menu1 ul li:hover ul {display:block; position:absolute; top:32px; margin-top:1px; left:0; width:154px; border-bottom:1px solid #000;} .menu1 ul li:hover ul.endstop {left:-92px;} .menu1 ul li:hover ul li ul {display: none;} .menu1 ul li:hover ul li a {display:block; background:#fff; color:#000; height:auto; line-height:15px; padding:4px 16px; width:120px; border:1px solid #000; border-bottom:0;} .menu1 ul li:hover ul li a.drop {background:#fff url(images/drop1.gif) no-repeat 132px 8px;} .menu1 ul li:hover ul li a:hover {color:#000; background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;} .menu1 ul li:hover ul li a:hover.drop {background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;} .menu1 ul li:hover ul li:hover ul {display:block; position:absolute; left:153px; top:-1px;} .menu1 ul li:hover ul li:hover ul.left {left:-153px;} /* specific to IE5.5 and IE6 browsers */ .menu1 ul li a:hover ul {display:block; position:absolute; top:32px; t\op:32px; background:#fff; left:0; border-bottom:1px solid #000;} .menu1 ul li a:hover ul.endstop {left: -92px;} .menu1 ul li a:hover ul li a {display:block; background:#fff; color:#000; height:1px; line-height:15px; padding:4px 16px; width:120px; w\idth:120px; border:1px solid #000; border-bottom:0;} .menu1 ul li a:hover ul li a.drop {background:#fff url(images/drop1.gif) no-repeat 132px 8px; padding-bottom:4px;} .menu1 ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0;} .menu1 ul li a:hover ul li a:hover {color:#000; background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;} .menu1 ul li a:hover ul li a:hover.drop {background: #ccd url(images/bullet1.gif) no-repeat 3px 8px;} .menu1 ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; top:0;color:#000; left:153px;} .menu1 ul li a:hover ul li a:hover ul.left {left:-153px;}