body	{font-family: corbel, courier new, arial;
	 font-size: small;
	 color: #E8E8E8;
	 background-color:white;
	
	 
	 margin:50px 0px; padding:0px;
	text-align:center;
	

}
#homebutton {width:728px; margin:0px auto 0px; background:#FFFFFF; padding:2px; font-size:12px; margin-top:10px;  }


	
#Content {
	width:700px;
	
	margin:0px auto;
	text-align:justify;
	padding:15px;
	border:1px dashed #E8E8E8;
	background-color:#ffffff;
	}
	
	#Content1 {
	width:700px;
	
	margin:0px auto;
	text-align:left;
	padding:0px;
	border:1px dashed #E8E8E8;
	background-color:#ffffff;
	}

a { 
	color: #666;

}

a:link { text-decoration: none;
}

a:active {
	color: #999;
}

a:hover {
	color: #999;
} 

a:visited {
	color: bcd0d8;#myRollover {
     background-image: url('Cover Images/sculpture2_200o.jpg');
     width: 200px;
     height: 200px;
     position: fixed;
     top: 200px;/*55px;*/
     left: 200px;/*352px;*/
     text-indent: -500px; /*-9999px;*/
}

#myRollover:hover {
     background-image: url('Cover Images/sculpture2_200.jpg');
     width: 200px;
     height: 200px;
}

}

h3	{font-family: courier new, veranda, arial;
	 font-size: large;
	
	 background-color: beige;
	}
.crimson {
	color: #800000;
}



 
/*

.image_carousel {
	padding: 15px 0 15px 40px;
	position: relative;
}
.image_carousel img {
	border: 1px solid #ccc;
	background-color: white;
	padding: 9px;
	margin: 7px;
	display: block;
	float: left;
}
a.prev, a.next {
	background: url(../images/miscellaneous_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: absolute;
	top: 85px;
}
a.prev {			left: -22px;
					background-position: 0 0; }
a.prev:hover {		background-position: 0 -50px; }
a.prev.disabled {	background-position: 0 -100px !important;  }
a.next {			right: -22px;
					background-position: -50px 0; }
a.next:hover {		background-position: -50px -50px; }
a.next.disabled {	background-position: -50px -100px !important;  }
a.prev.disabled, a.next.disabled {
	cursor: default;
}

a.prev span, a.next span {
	display: none;
}
.pagination {
	text-align: center;
}
.pagination a {
	background: url(../images/miscellaneous_sprite.png) 0 -300px no-repeat transparent;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	display: inline-block;
}
.pagination a.selected {
	background-position: -25px -300px;
	cursor: default;
}
.pagination a span {
	display: none;
}
.clearfix {
	float: none;
	clear: both;
}

*/




/*

looks logical but dont know where to load images properly
*/



/* nice and not functional with text for some reason

{ padding:0; margin:0;}
body{ font:100% normal Arial, Helvetica, sans-serif;}
h1{ margin:0; padding:0 0 10px 0; font:normal 48px Georgia, Times New Roman, Times, serif; color:#999; }
#container{ margin:0 auto; padding:0; width:500px; position:relative; top:200px;}

.rollover_img {
width: 200px;
height: 200px;
background: url("painting.jpg");
background-position: top;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:0px solid;
font:13px normal Arial, Helvetica, sans-serif;
line-height:18px;
float:left;
margin:0 10px 10px 0;
}

.rollover_img a {
color: #fff;
width: 200px;
height: 200px;
display: block;
text-decoration: none;
}

.rollover_img a:hover {
background:#000;
opacity:.60;
filter:alpha(opacity=60);
}

.rollover_img a span {
display: none;
width: 200px;
padding:5px;
}

.rollover_img a:hover span {
display: block;
}

*/







/* image sprite with one opaque image
img.img1
{
width:200px;
height:200px;
background:url(img_sculpture.gif) 0 0;
}
img.img1a
{
width:200px;
height:200px;
background:url(img_sculpture.gif) -91px 0;
}

*/



/* Hover over and make the image less opaque
#img1 {
opacity:0.4;
filter:alpha(opacity=40);
}

#img1:hover
{
opacity:1.0;
filter:alpha(opacity=100); 
}

*/


/*
ul a:hover:after
{
    content: attr(title);
}*/