body{
background-color:#EFEFEF;
}
/* LAYOUT STUFF */
#wrapper {
width:780px;
margin:10px auto;
text-align:left;  /* needed to left align centered text in IE */
border:1px solid #000000;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, san-serif;
font-size:12.5px;
}
.border {
border: 1px solid #000;
}
#header {
width:780px;
height:128px;
display: inline;
}
#navigation {
width:195px;
background-color:#003366;
font-weight:bold;
height: 100%;
}
#navigation ul{  /*selects the ul in the navigation only, called a descent selector */
list-style-type:none;  /*removes bullets from the list */
margin:0;
padding:0;
font-size:13px;
font-family:Verdana, Arial, Helvetica;
}
#navigation a{ 
text-decoration:none; 
color:#FFFFFF;
display:block;  /* can be block, inline or none */
line-height:2;
text-indent:1em;  /* can use padding too */
font-weight:bold;
}

#navigation a:hover {
color: #CCC;
}
#navigation li{
border-bottom:2px solid #000000;
}
/*weird white space bug in the nav list IE */
* html navigation a {
height:1%;
}
/* end of IE fix */
#content {
width:565px;
background-color:#FFF;
padding:15px 10px;
float:right;
}
.name {
text-transform:uppercase;
font-weight:bold;
}
.bold {
font-weight:bold;
}
#footer {
color:#fff;
clear:both;
padding:5px;
font-size:90%;
/*height:1%;   - usually fixes height issues in IE (hasLayout) */
text-align:center;
border-top: 1px solid #000;
background-color:#036;
}
.directory_window {
text-align:left;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, san-serif;
font-size:11px;
padding-bottom:8px;
}


