@charset   "UTF-8";
#wrapper {
    width: 760px;
    backgraound: #FFFFFF
    padding-top: 100px;
    margin-left: 100px;
}
#header {
    background-color: #FFFFFF
    height: 50px;
}
#logo {
    position: absolute;
    margin: 0;
}   
body {
    font-size: 75%;
    font-family: "sans-serif";
    line-height: 1.5;
　　/*|*/
    letter-spacing: 0.1em;
    /**/
}
h1 {
    font-size: 87%;
    color: #990000;
}
h2 {
    font-size: 117%;
    color: #CC3300;
    background-color: #FFE4C4;
    border-top: 3px solid #A93421;
    border-bottom: 1px solid #CCCCCC;
    margin: 0;
}
h3　{
    font-size: 40%
    margin-left: 20px;
}
h4  {
    font-size: 95%;
    margin-left: 20px;
}
#navigation {
    width: 760px;
    background-color: #880000;
}    
#navigation ul {
    list-style: none;
    margin: 0;
    padding: 0px;
    height: 25px;
    overflow: hidden;
    border-bottom: 2px solid #CCCCCC;
}
#navigation li {
    float: left;
    width: 95px;
    margin: 0;
    padding: 0;
　　background-color: #880000;
}
#navigation A {
    display: block;
　　width: 100%;
    padding: 6px 0 8px 0;
    color: #333333;
    background-color: #FFFFFF;
    text-decoration: none;
    text-align: center;
}
#navigation A:hover {
    color: #FFFFFF;
    background-image: none;
    background-color: transparent;
}
#container {
    position: relative;
    margin: 10px 0;
    width: 100%; 
}
#primary {
     margin-left: 505px;
     border-style: solid;
     border-width: 1px;
     border-color: #880000;
     text-indent: 3%;
}
#secondary {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 500px;
     height: 1015px;
     background-color: #FFE4C4;
}
#calendar {
     width: 200px;
}
#footer {
    background; #785736;
}