/* SETS BASIC HTML DEFINITIONS */



html {

	height: 100%; 

	margin-bottom: 1px;

}



body {

	background-color: #b0b272;

	color: #000;

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

}



hr {

	background-color: #ff0000; 

	color: #ff0000; 

	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; 

	font-size: 100%; 

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

}



/* SETS HEADING PROPERTIES */



h1 {

	font-family: Georgia, Times, serif; 

	color: #ff0000; 

	text-align: left; 

	font-size: 22px; 

	font-weight: bold; 

}



h2 {

	font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif; 

	color: #5f6c52; 

	text-align: left; 

	font-size: 20px; 

	font-weight: normal; 

}



h3 {

	font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif; 

	color: #ff0000; 

	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: #ff0000; 

}



/* SETS THE VARIOUS HYPERLINK PROPERTIES */



a:link  {

	color: #ff0000; 

	text-decoration: none; 

	font-weight: bold;

}



a:visited {

	color: #ff3333; 

	text-decoration: none; 

	font-weight: bold;

}



a:hover {

	color: #b0b272; 

	text-decoration: underline; 

	font-weight: bold;

}



a:active {

	color: #ca5a89; 

	text-decoration: none; 

	font-weight: bold;

}



.sidebar a:link  {

	color: #fff; 

	text-decoration: underline; 

	font-weight: bold;

}



.sidebar a:visited {

	color: #fff; 

	text-decoration: underline; 

	font-weight: bold;

}



.sidebar a:hover {

	color: #fff; 

	text-decoration: underline; 

	font-weight: bold;

}



.sidebar a:active {

	color: #fff; 

	text-decoration: underline; 

	font-weight: bold;

}



.footerright a:link  {

	color: #fff; 

	text-decoration: none; 

	font-weight: normal;

}



.footerright a:visited {

	color: #fff; 

	text-decoration: none; 

	font-weight: normal;

}



.footerright a:hover {

	color: #fff; 

	text-decoration: underline; 

	font-weight: normal;

}



.footerright a:active {

	color: #fff; 

	text-decoration: none; 

	font-weight: normal;

}



/* SETS THE CLASS PROPERTIES */



.wrapper {

	width: 750px; 

	background: #fff;

	color: #000; 

	text-align: left;

	border: 1px solid #000;

	padding: 5px 5px 0 5px;

	margin: 0 auto;

}



.navigation {

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

	color: #000; 

	text-align: left;

	line-height: 24px;

	padding: 0 15px;

	width: 250px;

}



.navigation ul li {margin: 0; padding: 0;}

.navigation a {letter-spacing: 2px;} 



.sitename {

	background: #ff0000;

	color: #ffffff;

	font-family: Georgia, Times, serif; 

	text-align: center; 

	font-size: 26px; 

	font-weight: bold; 	

	width: 250px;

}



.mainimage {

	width: 250px;

}



.sidebar {

	background-color: #999999;

	color: #fff;

	width: 250px; 

	padding: 5px 10px; 

	vertical-align: top; 

	font-size: 90%; 

	text-align: left;

}



.sidebar h4 {

	font-family: "Trebuchet MS", "Comic Sans MS", Arial, sans-serif; 

	color: #fff; 

	text-align: left; 

	font-size: 20px; 

	font-weight: normal; 

}



.maintext {

	width: 480px; 

	padding: 10px 5px 10px 15px; 

	vertical-align: top; 

	text-align: justify; 

}



.catalog {

	width: 50%; 

	padding: 10px; 

	text-align: left; 

	vertical-align: top; 

}



.mainwide {

	width: 750px; 

	padding: 10px; 

	text-align: justify; 

	vertical-align: top; 

}



.footerleft {

	text-align: center;

	background-color: #ff0000;

	color: #fff; 

	font-size: 90%; 

	font-weight: normal; 

}



.footerright {

	text-align: center;

	background-color: #999999;

	color: #fff;

	font-size: 90%; 

	font-weight: normal;

	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;

}