body {
margin: 15px 0;
font: 12px verdana, sans-serif;
background: url(images/bodybg.gif);
}

a {
color: #55677D;
text-decoration: underline;
}

a:hover {
color: black;
}

h2 {
margin: 0;
font-size: 18px;
font-weight: normal;
}

p {
margin: 12px 0;
}

#layout {
margin: 0 auto;
width: 775px;
border: 1px solid black;
background: url(images/layoutbg.gif) repeat-y;
}

#head {
height: 35px;
background: url(images/headbg.gif) repeat-x;
border-bottom: 1px solid black;
}

h1 {
margin: 0;
height: 100%;
width: 260px;
}

h1 a {
display: block;
height: 100%;
width: 100%;
overflow: hidden;
text-decoration: none;
text-indent: -9999px;
background: transparent url(images/logo.gif) no-repeat;
}

#navleft, #navright {
width: 175px;
}

#navleft ul, #navright ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#navleft li, #navright li {
padding: 0;
border-bottom: 1px solid black;
}

#navleft li a, #navright li a {
display: block;
color: black;
padding: 3px;
width: 169px;
text-decoration: none;
background-color: #D7DEE7;
}

#directory a{
color:#FFFFFF;
}

#directory a:hover{
color:#BDDBBD;
}

#navleft li a:hover, #navright li a:hover {
background-color: #BDDBBD;
}

#navleft {
float: left;
}

#navright {
float: right;
}

#main {
padding: 0 5px;
margin: 0 176px;
text-align: justify;
}

#foot {
clear: both;
text-align: center;
padding: 2px 0;
color: white;
border-top: 1px solid black;
background-color: #7993B3;
}