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

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

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

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

#content:after {clear: both; content: "."; display: block; visibility: hidden; font-size: 0px; height: 0px;}
#content {background: url(../images/shadow.png) no-repeat 0 -165px; border-top: 1px solid #eeeeee; padding-bottom:80px; font-size: 12px}

.info {height: 128px; background: url(../images/info-background.png) repeat-x;
    margin: 0 -16px 0 -16px; padding: 0 16px 0 16px;}

.menu {list-style-type: none; padding-top: 0px; margin-top: 0px; width: 600px; overflow: auto;}

.cabinet {float: right; font-size: 14px; width: 306px; border: 0px solid red; padding: 15px 0 12px 44px; }
.cabinet a {background: url(../images/menu-arrow.gif) no-repeat 0 7px;}

.menu li {float: left; font-size: 14px; padding: 18px 0px 0 3px; height: 26px;}
.menu li a,.cabinet a {color: #1c4e91; font-weight: bold; padding: 0 6px 0 12px; background: url(../images/menu-arrow.gif) no-repeat 0 8px;}
.menu li.active {background: url(../images/active-background.png) repeat-x; border-left: 1px solid white;
border-right: 1px solid white;}

.menu li.active a {color: #1c3f15; background: url(../images/active-arrow.gif) no-repeat 0 8px;}

.projects {float: left; width: 637px; padding-top: 10px;}
.events {float: right; width: 320px; padding-top: 10px;}

.projects h3 {color: #000; font-size: 14px; padding: 7px 22px;
    background: #d9d9d9 url(../images/project.png) no-repeat 100% 0; margin: 0px;}

.projects p {padding: 0 0 0 22px; font-size: 12px;}

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

/* calendar */
.calendar {width: 513px; height: 38px; background: url(../images/step.png) repeat-x; position: relative; left: 50px; top: 45px;
float: left;}
.range {position: absolute; width: 50px; height: 100%; display: none; height: 38px;}
.active {background: #7994af url(../images/step-blue.png) repeat-x;}

.range .start, .range .end {position: absolute; width: 5px; /*background-color: #024385;*/ height: 100%; left: 0px; 
background: url(../images/range-start-end.png) no-repeat; }

.range .end { left: 100%;}
#today {position: absolute; width: 5px; left: 0px; height: 64px; top: -26px;
    background: url(../images/step-today.png) no-repeat;}

#today div { position: absolute; top: -10px; height: 27px; left: 5px; font-size: 11px; 
    background: url(../images/today-tip.png) repeat-x; padding: 4px 9px 0 9px;
    -moz-border-radius: 2px; width: auto; white-space: nowrap}
    
.range .tip {position: absolute; top: 32px; height: 16px; 
    background: url(../images/range-tip.png) repeat-x; display: none; padding: 4px 5px 0 9px;
    margin-top: 10px; width: auto; white-space: nowrap; z-index: 100;
    font-size: 11px; -moz-border-radius: 2px; overflow: none}

.tip-corner {width: 12px; height: 12px; margin-top: -14px; background: url(../images/corner.gif) no-repeat; position: absolute}

#register {float: right; width: 297px; height: 122px; background: #fff; margin-top: 2px;}

.range .start div, .range .end div {color: #9e9e9e; font-size: 11px; background: url(../images/date.gif) no-repeat 0 100%;
    margin-top: 38px; height: 21px; padding: 10px 0 0 8px; border: 0px solid red; white-space: nowrap; 
    position: absolute;}

#header h2 {color: #7f7f7f; float: right; font-size: 14px; font-family: Calibri; margin: -50px 50px 0 0; font-weight: bold}
#header h2 a {color: #7f7f7f;}

#header h2 q {display: block;}
#header h2 q:after {content: ""}
#header h2 q:before {content: ""}

#register {background: url(../images/register.png) no-repeat;}

.projects ul li {padding: 4px 0 0 0; }
.projects ol li {padding: 4px 0 0 0; }

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

img {border: 0px solid red;}