/* SETS BASIC HTML DEFINITIONS */

html {

	height: 100%; 

	margin-bottom: 1px;

}

body {

	background-color: #2E4678;

	color: #000000;

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

	font-size: 80%;

	text-align: center; 

	margin: 5px 0; background-image:url('images/alphabetblue.gif'); background-attachment:fixed

}

table, td {

	padding: 0px; 

	margin: 0; 

	border-collapse: collapse; 

	font-size: 100%;

}

ul li {

	list-style-image: url('images/books_016.gif'); 

	font-size: 100%;

}

hr {

	background-color: #FFFF00; 

	color: #FFFF00; 

	height: 2px; 

	width: 90%;

}

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, Arial, sans-serif; 

	color: #0066CC; 

	text-align: left; 

	font-size: 24px; 

	font-weight: bold 

}

h2 {

	font-family: "Trebuchet MS"; 

	color: #800000; 

	text-align: left; 

	font-size: 22px; 

	font-weight: normal 

}

h3 {

	font-family: "sans-serif"; 

	color: #800080; 

	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: #6d8fcf; 

}

/* SETS THE VARIOUS HYPERLINK PROPERTIES */

a:link  {

	color: #0000CC; 

	text-decoration: none; 

	font-weight: bold

}

a:visited {

	color: #800080; 

	text-decoration: none; 

	font-weight: bold

}

a:hover {

	color: #CC0000; 

	text-decoration: underline; 

	font-weight: bold

}

a:active {

	color: #003399; 

	text-decoration: underline; 

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

	text-decoration: underline; 

	font-weight: bold

}

.sidebar a:active {

	color: #fff; 

	text-decoration: underline; 

	font-weight: bold;

}

.footerright a:link  {

	color: #FFFFFF; 

	text-decoration: none; 

	font-weight: normal

}

.footerright a:visited {

	color: #FFFFFF; 

	text-decoration: none; 

	font-weight: normal

}

.footerright a:hover {

	color: #FFFF99; 

	text-decoration: underline; 

	font-weight: normal

}

.footerright a:active {

	color: #FFFFFF; 

	text-decoration: none; 

	font-weight: underline

}

/* SETS THE CLASS PROPERTIES */

.wrapper {

	width: 750px; 

	background: #FFE8FF;

	color: #000000; 

	text-align: left;

	border: 1px solid #000000;

	margin: 0 auto; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:0

}

.navigation {

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

	color: #000000; 

	text-align: left;

	line-height: 22px;

	width: 250px; padding-left:10px; padding-right:10px; padding-top:24px; padding-bottom:0

}

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

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

.sitename {

	background: #4369b7 url('images/logobg.jpg');

	color: #0000FF;

	font-family: Georgia; 

	text-align: center; 

	font-size: 26px; 

	font-weight: bold; 	

	width: 250px

}

.mainimage {

	width: 250px;

}

.sidebar {

	background-color: #6d8fcf;

	color: #fff;

	width: 250px; 

	padding: 5px 10px; 

	vertical-align: top; 

	font-size: 100%; 

	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; 

}

.sidebar h2 {

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

	color: #FFFF00; 

	text-align: left; 

	font-size: 20px; 

	font-weight: normal; 

}

.sidebar ul li {

	list-style-image: none;

	list-style-type: square;

	font-size: 100%;

}

.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: #4369b7;

	color: #fff; 

	font-size: 100%; 

	font-weight: normal; 

}

.footerright {

	text-align: center;

	background-color: #6d8fcf;

	color: #fff;

	font-size: 100%; 

	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;

}