* { margin:0; padding:0; }
body, input, textarea { background: #fff; font-family: HelveticaNeue, "Helvetica Neue", Helvetica, Arial; font-size: 11px; }
a { color: #000; text-decoration: none; outline: none; }



/***** wrapper *****/
#wrap { width: 900px; margin: 0 auto; }



/***** header *****/
#header { width: 900px; height: 40px; border-bottom: 1px solid #ccc; padding: 20px 0 10px 0; }
#header h1 { float: left; height: 40px; padding: 0 0 0 3px; }
#header ul { float: right; height: 40px; list-style: none; }
#header ul li { float: left; line-height: 40px; }
#header ul li a:hover { background: #f7fdff; }
#header ul li.active a { cursor: default; color: #00aeef; }
#header ul li.active a:hover { background: none; }
#header ul li a {
	display: block;
	float: left;
	width: 129px;
	height: 40px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border-left: 1px solid #ccc;
	padding: 0 0 0 10px;
}



/***** left content *****/
#left { float: left; width: 480px; }
#left p { line-height: 15px; padding: 15px 0 0 3px; }
#left a { color: #00aeef; }
#left a:hover { text-decoration: underline; }
#left h2 {
	height: 15px;
	font-family: Georgia, serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 15px;
	color: #000;
	padding: 40px 0 0 3px;
}

#left .dlist { width: 480px; list-style: none; border-bottom: 1px solid #ccc; padding: 15px 0 0 0; }
#left .dlist li { overflow: hidden; border-top: 1px solid #ccc; line-height: 18px; padding: 2px 0 2px 3px; }
#left .dlist li b { display: block; float: left; }
#left .dlist li span { display: block; float: left; }
#left .dlist.w150 li b { width: 150px; }
#left .dlist.w150 li span { width: 327px; }
#left .dlist.w100 li b { width: 100px; }
#left .dlist.w100 li span { width: 377px; }

#left .publications { width: 480px; border-bottom: 1px solid #ccc; padding: 15px 0 0 0; }
#left .publications ul { overflow: hidden; list-style: none; border-top: 1px solid #ccc; line-height: 18px; padding: 2px 0 2px 3px; }
#left .publications .year { float: left; width: 45px; height: 36px; font-size: 11px; }
#left .publications .title { float: right; width: 432px; font-weight: bold; }
#left .publications .title i { font-weight: normal; font-style: normal; }
#left .publications .misc { float: right; width: 432px; font-style: italic; color: #888; }



/***** right content *****/
#right { float: right; width: 280px; }
#right .box { width: 280px; background: #fafafa url(../images/right-box-top.png) no-repeat; padding: 7px 0 0 0; margin: 40px 0 20px 0; }
#right .box ul { background: url(../images/right-box-bottom.png) no-repeat bottom left; list-style: none; padding: 0 0 7px 0; }
#right .box ul a:hover { color: #00aeef; text-decoration: underline; }
#right .box ul a { display: block; width: 254px; height: 24px; line-height: 24px; padding: 0 13px; }
#right .box ul a img { display: block; float: left; position: relative; top: 6px; border: none; }
#right .box ul a span { display: block; float: left; padding: 0 0 0 13px; }
#right .box .contactbox { display: none; width: 254px; line-height: 21px; padding: 0 13px; }
#right .box .contactbox .text { height: 24px; padding: 11px 0 0 0; }
#right .box .contactbox .text label { display: block; float: left; width: 80px; }
#right .box .contactbox .text input { display: block; float: left; width: 166px; height: 17px; border: 1px solid #ccc; padding: 2px 3px 0 3px; }
#right .box .contactbox .textarea { padding: 11px 0 0 0; }
#right .box .contactbox textarea { width: 246px; height: 150px; border: 1px solid #ccc; padding: 2px 3px; }
#right .box .contactbox .submit { overflow: hidden; padding: 10px 0 6px 0; }
#right .box .contactbox .submitcontact { float: right; cursor: pointer; border: 1px solid #ccc; padding: 2px 6px; }
#right .box .contactbox .submitcontact:hover { color: #00aeef; }
#right .box .contactbox .submitcontact.disabled { cursor: default; color: #666; }
#right .box .contactbox .submitcontact.disabled:hover { color: #666; }



/***** footer *****/
#footer { clear: both; width: 900px; height: 81px; color: #aaa; line-height: 40px; }
#footer .clear { width: 900px; height: 40px; border-bottom: 1px solid #ccc; }
#footer .left { float: left; }
#footer .right { float: right; }
#footer a { color: #aaa; padding: 0 3px; }
#footer a:hover { color: #00aeef; text-decoration: underline; }

#footer .part1 { float: left; padding: 0 5px 0 0; }
#footer .part2 { float: left; }
#footer .part2 a { display: block; float: left; height: 40px; }
#footer .icon { background: url(../images/icon-manduro.png) no-repeat left; padding: 0 0 0 22px; }
#footer .icon:hover { background-image: url(../images/icon-manduro-hover.png); }