body{
text-align: center;
min-width: 800px;
background-color: #000000;
background-image:url(IndexBackground.jpg);
}

#container{
text-align:left;
width: 800px;
display: block;
/*height: 2000px; */
/*background-image: url("indexlogo.jpg");*/
background-color: #323232;
background-repeat: no-repeat; 
margin: 0 auto; 
/*padding: 15px; */ 
}

img {
border-top: 1px;
border-right: 0px;
border-bottom: 0px;
margin-bottom: 10px;
}

h1{
 font-family: "Trebuchet", sans-serif;
 color: #888888;
 text-transform:uppercase;
}

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

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

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

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


p{
font-family: "Trebuchet", sans-serif;
font-style: normal;
font-size: 9pt;
color: #898989;
margin-top: 2px;
}


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: #bbbbbb;
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: #ffffff;
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{
margin:10px;
}

a {
text-decoration: none;
}

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

.content{
position: relative;
padding: 15px;
}


.LHS{
background-color:#000000;
background-image: url("chandelier.jpg");
background-position: bottom left;
background-repeat: no-repeat;
padding: 15px;
width: 250px;
float:left;
}

.RHS{
margin-left: 290px;
padding: 15px;
width: 450px;
background-color:#000000;
color: #666666;
}

.artslideshow{
	width: 240px;
	Height: 220px;
	text-align: center;
	background-color: #000000;
	background-position: top left;
	background-repeat: no-repeat;
}

.blackbox{
position: relative;
height: 184px;
width: 182px;
background-color: #000000;
text-align: center;
}


.welike{
	width: 240px;
	height: 240px;
	text-align: center;
	background-color: #000000;
	background-image: url("welikebackground.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom: 130px;
}

.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;
}

a{
font-family: Verdana;
font-style: normal;
color: #ff00ff;
}

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

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

hr
{
  border-color: #111111;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 20 0 20px;
  height: 0;
}

.footer{
width: 800px;
padding: 5px;
text-align:center;
}