body{
text-align: center;
min-width: 800px;
background-color: #000000;
}

#container{
text-align:left;
width: 800px;
display: block;
height: 2000px;
background-image: url("curioslogo10-08-08.jpg");
background-color: #140d2e;
background-repeat: no-repeat; 
margin: 0 auto; 
padding: 0; 
}

h1{
 font-family: "Arial Black", sans-serif;
 font-style: italic;
 letter-spacing: -4pt;
 font-size: 40pt;
 color: #888888;
 margin: 0 0 0 0;
}

h2{
 font-family: "System", serif;
 font-style: normal;
 letter-spacing: -1pt;
 font-size: 10pt;
 color: #004400;
 margin: 0px;
}

h3{
 font-family: "System";
 font-style: normal;
 font-size: 10pt;
 color: #004400;
 margin: 0px;
}

h4{
 font-family: "Verdana";
 font-size: 20pt;
 font-style: normal;
 color: #000000;
 margin: 0px;
}

h5{
 font-family: "Bodoni", serif;
 font-size: 10pt;
 color: #004400;
 margin: 0px;
 }


p{
font-family: "Verdana", sans serif;
font-style: normal;
font-size: 9pt;
color: #000000;
}


ul{
margin: 0;
padding: 0;
list-style: none;
}

li{
float: left;
position: relative;
width: 10em;
}

ul li{
position: relative;
}

li ul{
position: absolute;
left:0;
top: 1.3em;
display:none;
}

ul li a{
font-family: verdana;
font-style: normal;
display: block;
text-decoration: none;
text-align: right;
font-size:7pt;
color: #ffffff;
background: #000000;
padding: 5px;
border: 1px solid #000000;
border-bottom: 0;
}

ul li a:hover{
font-family: verdana;
display: block;
text-decoration: none;
font-size:7pt;
color: #00ff00;
background: #222222;
padding: 5px;
border: 1px solid #222222;
border-bottom: 0;
}

/* Fix IE. Hide from IE Mac\*/
* html ul li {float: left; }
* html ul li a {height: 1%;}
/*End*/

li:hover ul, li.over ul{
display: block; 
}

.subbanner{
position: relative;
text-align: center;
background-color: transparent;
}

.tagline{
position: relative;
left:0px;
padding: 0px;
text-align: left;
}

.menu{
position: relative;
left:0px;
font-family : "verdana";
z-index: 4;
height: 20px;
}

.welcome p:first-letter{
float: left;
font-family: "Times New Roman";
font-size: 300%;
margin: 0.05em 0.05em 0  0;
}

a {
text-decoration: none;
}

.banner{
position: relative;
width: 800px;
height: 100px;
background-image: url("curioslogo10-08-08.jpg");
background-position: top left;
background-repeat: no-repeat;
}

.artslideshow{
	position: relative;
	width: 180px;
	Height: 200px;
	padding: 20px;
	left: 0px;
	text-align: center;
	background-image: url("divbackground.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 1em;
}

.blackbox{
position: relative;
height: 184px;
width: 182px;
background-color: #000000;
padding-top:10px;
}

.widgets{
	position: relative;
	Width: 180px;
	Padding: 25px;
	text-align: center;
	background-color: transparent;
	background-image: url("divbackground.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 1em;
}

.welike{
	position: relative;
	width: 180px;
	Height: 200px;
	padding: 20px;
	text-align: center;
	background-color: transparent;
	background-image: url("divbackground.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 1em;
}
.welcome{
	position: relative;
	float: right;
	width: 500px;
	Height: 400px;
	padding: 10px;
	text-align: justify;
	background-image: url("divbackground.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	margin-right: 1em;
}

.latestupdate{
	position: relative;
	float: right;
	width: 500px;
	top: -150px;
	left: 0px;
	padding: 10px;
	text-align: justify;
	background-image: url("divbackground.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	margin-right: 1em;
}

.welike a{
border: 1px #ff0000;
font-family: arial, sans-serif;
font-size: 12pt;
text-decoration: none;
color: #000000;
}

.welike a:hover{
border: 1px #ff0000;
font-family: arial, sans-serif;
font-size: 12pt;
text-decoration: none;
color: #00aa00;
}

p a{
font-family: Verdana;
font-style: normal;
color: #99FF66;
}

p a:hover{
font-family: Verdana;
color: #BBFF99;
}

.shadow{
position: relative;
top: 0px;
height:60px;
width: 800px;
background-image: url("CuriosUnderBanner10-08-08.jpg");
background-repeat: horizontal;
left: 0px;
}