body {margin: 0px; padding: 0px 0 0 18px; font-family: Tahoma; background: #9e9e9e}
body, html {height: 100%; width: 100%; padding: 0px; margin: 0px;}
#page {min-height: 100%; background: white; margin-left: auto; margin-right: auto; width: 970px; padding: 0 16px 0 16px;}

body.text {background: white;}

.copyright a {color: #989898; font-size: 10px;}
#header .copyright a {text-decoration: none}

h1 {font-size: 18px; padding: 14px 0 24px 34px; border-top: #dedede 1px solid; margin: 0px;
    background: url(../images/shadow.png) no-repeat 0 48px; line-height: 20px;}

h1 {font-family: Calibri, Arial, Helvetica, sans-serif;}

q:before { content: "";}
q:after { content: "";}
h1 q {display: block; font-size: 27px;}

#header .copyright {height: 31px; padding: 13px 0 0 34px; overflow: hidden; outline: 0px solid red; margin: 0px;}

.normative {background: url(../images/normative.png) no-repeat; width: 314px; height: 35px; display: block; float: right; 
            color: white; text-decoration: none; font-weight: bold; padding: 22px 0 0 18px; font-size: 15px; margin-top: -57px;}

.normative span {background: url(../images/dot.png) no-repeat 0 9px; padding-left: 3px;}
.normative span span {background: url(../images/arrow.gif) no-repeat 100% 6px; padding-right: 13px; }

.normative span span span {padding: 0; background: none;}
.normative span span span {border-bottom: 1px dashed #fff;}

.story {border: 0px solid red; background: url(../images/story-background.png) repeat-x; margin: 4px -16px 0 -16px; padding: 0 16px 0 16px;}

.story:after,#content:after, .project:after/*, .entry:after*/ {clear: both; content: "."; display: block; visibility: hidden; font-size: 0px; height: 0px;}

.story ul { float: left; list-style-type: none; padding: 0px; width: 247px; margin: 2px 0 12px 0}
.story ul li.last  {border-bottom: none;}
.story ul li {border-bottom: 1px solid #dedede; border-top: 1px solid #fff; height: 26px; padding: 6px 0 0 34px;}

.story ul li.active {background: url(../images/active.png) repeat-x;}

.story ul a {text-decoration: none; font-weight: bold; color: #1c4e91; font-size: 14px; background: url(../images/story-arrow.gif) no-repeat 0 6px; padding: 0 0 0 10px}

#content {background: url(../images/shadow.png) no-repeat 0 -165px; border: 0px solid red; padding-bottom:80px; }
.projects {float: left; width: 637px; padding-top: 25px;}
.events {float: right; width: 320px; padding-top: 25px;}

.story .tab {width: 717px; height: 179px; float: right; display: none;}

#about       { background: url(../images/story6.jpg); display: block;}
#teacher     { background: url(../images/story2.jpg);}
#schoolchild { background: url(../images/story3.jpg);}
#parents     { background: url(../images/story7.jpg);}
#all         { background: url(../images/story4.jpg);}

.box {border: 0px solid red; height: 164px; width: 320px; float: right; margin-right: 20px; font-size: 11px;}
.box .left {background: url(../images/box-left.png) no-repeat; float: left; width: 17px; height: 100%;}
.box .right {background: url(../images/box-right.png) no-repeat; float: left; width: 17px; height: 100%;}
.box .center {background: url(../images/box-center.png) repeat-x; float: left; height: 150px; width: 280px; padding-top: 14px;
overflow: hidden; }

#about .box .center { width: 460px; }
#about .box {width: 500px;}

#normative ul {list-style-type: square; margin: 0px; padding: 0px; width: auto;}
#normative li {border: none; height: auto; margin: 0px; padding: 6px 0 0 8px; background: url(../images/dot-blue.png) no-repeat 0 13px;}
#normative li a {color: #1c4e91; font-weight: normal; background: none; margin: 0px; padding: 0px;
                 text-decoration: underline; font-size: 12px;}

#normative   .box .center  { width: 310px; }
#teacher     .box .center  { width: 280px; }
#schoolchild .box .center  { width: 350px; }
#parents     .box .center  { width: 310px; }
#all         .box .center  { width: 350px; }


#about       .box .center  { width: 360px; }
#about       .box {font-size: 13px; width: 400px;}

#teacher     .box {font-size: 13px; width: 320px}
#schoolchild .box {font-size: 13px; width: 390px}
#parents     .box {font-size: 13px; width: 350px}
#all         .box {font-size: 13px; width: 390px;}
#normative   .box {font-size: 13px; width: 350px;}

.project h3 { font-size: 14px; padding: 7px 22px; background: #d9d9d9 url(../images/project.png) no-repeat 100% 0; margin: 0px; color: #1c4e91;}
.project h3 a {color: #1c4e91; text-decoration: none;}
.project h3 a {border-bottom: 1px solid #1c4e91;;}

.project .activity-date {float: right; margin-top: -24px; padding-right: 33px; font-size: 14px;}
.project .register-date {float: right; background: url(../images/box.png) no-repeat; width: 165px; font-weight: bold;
    font-style: normal; height: 60px; font-size: 14px; padding: 15px 10px 0 10px; text-align: center}

.project .about {float: left; width: 430px; font-size: 12px; padding: 15px 0 0 20px; padding-bottom: 10px;}

.events h3 {margin: 0px; font-size: 14px; background: url(../images/black-dot.png) no-repeat 0 9px; padding-left: 6px;}
.events .entry {border-bottom: 1px solid #b5b5b5; padding: 7px 0 7px 0;}
.events .title {font-size: 11px; font-weight: bold; margin: 5px 0px; display: block}

.entry .pubdate { color: #b5b5b5; font-size: 10px; text-align: right; border: 0px solid red; display: block; margin-bottom: 3px;}
.entry .about {font-size: 12px;}
.entry {margin: 0 20px 0 6px;}

#footer {margin-top: -78px; height: 53px; background: url(../images/footer-background.png) no-repeat;
         padding: 25px 0 0 40px; margin-left: auto; margin-right: auto; width: 925px;}


#header h1 {1float: left;}
#header .copyright {1float: left;}
#teacher-year {background: url(../images/teacher.png) no-repeat; width: 348px; height: 66px; float: right; margin-top: -44px;
padding: 15px 0 0 0px; font-weight: bold; font-size: 12px;}
#teacher-year span {background: url(../images/dot-black.png) no-repeat 0 6px; padding: 0 0 0 8px; margin: 0 0 0 40px;}

#mail, #tell {float: right; margin-top: -20px; width: 114px; height: 24px; background: url(../images/mail.png) no-repeat 0 -3px; font-size: 10px; padding-left: 26px;}
#mail span {text-decoration: underline; color: #989898;}
#tell span {text-decoration: underline; color: #1c4e91;}
#tell {background: url(../images/tell.png) no-repeat 0 -3px}