/* SETS BASIC HTML DEFINITIONS */ html { height: 100%; margin-bottom: 1px; } body { background: #ffffff url('images/background.jpg') repeat-x; color: #000; font-family: Arial, Verdana, sans-serif; font-size: 80%; text-align: center; margin: 0; } table, td { padding: 0px; margin: 0; border-collapse: collapse; font-size: 100%; } ul li { list-style-image: url('images/bullet.gif'); font-size: 100%; } hr { background-color: #de0f23; color: #de0f23; height: 1px; width: 100%; } img { border: none; } form { margin: 5px 0 0 0; padding: 0; font-size: 100%; } .forminput { background-color: #fff; color: #000; border: 1px solid #c0c0c0; padding: 2px; margin: 2px 0; font-size: 100%; font-family: Verdana, Arial, sans-serif; } /* SETS HEADING PROPERTIES */ h1 { font-family: Georgia, Times, serif; color: #b2a791; text-align: left; font-size: 22px; font-weight: bold; } h2 { font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif; color: #d01022; text-align: left; font-size: 20px; font-weight: normal; } h3 { font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif; color: #756341; text-align: left; font-size: 20px; font-weight: normal; } h4, h5, h6 { font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif; font-size: 18px; font-weight: normal; color: #d01022; } /* SETS THE VARIOUS HYPERLINK PROPERTIES */ a:link { color: #7c715c; text-decoration: none; font-weight: bold; } a:visited { color: #7c715c; text-decoration: none; font-weight: bold; } a:hover { color: #de0f23; text-decoration: underline; font-weight: bold; } a:active { color: #7c715c; text-decoration: none; font-weight: bold; } .navigation a:link { color: #b2a791; text-decoration: none; font-weight: bold; } .navigation a:visited { color: #b2a791; text-decoration: none; font-weight: bold; } .navigation a:hover { color: #f1ece6; text-decoration: none; font-weight: bold; } .navigation a:active { color: #b2a791; text-decoration: none; font-weight: bold; } .footerright a:link { color: #de0f23; text-decoration: none; font-weight: normal; } .footerright a:visited { color: #de0f23; text-decoration: none; font-weight: normal; } .footerright a:hover { color: #7c715c; text-decoration: underline; font-weight: normal; } .footerright a:active { color: #de0f23; text-decoration: none; font-weight: normal; } /* SETS THE CLASS PROPERTIES */ .wrapper { width: 750px; text-align: left; margin: 0 auto; } .header { font-family: Georgia, Times, serif; background-image: url('images/headerbg.jpg'); text-align: center; color: #f1ece6; font-size: 26px; font-weight: bold; height: 100px; } .navigation { background-image: url('images/navigationbg.jpg'); color: #f1ece6; text-align: center; letter-spacing: 1px; padding: 0 15px; height: 45px; } .sidebar { background: url('images/sidebarbg.jpg'); color: #000; width: 250px; padding: 10px 15px 10px 20px; vertical-align: top; font-size: 90%; text-align: left; } .maintext { background: url('images/textbg.jpg'); width: 500px; padding: 10px 20px 10px 10px; vertical-align: top; text-align: justify; } .catalog { width: 50%; padding: 10px; text-align: left; vertical-align: top; } .mainwide { background: url('images/mainwidebg.jpg'); width: 750px; padding: 10px 20px; text-align: justify; vertical-align: top; } .footerleft { background: url('images/footerleft.jpg'); text-align: center; color: #d01022; font-size: 90%; font-weight: normal; height: 80px } .footerright { background: url('images/footerright.jpg'); text-align: center; color: #d01022; font-size: 90%; font-weight: normal; } .photoleft { margin: 3px 10px 2px 0px; float: left; } .photoright { margin: 3px 0px 2px 10px; float: right; } .imageleft { margin: 3px 10px 2px 0px; float: left; border: 3px double #c0c0c0; } .imageright { margin: 3px 0px 2px 10px; float: right; border: 3px double #c0c0c0; } .imagecenter { margin: 0px 5px; border: 3px double #c0c0c0; }