/* SETS BASIC HTML DEFINITIONS */



html {

	height: 100%; 

	margin-bottom: 1px;

}



body {

	background-color: #000000;

	color: #ffffff;

	font-family: Arial, Verdana, sans-serif; 

	font-size: 80%;

	text-align: center; 

	margin: 5px 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: #dc7c44; 

	color: #dc7c44; 

	height: 1px; 

	width: 100%;

}



img {

	border: none;

}



form {

	margin: 5px 0 0 0; 

	padding: 0; 

	font-size: 100%;

}



.forminput {

	background-color: #303030; 

	color: #fff; 

	border: 1px solid #c0c0c0; 

	padding: 2px; 

	font-size: 100%; 

	font-family: Verdana, Arial, sans-serif;

	margin: 2px 0;

}



/* SETS HEADING PROPERTIES */



h1 {

	font-family: Occidental, Times, serif; 

	color: #fff; 

	text-align: left; 

	font-size: 20px; 

	font-weight: normal; 

}



h2 {

	font-family: Occidental, Times, serif; 

	color: #fff; 

	text-align: left; 

	font-size: 20px; 

	font-weight: normal; 

}



h3 {

	font-family: Occidental, Times, serif; 

	color: #fff; 

	text-align: left; 

	font-size: 20px; 

	font-weight: normal; 

}



h4, h5, h6 {

	font-family: Occidental, Times, serif; 

	font-size: 18px; 

	font-weight: normal; 

	color: #fff; 

}



/* SETS THE VARIOUS HYPERLINK PROPERTIES */



a:link  {

	color: #f4ab6d; 

	text-decoration: none; 

	font-weight: bold;

}



a:visited {

	color: #f4ab6d; 

	text-decoration: none; 

	font-weight: bold;

}



a:hover {

	color: #ddaf9c; 

	text-decoration: underline; 

	font-weight: bold;

}



a:active {

	color: #f4ab6d; 

	text-decoration: none; 

	font-weight: bold;

}





.navigation a:link  {

	color: #fff; 

	text-decoration: none; 

	font-weight: normal;

}



.navigation a:visited {

	color: #fff; 

	text-decoration: none; 

	font-weight: normal;

}



.navigation a:hover {

	color: #fff; 

	text-decoration: underline; 

	font-weight: normal;

}



.navigation a:active {

	color: #fff; 

	text-decoration: none; 

	font-weight: normal;

}



/* SETS THE CLASS PROPERTIES */



.wrapper {

	width: 750px; 

	background: #000;

	color: #fff; 

	text-align: left;

	margin: 0 auto;

}



.header {

	background-image: url('images/headerimage.jpg');

	color: #fff;

	text-align: left;

	vertical-align: top;

	padding-left: 20px;

	height: 250px;

}



.header H1 {

	font-family: Georgia, Times, serif; 

	color: #b86039; 

	text-align: left; 

	font-size: 26px; 

	font-weight: bold;

	margin: 20px 0 40px 0; 

}



.header H2 {

	font-family: Georgia, Times, serif; 

	color: #fff; 

	text-align: left; 

	font-size: 20px; 

	font-weight: bold;

	margin: 10px 0 10px 0; 

}



.header p {

	color: #fff;

	font-size: 125%;

	line-height: 20px;

}



.navigation {

	background-image: url('images/navigationbg.jpg');

	color: #000; 

	text-align: center;

	height: 30px;

	letter-spacing: 2px;

}



.sidebar {

	background-color: #303030;

	width: 250px; 

	padding: 10px; 

	vertical-align: top; 

	font-size: 90%; 

	text-align: left;

	border-right: 1px dotted #505050;

}



.maintext {

	background-color: #303030;

	width: 500px; 

	padding: 10px 15px; 

	vertical-align: top; 

	text-align: justify; 

}



.catalog {

	width: 50%; 

	padding: 10px; 

	text-align: left; 

	vertical-align: top; 

}



.mainwide {

	background-color: #303030;

	width: 750px; 

	padding: 10px 20px; 

	text-align: justify; 

	vertical-align: top; 

}



.footerleft {

	background-color: #000;

	text-align: center;

	font-size: 90%; 

	font-weight: normal;

	border-top: 2px solid #b86039; 

}



.footerright {

	background-color: #000;

	text-align: center;

	font-size: 90%; 

	font-weight: normal;

	border-top: 2px solid #b86039; 

	padding: 10px 0;

}



.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;

}