.body      { background: white;  
             border: thick solid gray;
             padding-left: 1.5em; padding-right:  1.5em;
             padding-top:  1.5em; padding-bottom: 1.5em;
             width:  85%;
           }
.header     { margin-bottom: 0.5em; 
              color: #036; font-size: 1.3em; height: 1.5em; }
.footer     { margin-top: 0.5em; margin-bottom: 0.5em; 
              color: #036; font-size: 1.3em; height: 1.5em; }
div.chapter { margin-left: 0; padding-left: 0; }
div.section { margin-left: 0.8em; padding-left: 0; }
p.common    { padding-left: 0.8em;}
hr.headerline { color: gray; height: 5px; visibility: visible; }


span.menup  { 
    background: white;
/*  width: 10%; */
    margin-left: 0; margin-right: 0.8em; 
    font-size:0.8em;
    text-align:center;
}
span.navigation  { 
    background: white;
    margin-left: 0;  
    font-size:0.8em;
    text-align:center;
}

a.menuheader:link    { color: #996; background: white; }   
a.menuheader:visited { color: #996; background: white; }   
a.menuheader:hover   { color: #F30; background: white; }   
a.menuheader:active  { color: #F30; background: white; }   
a.menuheader:offsite { color: #C30; background: white; }   

a.menufooter:link    { color: #996; background: white; }  
a.menufooter:visited { color: #996; background: white; }  
a.menufooter:hover   { color: #F30; background: white; } 
a.menufooter:active  { color: #F30; background: white; }  
a.menufooter:offsite { color: #C30; background: white; }   


/* layout-01 - 1 row 1 col */
.layout-01 { 
    background:     white; 
    width:          100%;
    vertical-align: top;
    border: thin solid gray;
    padding-left: 0.5em; padding-right:  0.5em;
    padding-top:  0.3em; padding-bottom: 0.5em;
}
.layout-01 .portlet-01 {
    display:      inline; 
    background:   white; 
    width:        100%;
    margin-left:  0.8em;   margin-right:   0.8em;
    margin-top:   0.5em; margin-bottom:  0.5em;
    padding-left: 0;     padding-right:  0;
    padding-top:  0.3em; padding-bottom: 0.5em;
}

/* layout-02r - 2 row 1 col per row */
.layout-02r { 
    background:     white; 
    width:          100%;
    vertical-align: top;
    border: thin solid gray;
    padding-left: 0.5em; padding-right:  0.5em;
    padding-top:  0.3em; padding-bottom: 0.5em;
}
.layout-02r .portlet-01 { 
    display: inline; 
    background: white; 
    width: 100%;
    margin-left:  0.5em; margin-right: 0.5em;
    margin-top:   0.5em; margin-bottom: 0.3em;
    padding-left: 0.5em; padding-right: 0.5em;
    padding-top:  0.3em; padding-bottom: 0.5em;
}
.layout-02r .portlet-02 { 
    display: inline; 
    background: white; 
    width: 100%;
    margin-left:  0.5em; margin-right: 0.5em;
    margin-top:   0.3em; margin-bottom: 0.5em;
    padding-left: 0.5em; padding-right: 0.5em;
    padding-top:  0.3em; padding-bottom: 0.5em;
}

/* layout-02c - 1 row 2 col width 50-50 */
.layout-02c { 
    background: white; 
    width: 100%;
    vertical-align: top;
    border: thin solid gray;
    padding-left: 0.5em; padding-right:  0.5em;
    padding-top:  0.3em; padding-bottom: 0.5em;
}
.layout-02c .portlet-01 { 
    display: inline; 
    background: white; 
    width: 49.3%;
    margin-left:  0.5em; margin-right: 0.2em;
    margin-top:   0.5em; margin-bottom: 0.5em;
    padding-left: 0.5em; padding-right: 0.5em;
    padding-top:  0.3em; padding-bottom: 0.5em;
    vertical-align: top;
}
.layout-02c .portlet-02 { 
    display: inline; 
    background: white; 
    width: 49.3%;
    margin-left:  0.3em; margin-right: 0.2em;
    margin-top:   0.5em; margin-bottom: 0.5em;
    padding-left: 0.5em; padding-right: 0.5em;
    padding-top:  0.3em; padding-bottom: 0.5em;
    vertical-align: top;
}

/* layout-02c-20-80 - 1 row 2 col width 20-80 */
.layout-02c-20-80 { 
    background: white; 
	width: 100%;
    vertical-align: top;
    border: thin solid gray;
    padding-left: 0.5em; padding-right:  0.5em;
    padding-top:  0.3em; padding-bottom: 0.5em;
}
.layout-02c-20-80 .portlet-01 { 
    display: inline; 
    background: white; 
    width: 19.3%;
    margin-left:  0.5em; margin-right: 0.2em;
    margin-top:   0.5em; margin-bottom: 0.5em;
    padding-left: 0.5em; padding-right: 0.5em;
    padding-top:  0.3em; padding-bottom: 0.5em;
    vertical-align: top;
}
.layout-02c-20-80 .portlet-02 { 
    display: inline; 
    background: white; 
    width: 79.2%;
    margin-left:  0.3em; margin-right: 0.2em;
    margin-top:   0.5em; margin-bottom: 0.5em;
    padding-left: 0.5em; padding-right: 0.5em;
    padding-top:  0.3em; padding-bottom: 0.5em;
    vertical-align: top;
}

/* layout-03r - 3 row 1 col per row */
.layout-03r { 
    background: white; 
    border: thin solid gray;
	width: 100%;
    vertical-align: top;
    padding-bottom:1em;
}
.layout-03r .portlet-01 { 
    display: inline; 
    background: white; 
    width: 100%;
    margin-left: 0.5em; margin-right: 0.5em;
    margin-top: 0.5em ; margin-bottom: 0.2em;
    padding-left: 0.5em; padding-right: 0.5em;
    padding-top: 0.3em ; padding-bottom: 0.5em;
}

.layout-03r .portlet-02 { 
    display: inline; 
    background: white; 
    width: 100%;
    margin-left: 0.5em; margin-right: 0.5em;
    margin-top: 0.3em ; margin-bottom: 0.2em;
    padding-left: 0.5em; padding-right: 0.5em;
    padding-top: 0.3em ; padding-bottom: 0.5em;
}
.layout-03r .portlet-03 { 
    display: inline; 
    background: white; 
    width: 100%;
    margin-left: 0.5em; margin-right: 0.5em;
    margin-top: 0.3em ; margin-bottom: 0.5em;
    padding-left: 0.5em; padding-right: 0.5em;
    padding-top: 0.3em ; padding-bottom: 0.5em;
}
