body {
background: white;
font-family: Ariel;
}

#container {
width: 800px;
text-align: center;
}

#banner {
width: 100%;
background: url('images/bannerback.jpg');
background-repeat: repeat-x;

}

#nav {

width:160px;
border-right: solid 1px black;
padding: 0px;
margin: 0px;
float: right;
}

#nav ul {
margin: 0px;
padding: 0px;
border: 0px;
}

#nav li {
list-style-type: none;
margin:0px;
padding:0px;
border:0px;
width: 160px;
}

#nav a {
text-decoration: none;
display: block;
width: 145px;
color: white;
background:gray;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 0px;
border:solid thin black;
margin-top: 5px;
}

#nav a:hover, #nav a.selected {
color: yellow;
border-right:solid 3px yellow;
}

#piccies {

}

#piccies img {
height:120px;
border:solid 2px black;
border-style: outset;
}

.textarea1 {
text-align: center;
width: 800px;
background: #d5f6d6;
}

.textarea2 {
width: 800px;
border-right: solid 1px black;
padding-right: 10px;
}

.footer {
width: 100%;
background: black;
color: white;
text-align: center;
}

.footer a {
text-decoration: none;
color: orange;
}
.footer a:hover {
color: yellow;
}

dt {
font-weight: bold;
}

dd {
margin-left: 40px;
}

#nav a.subnav  {
width: 135px;
font-size:0.9em;
text-align:right;
padding-right:15px;

}

#nav li.subnav {
text-align: right;
}

.link {
background:gray;
font-size: 0.8em;
color:white;
}

#footer a.link {
color:white;
}

.link a:hover {
color:yellow;
}

.caption {
font-size: 0.7em;
font-style: italic;
}