html,body{width:100%;height:100%;min-height:100%;min-width:820px;font-family:arial,helvetica;font-size:9pt;color:#333}
body{background:#eaeaea}
a:link, a:visited{color:#336699;}
a:hover{color:#6699cc}

/*div{border:1px solid #bbb}*/
/*.emptyspaces,.contentarea{display:inline-block;}
.emptyspaces{min-width:1%;width:10%}*/
.contentarea{width:90%;min-width:800px;margin:auto;height:auto;min-height:100%}
.msutitle{font-family:arial;letter-spacing:0.1em;font-size:10pt;padding:7px;color:#777;text-align:center}
.header,.topNav,.menuColumn,.contentColumn,.footer{border:1px solid #ddd}
.menuColumn,.contentColumn{min-height:100%;height:auto!important;margin: 10px 0 10px 0;background:#fff;position:inherit}
.header,.footer{background:url('/~ccs/img/back4.jpg') #999966}
.header{height:150px;}
.footer{clear:both;height:50px;margin-bottom:10px}

.menuColumn{width:20%;float:left;z-index:2;margin-right:10px}
.contentColumn{width:78%;min-width:200px;float:right;height:auto!important;min-height:100%;display:block;position:inherit}

.content{padding:5px 30px 10px 30px;height:100%;min-height:100%;position:inherit;overflow-x:hidden}
.content li{margin-bottom:8px;}

.conttitle { color:#2A3062 }
.docannot {color:#444;line-height:1.5em;font-size:10pt}

.announcement{padding-right:10pt;font-weight:bold;text-align:center;width:110px}

.email{position: relative; bottom: -3px;}

.topNav{height:40px;margin-top:10px}

.crn{
-moz-border-radius:9px;
-webkit-border-radius:9px;
border-radius:9px;
behavior: url(ie-css3.htc)
}

.gra{
background: #999; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); /* для IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); /* для webkit */
background: -moz-linear-gradient(top,  #999,  #333); /* для firefox 3.6+ */

}
.msupic{width:200px;height:137px;background:url('/~ccs/img/ccs_logo.png') no-repeat 9px 0;float:left;margin:5px 10px 0 10px}
.sitetitle{display:block;font-size:48px;padding:55px 0 25px 0px;color:#fff;letter-spacing:-.001em;font-family: courier new;color:#eaeaea;text-transform:uppercase}

.sht{
text-shadow: 0 1px 1px #222;

}

.sha{
-moz-box-shadow: 0px 0px 2px #777;
-webkit-box-shadow: 0px 0px 2px #777;
box-shadow: 0px 0px 2px #777;
}

.info{font-size:10pt;color:#fff;display:block;margin:20px;text-align:right}

.nav a:link,.nav a:visited, .nav a:hover{padding:12px 12px 12px 20px;display:block;border-bottom:1px solid #eee;z-index:1;font-size:11pt}
.nav a:link,.nav a:visited{color:#2A3062;text-decoration:none}
.nav a:hover{background:#f5f5f5;color:#777;text-decoration:underline}
.nav a.active:link,.nav a.active:visited,.nav a.active:hover {font-weight:bold;background:#eee;z-index:0}
.info a:link,.info a:visited{color:#fff}
.info a:hover{color:#f5f5f5}

p,li{color:#444;line-height:1.5em;font-size:10pt}


h1,h2,h3{color:#003366}
h1{font-size:17pt;margin-bottom:10px;letter-spacing:-.01em}
h2{font-size:13pt;margin:15px 0 5px 0;color:#777;font-weight:bold}
h3{font-size:11pt;margin:15px 0 5px 0;color:#7D6036}

strong{font-weight:bold}
em{font-style:italic}
p{margin: 10px 0 10px 0}

.materials li{list-style-type:square;margin-left:15px}
.about li{margin-left:20px}
.partners li{list-style-type:decimal;margin-left:15px}
.partners h2{margin-top:45px}
.people td{vertical-align:middle;padding-right:20px;padding-bottom:6pt;}

.research_title{font-weight:bold;padding-top:10pt;}
.research_team{font-weight:bold; font-style:italic;padding-top:4pt;}
.research_desc{padding-top:4pt;line-height:1.5em}

.morelink {border-bottom: 1px dashed red}
.morecontents{display:none}

.photos img {border:10px solid #fff;margin:20px 0 10px 0;
-moz-box-shadow: 0px 1px 5px #777;
-webkit-box-shadow: 0px 1px 5px #777;
box-shadow: 0px 1px 5px #777;
}