/* CSS Document */

body{

margin: 0; padding:0;

font-size: 100%}

#wrapper {

text-align: center; 

margin:auto; 

margin-bottom: 30px;

width: 750px; 

border-top: 8px solid #ddd;

border-bottom: 8px solid #ddd;

border-right: 20px solid #ddd;

border-left: 20px solid #ddd;

 padding-top: 10px; 

}

#nav {width: 700px; text-align: center; margin-right: 10px; padding: 10px 0 30px 0;}

#nav li{margin: 0  15px 0  15px; display:inline; list-style:none; padding: 3px;}

#nav a:link{ font-family:Arial, Helvetica, sans-serif; font-size: 80%; color:#000000; text-decoration:none;

font-weight: bold; background-color:#fff;}

#nav a:visited{ font-family:Arial, Helvetica, sans-serif; font-size: 80%; color:#000; text-decoration:none;

font-weight: bold; background-color:#fff;}

#nav a:hover{ font-family:Arial, Helvetica, sans-serif; font-size: 80%; color: #fff; text-decoration:none;

font-weight: bold; background-color: #aaa;}

#nav a:active{ font-family:Arial, Helvetica, sans-serif; font-size: 80%; color: #fff; text-decoration:none;

font-weight: bold; background-color: #aaa;}



#maintext {width: 320px; float:left;}

#maintext p{font-family:Arial, Helvetica, sans-serif; font-size: 90%; text-align:left; padding: 10px 0px 10px 20px;

line-height: 140%;}



#mainimage {float:right; width: 314px; background-color:#000; padding: 20px; margin: 25px 15px 25px 0;}

#newitems {float:right; width: 300px; background-color:#fff; padding: 0px 20px; margin: 0px 25px 25px 0; text-align: left;}

#footer {width: 700px; text-align:center; margin:auto;}

#footer p{font-size: 70%; font-family:Arial, Helvetica, sans-serif; line-height: 130% width: 700px; padding: 10px 0 10px 0;line-height: 140%}



.clear {clear:both;}

.sold {color: #990000;}

.here { font-family:Arial, Helvetica, sans-serif; font-size: 80%; color: #000; text-decoration:none;

font-weight: bold; background-color:#fff; border: 2px solid #ccc;}



p{color:#000000; font-size: 90%; font-family:Arial, Helvetica, sans-serif; line-height: 130%;}



#content {width:inherit; text-align: center; margin: auto; padding-left: 20px;}

h1 {

	font-family: "comic sans ms", arial, sans-serif;

	font-variant:small-caps;

	font-size: 100%;

	background-image:url(images/banner_collage.jpg); background-repeat: no-repeat; 

 	background-position: 50% 0;

	padding: 210px 0 0 0;

	height: 20px;

	width: 700px;

	text-align:center; margin:auto;

	text-transform:capitalize;

		

}

h2 {

	font-family: "comic sans ms", arial, sans-serif;

	font-variant:small-caps;

	font-size: 90%;

	padding: 10px 0 20px 0;

	height: 20px;

	width: 700px;

	text-align:center; margin:auto;

	text-transform:capitalize;

	

}

h3 {font-family: "comic sans ms", arial, sans-serif;

	font-size: 88%;

	font-variant:small-caps;

	text-align:center; margin:auto;

	text-transform: uppercase;

	}

	h4 {font-family: "comic sans ms", arial, sans-serif;

	font-size: 80%;

	font-variant:small-caps;

	text-align:center; margin:auto;

	text-transform: uppercase;
	margin: 30px auto 20px auto; 

	}





.thumbnail {width: 175px; float: left; margin: 10px; border: 10px solid #000; padding: 10px 5px 5px 5px;}

.thumbnail p{font-size: 75%; font-weight: bold; font-family:Arial, Helvetica, sans-serif; text-align:center; padding: 5px;}



.thumbnail img{border: 0;}



/*///the following styles the larger image pages///*/



#return {text-align:center; margin:auto;}



#return a:link{ font-family:Arial, Helvetica, sans-serif; font-size: 80%; color:#000000; text-decoration:none;font-weight: bold; background-color:#fff;}



#return a:visited{ font-family:Arial, Helvetica, sans-serif; font-size: 80%; color:#000; text-decoration:none;font-weight: bold; background-color:#fff;}



#return a:hover{ font-family:Arial, Helvetica, sans-serif; font-size: 80%; color: #fff; text-decoration:none;font-weight: bold; background-color: #aaa;}



#return a:active{ font-family:Arial, Helvetica, sans-serif; font-size: 80%; color: #fff; text-decoration:none;font-weight: bold; background-color: #fff;}



#imagetext { width: 550px; text-align: center; margin: auto; border-right: 12px solid #ddd;

border-left: 12px solid #ddd; border-top: 6px solid #ddd;border-bottom: 6px solid #ddd;}



#imagetext img {border: 5px solid #000;}



#imagetext p{

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

	font-size: 10pt;

	text-align: left; padding: 0 20px 0 20px;

}

#imagetext a:link{ font-family:Arial, Helvetica, sans-serif; font-size: 80%; color:#000000; text-decoration:none; font-weight: bold; background-color:#eee;}



#imagetext a:visited{ font-family:Arial, Helvetica, sans-serif; font-size: 80%; color:#000; text-decoration:none;

font-weight: bold; background-color:#eee;}



#imagetext a:hover{ font-family:Arial, Helvetica, sans-serif; font-size: 80%; color: #fff; text-decoration:none;

font-weight: bold; background-color: #aaa;}
#lists {
font-size: 86%;
text-align: left;
font-family:Arial, Helvetica, sans-serif;
}
#lists a:link{
color: #000000;
}
#lists a:visited{
color: #990000;
}
#lists a:hover{
color: #ffffff;
background-color:#999999;
}
#lists li{
padding-top:15px;
}
#list1 {
width: 200px;
float: left;
margin-left: 30px;
}

#list2 {
width: 200px;
float: left;
margin-left: 20px;
}

#list3 {
width: 200px;
float: left;
margin-left: 20px;
}