/* 
   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. 
BODY
  TOPBANNER
  RESOURCES
  WRAPPER
    HEADLINES
    RECENT
*/

html,
body { 
    overflow: visible;
    background: #ffffff;
    color: #333333;
    font-family: Verdana, sans-serif;
    font-size: 10pt; }


#topbanner { 
    position: absolute;
    overflow: visible;
    display: block;
    top: 0px; left: 0px; 
    width: 100%;
    height: 140px; 
    background: #e0f1ea; }


/* Left-hand side map on all pages. */
#resources { 
    position: absolute;
    top: 140px; 
    left: 6px; 
    width: 140px;
    height: 540px;
    background: #adaad2;
    padding: 8px; }


/* Wraps HEADLINES and RECENT */
#wrapper {
    position: relative;
    overflow: visible;
    top: 160px; left: 160px; 
    height: 100%;
    width: 80%; 
    margin-bottom: 1in; }

#headlines { 
    float: left;
    width: 480px;
    margin-bottom: 1in; }

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





/* 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; }

#topbanner h1 { 
    font-size: 180%; 
    text-align: right; 
    display: inline; }

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

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


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

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


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

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

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



/* Links */
#recent a { 
    text-decoration: none; 
    color: #003466;
    font-size: 10pt; }


#recent a[href]:hover { background: #ffffcc; }
#recent a img { border: 0px; }
#recent a:link { color: #003088; }
#recent p, a { font-size: 9pt; }


/* TEXT */
#recent cite { font-style: normal; font-variant: small-caps; font-weight: bold; }



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; }


#topbanner img { height: 120px; display: inline; }


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

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

#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; }