/* 
   This style sheet was originally derived from the very lovely tesugen.css (see
   Tesugen.com), by rh for the IFIP Software Architeture Portal. Many changes since then. 
*/

html,
body { 
    overflow: auto;
    padding: 0px; 
    border: 0px; 
    background: #ffffff;
    color: #333333;
    font-family: Verdana, sans-serif;
    font-size: 10pt; }


/* Headers */
h1 { font-size: 150%; font-family: Helvetica, Arial, sans-serif; } 
h2 { font-size: 110%; font-family: Helvetica, Arial, sans-serif; }
h3, 
h4, 
th { 
    font-weight: bold; 
    font-size: 100%; 
    font-family: Helvetica, Arial, sans-serif; }


blockquote { 
    margin: 12px 0 12px 20px;
    line-height: 15px;
    word-spacing: 0; }

blockquote p { 
    text-indent: 0;
    margin: 12px 0 12px 0; }

.working { font-size: 9pt; }
.nb { color: red; font-size: 110%; }

/* Lists and List Elements */
ul {
    margin: 0;
    padding: 0; 
    list-style-type: none;
    list-style-position: inside; }

ol { 
    margin: 0;
    padding: 0 0 0 14px; }

blockquote ol li { margin-bottom: 12px; }


/* 
   Brand New DIVs (for eliminating frames) 
*/

#topbanner { 
    position: fixed;
    overflow: hidden; 
    display: block;
    top: 0px; left: 0px; 
    width: 100%;
    height: 140px; 
    z-index: 4;
    background: #e0f1ea; }

#topbanner h1 { 
    font-family: Helvetica, Arial; 
    font-size: 180%; 
    text-align: right; 
    display: inline; }
#topbanner img { height: 120px; display: inline; }


/* Left-hand side map on all pages. */
#resources { 
    position: fixed;
    overflow: hidden; 
    top: 140px; 
    left: 6px; 
    width: 140px;
    height: 620px;
    background: #bec0be;;
    padding: 8px;
    z-index: 4; }

#resources ul { 
    list-style-type: none;
    text-align: right; }

#resources ul li { 
    margin-bottom: 2px; 
    display: block; }

#resources a {
    font-family:  Helvetica, sans-serif;
    text-decoration: none; 
    color: #003466; }

#resources a[href]:hover { background: #ffffcc; }


/* Wraps HEADLINES and RECENT */
#wrapper {
    position: absolute;
    top: 160px; 
    left: 160px; 
    right: 18px; 
    margin-bottom: 1in; }

#headlines { 
    float: left;
    overflow: hidden;
    width: 500px;
    z-index: 3; 
    margin-bottom: 1in; }


#headlines h1, 
#headlines h2, 
#headlines h3, 
#headlines h4 { color: #3a3e3f; font-weight: bold; margin-left: .25in; }

#headlines h2 { text-indent: .25in; background: #e0f1ea; line-height: 18pt; }

#headlines ul { list-style-type: circle; }

#headlines p, 
#headlines ul, 
#headlines ol { margin-left: .25in; margin-right: .25in; }

#headlines cite { font-style: normal; font-variant: small-caps; background: #e6e6fa; }

/* Address (copyright, etc.) Use at bottom of HEADLINES */
#headlines address { margin-top: 1.5in; text-align: right; }


/* Links */
#headlines a { 
    text-decoration: none; 
    color: #d71d1d; 
    border-bottom: 2px solid #9b1e18; }
#headlines a[href]:hover { background: #ffffcc; }
#headlines a img { border: 0px; }
#headlines a:link { color: #003088; }
#headlines a:visited { color: #003088; }


/* RECENT: right hand panel */
#recent { 
    float: right;
    overflow: visible;
    width: 260px;
    margin-right: 0;
    background: #e4927c;
    padding: 16px; 
    font-family: "Gill Sans", sans-serif;
    margin-bottom: 1in; }

#recent h1, 
#recent h2 { 
    color: #003088;
    font-weight: bold; }

#recent h2 { font-size: 100%; color: #111111; }

/* Links */
#recent a { 
    text-decoration: none; 
    color: #003466;
    font-size: 10pt; 
    font-family:  Helvetica, sans-serif;
    border-bottom: 1px solid #ff9980; }

#recent a[href]:hover { background: #cac9ac; }
#recent a img { border: 0px; }
#recent a:link { color: #003088; }
#recent p, a { font-size: 9pt; }
#recent cite { font-style: normal; font-variant: small-caps; font-weight: bold; }