/* 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;
}