body {
    font-size:12px;
    color:#000000;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    padding:0px;
    margin:0px;
    text-align:center;
    background:url(images/background.gif) repeat-x #ffffff;
}


/* main layout */
#frame {
    width:690px;
    margin:0 auto 0 auto;
    text-align:left;
    background: #ffffff;
}
/* provides 3px gutter on left and right for entire page */
#innerframe {
    text-align:left;
    margin:0 3px 0 3px;
    background: #ffffff;
}

/* generic left and right columns */
.leftrail {
    float:left;
    clear:both;
    width:160px;
    background:#dfdbd8;
}
.rightrail {
    background:#ffffff;
    margin-left:160px;
    text-align:right;
    /* padding-left: 1px;
    padding-bottom:2px;
    padding-right:5px; */
}

/* the 4 layers of 'header' stuff */
#logotop {
    margin:0;
    border-bottom:1px dotted #000000;
    font-size:2.5em;
    text-align: right;
}
#logotop .leftrail {
    height:41px;
}
#logotop .rightrail {
    height:41px;
    padding:0 50px 0 0;
}
#logomid {
    margin:0;
    padding:0;
    text-align: right;
    text-transform:uppercase;
    font-size:8pt;
    letter-spacing:1px;
    word-spacing:2px;
}
#logomid .leftrail {
    height:26px;
}
/* this centers the text vertically... */
#logomid .rightrail {
    height:19px;
    padding:7px 20px 0 0;
}
#logobottom {
    margin:3px 0 3px 0px;
    padding:0;
    border:none;
    background:#ffffff;
}
#copyheading {
    margin:0px;
    border-bottom:1px dotted #000000;
    text-align: right;
    padding-right: 5px;
}

/* frames the nav and copy sections; mostly for the background */
#content {
    clear:both;
    width:100%;
    background: #dfdbd8;
    padding:0;
}
/* right column for actual copy */
#copy {
    text-align:left;
    background: #ffffff;
    margin:0px 0px auto 160px;
    padding: 2em;
    line-height:16px;
}

#copyright {
    clear:both;
    margin:0;
    font-size: 9px;
    line-height: 13px;
    font-family: "Century Gothic", Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #000000;
    border-bottom:1px dotted #000000;
    border-top:1px dotted #000000;
}
#copyright .rightrail {
    text-align:center;
}



/* nav */
#nav {
    float:left;
    width:160px;
    /* margin:0 0 0 2px; */
    margin:0;
    padding:5px 0 0 0;
    background:#dfdbd8; /* real val=dfdbd8 ; test val=00ff00 */
/* border:1px solid #ff0000; */
}
#nav ul li {
    margin:0px;
    padding:0px;
    list-style-image:none;
    list-style:none;
    text-align:right;
    text-indent: -1em;
    border:1px solid #dfdbd8;   /* hack to get IE to display spacing properly */
}
#nav a {
    display:block;
    padding:1px 10px 2px 0px;
    text-decoration:none;
    font-family: Garamond, Arial, Times, serif;
    font-weight: bold;
    font-size:12px;
    color:#404040;
    border:none;
}
#nav a:hover {
    color:#797979;
    padding:2px 9px 1px 0px;
}