/* ******************************************
     Kumiku css file
********************************************* */

body {
    margin: 10px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #000033; 
    background: #777777;
    background-color: #777777;
    text-align:center;
    padding:0;
}

p {
    line-height: 1.5em;
}
p {word-wrap:break-word; }
h7 {font-size: 16px; padding-top:0.3em;}
h6 {font-size: 16px; padding-top:0.3em;}
h5 {font-size: 16px; padding-top:0.3em;}
h4 {font-size: 17px; padding-top:0.3em;}
h3 {font-size: 19px; padding-top:0.3em;}
h2 {font-size: 21px; padding-top:0.3em;}
h1 {font-size: 23px; }
ul {
    line-height: 1.5em;
}

ul.leftbarlist {
    list-style: none;
    margin-left: 0;
    padding-left: 2em;
    text-indent: -1em;
}

/* LINKs */

a.section_link, 
a.section_link:link,
a.section_link:visited,
a.section_link:active,
a.section_link_selected {
    font-family:  Arial, sans-serif;
    color : #5894ea;
    text-align : bottom;
    text-decoration: none;
    padding : 5px;
    padding-top : 5px;
    padding-bottom : 5px;
    font-size: 16px;
    background: #264066;
    background-color: #264066;
    font-weight: normal;
    display : block;
    
    border-style: none;
    border-left-style: solid;
    border-top-style: solid;
    border-color: #001020;
    border-width: 1px;
}

a.section_link:hover,
a.section_link_selected {
    font-family:  Arial, sans-serif;
    color : #111419;
    text-align : bottom;
    text-decoration: none;
    padding : 5px;
    padding-top : 8px;    
    padding-bottom : 8px;    
    font-size: 16px;
    background: #aaccff;
    background-color: #aaccff;
    font-weight: normal;
    display : block;
    
    border-style: none;
    border-left-style: solid;
    border-top-style: solid;
    border-color: black;
    border-width: 1px;
}

/* Bars (layout) */

#outline {
    text-align:left;
    border:1px solid #000000;
    width:970px;
    margin:auto;
}

#topheader {
    text-align:left;
    height:100px;
    width:970px;
    background-color:#1F3643;
    background: #1F3643 url("TopBar_990x100.png?v=Mar__1_2008_17_00_05") no-repeat;
    color: #000000;
    border-bottom:solid black; 
    border-width:1px;
}

#topheaderbar {
    position:relative;
    top:67px;
    height:33px;
    left:170px;
    width:800px;
    text-align:right;
    padding:0;
    overflow:hidden;
    /* no border: border:solid black; border-width:1px 1px 1px 1px; */
}

#mainbar {
    position:float;
    background: #aaccff;
    color: #000033;
    width:970px;
    padding:0; 
}

#leftbar {
    float:left;
    background:#aaccff;
    color: #000033;
    width:140px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px; 
}

#contentbar {
    width:805px;

    /* min height and workaround for IE: */
    min-height:500px;
    height:auto !important;
    height:500px;

    background:#aaccff;
    color: #000000;
    border:solid #000000;	
    border-width:0 0 0 0px;
    padding-top: 15px;
    padding-left: 0px;
    padding-right: 10px;
    padding-bottom: 15px;
    text-align:left;
}
#contentbar a {font-weight:bold; }

#bottombar {
    font-family:  Arial, sans-serif;
    font-size: 14px;
    height:24px;
    width:970px;
    background-color:#3a3a7a;
    background: #3a3a7a url("BottomBar_990x24.png?v=Mar__1_2008_17_00_05") no-repeat;
    color: #5894ea;
    border:solid black;
    border-width:1px 0 0 0;
}

/* -------------- */

#leftbarmenu {
    display: block;
    width: 100%;
    padding: 0;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background-color: #aaccff;
    color: #7AABFF;
}

#leftbarmenu a {
    font-family:  Arial, sans-serif;
    display: block;
    padding: 5px 5px 5px 0.5em;
    border-left: 2px solid #1c304c;
    border-right: 2px solid #1c304c;
    border-bottom: 1px solid black;
    margin: 0;                
    background-color: #264066;
    color: #5894ea;
    text-decoration: none;
    font-weight:normal;
    width: 100%;
}

/* workaround for IE */
html>body #leftbarmenu a {
    width: auto;
}

#leftbarmenu a:hover {
    border-left: 2px solid #667a99;
    border-right: 2px solid #667a99;
    background-color: #aaccff;
    color: #111419;
}

#leftbarmenu a.chosen {
    border-left: 2px solid #667a99;
    border-right: 2px solid #667a99;
    background-color: #aaccff;
    color: #111419;
}                
               

/* eof */