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

#container{
text-align:left;
width: 800px;
height: 1000px;
background-color: #161616;
background-image: url("Artlogo.jpg");
background-repeat: no-repeat; 
margin: 0 auto; 
padding: 0; 
}

.mainbox{
padding:1em;
text-align: justify;
position: absolute;
width: 800px;
height: 700px;
padding: 10px;
top: 150px;
}

.mainbox{
position: relative;
top: 100px;
padding: 0px;
margin: 0px;
}

.thumbnailLinks{
padding-top: 20px;
padding-bottom: 20px;
display: block;
background-color: #000000;
float: left;
Width: 160px;
text-align: center;
}

.thumbnailLinks img{
margin: 2px;
}

.textContent{
display: block;
float: right;
width: 640px;
left: 160px;
}

a{
color:#FF00FF;
text-decoration:none;
border: 0px #000000;
}

a:hover{
color:#FFCCFF;
text-decoration:none;
border: 0px #000000;
}


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

h2{
 font-family: "Trebuchet", sans-serif;
 font-style: normal;
 font-size: 12pt;
 color: #aaddaa;
 margin: 1em;
}

h3{
 font-family: "Trebuchet";
 font-style: italic;
 font-size: 10pt;
 color: #bbbbbb;
 margin: 0px;
}

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

h5{
 font-family: "Times New Roman";
 font-size: 10pt;
 color: #bbbbbb;
 margin: 0px;
 }


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

.menu{
position: relative;
left:0px;
top:100px;
font-family : "verdana";
z-index: 40;
}

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

.banner{
top:0px;
left:0px;
height: 75px;
text-align: left;
}

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



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

.banner2{
width: 450px;
height: 100px;
left: 300px;
top: 570px;
background-image: url("Dogsolitude_ukGeneralLinkBanner.jpg");
z-index:5;
}