body {
	background-color: #aaffee;
	background-image: url(images/back2.png);
	margin-left: auto;
	margin-right: auto;
	float: center;
	width: 800px;
	font-family: Arial, FreeSans;
}

h1 {
	background-image:  url(images/listHeader.jpg);
	background-repeat: no-repeat;
	min-height: 150px;
	padding-left: 10px;
	padding-top: 1px;
	margin-bottom: -90px;
	font-size: 5em;	
	color: #aaffee;
}

h1 {
	color: #aaffee;
	text-decoration: none;
}

h1 a {
	color: #AAFFEE;
	text-decoration: none;
}

a h1 img {
	border: none;
}

ol li img {
	border: 2px solid #ffffff; 
	margin-top: 10px;
	margin-bottom: 100px;
	margin-bottom: -100px;
	min-height: 140px;
	min-width: 140px;
}

h1 a.visited {
	color: #AAFFEE;
	text-decoration: none;
}

h1 a.hover {
	color: #AAFFEE;
	text-decoration: none;
}

h2 {
	color: #888888;
	padding-left: 10px;
	margin-bottom: 2em;
}

h2 a {
	font-size:50%;
	background-color: #FFFFFF;
	padding: 1px;
	text-decoration: none;
}


ol li.listItem1 {
	background-image:  url(images/listHeader1.jpg);
	background-repeat: no-repeat;
	min-height: 240px;
	padding-left: 180px;
	padding-top: 0px;
}

ol li.noteItem  h3 {
	margin-top: -70px;
	margin-left: 50px;
}

ol li.error h3 {
	margin-top: 10px;
	margin-left: 50px;
	color: #BB4444;
}

ol li.noteItem  {
	min-height: 200px;
}

ol li.noteItem  p.details {
	margin-left: 150px;
}

ol li.noteItem  p.note {
	margin-left: 150px;
	margin-top: 20px;
}

ol li {
	background-image:  url(images/listHeader.jpg);
	background-repeat: no-repeat;
	min-height: 150px;
	padding-left: 20px;
	padding-top: 1px;
	list-style-type: none;
}

ol li h3 {
	padding-top: 20px;
	padding-left: 100px;
	min-height: 76px;
}

ol li.listItem1 h3 {
	padding-top: 30px;
	padding-left: 0px;
	background-image:  none;
	background-repeat: no-repeat;
	min-height: 0px;
}

ol li.listItem2 h3 {
	background-image:  url(images/star2.jpg);
	background-repeat: no-repeat;
}

ol li.listItem3 h3 {
	background-image:  url(images/star3.jpg);
	background-repeat: no-repeat;
}

ol li.listItem4 h3 {
	background-image:  url(images/star4.jpg);
	background-repeat: no-repeat;
}

ol li.listItem5 h3 {
	background-image:  url(images/star5.jpg);
	background-repeat: no-repeat;
}

ol li.listItem6 h3 {
	background-image:  url(images/star6.jpg);
	background-repeat: no-repeat;
}

ol li.listItem7 h3 {
	background-image:  url(images/star7.jpg);
	background-repeat: no-repeat;
}

ol li.listItem8 h3 {
	background-image:  url(images/star8.jpg);
	background-repeat: no-repeat;
}

ol li.listItem9 h3 {
	background-image:  url(images/star9.jpg);
	background-repeat: no-repeat;
}

ol li.listItem10 h3 {
	background-image:  url(images/star10.jpg);
	background-repeat: no-repeat;
}

ol li.listItem1 p.details {
	color: #c83737;
	margin-top: -20px;
	margin-left: 	0px;
	font-size: 70%;
}

ol li p.details {
	color: #c83737;
	margin-top: -70px;
	margin-left: 100px;
	font-size: 70%;
}

ol li p.note {
	color: #22222;
	font-size: 70%;
	background-color: #ffffff;
	margin-top: -1.5em;
	padding: 10px;
	width: 400px;
}

ol li.listItem1 a.preview {
	margin-left: 0px;
}

a.preview {
	margin-left: 100px;
}

div.preview {
	margin-left: 100px;
	margin-bottom: 10px;
}

ol li.listItem1 div.preview {
	margin-left: 0px;
}

a.preview img {
	margin-bottom: 40px;
	border: 4px solid #ffffff; 
	max-width: 425px;
	max-height: 425px;
}

a:hover.preview img {
	border: 4px solid #888899; 
	max-width: 425px;
	max-height: 425px;
}


ol li h4 {
	font-size: 90%;
	color: #222222;
	margin-left: 10px;
}

ol li h3 a {
	color: #222222;
	text-decoration: none;
}

ol li h3 a:visited {
	color: #888899;
}

ol li h3 a:hover{
	color: #888888;
	text-decoration: underline;
}

div#footer {
	color: #c83737;
	font-size: 70%;
	text-align: right;
}