/* General
----------------------------------*/
* { padding: 0; margin: 0; }
body { background: #fff; line-height: 15px; }
body, input, textarea { font-family: Helvetica, Arial, Verdana; font-size: 11px; color: #000; }
a { color: #000; text-decoration: none; outline: none; }
img { border: none; }



/* Container
----------------------------------*/
#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 li { float: left; line-height: 40px; }
#header 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; }
#header li a:hover { background: #f7fdff; }
#header .active a { cursor: default; color: #00aeef; }
#header .active a:hover { background: none; }



/* Left column content
----------------------------------*/
#left { float: left; width: 480px; }

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

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

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



/* Right column sidebar
----------------------------------*/
#right { float: right; width: 280px; }

/* Box */
.box { width: 280px; background: #fafafa url(../images/right-box-top.png) no-repeat; padding: 7px 0 0 0; margin: 40px 0 20px 0; }
.box ul { background: url(../images/right-box-bottom.png) no-repeat bottom left; list-style: none; padding: 0 0 7px 0; }
.box ul a:hover { color: #00aeef; text-decoration: underline; }
.box ul a { display: block; width: 254px; height: 24px; line-height: 24px; padding: 0 13px; }
.box ul a img { display: block; float: left; position: relative; top: 6px; border: none; }
.box ul a span { display: block; float: left; padding: 0 0 0 13px; }

/* Contact form */
.contactbox { width: 254px; line-height: 21px; padding: 0 13px; }
.contactbox .text { height: 24px; padding: 11px 0 0 0; }
.contactbox .text label { display: block; float: left; width: 80px; }
.contactbox .text input { display: block; float: left; width: 166px; height: 17px; border: 1px solid #ccc; padding: 2px 3px 0 3px; }
.contactbox .textarea { padding: 11px 0 0 0; }
.contactbox textarea { width: 246px; height: 150px; border: 1px solid #ccc; padding: 2px 3px; }
.contactbox .submit { overflow: hidden; padding: 10px 0 6px 0; }
.contactbox .submitcontact { float: right; cursor: pointer; background: #fff; border: 1px solid #ccc; padding: 2px 6px; }
.contactbox .submitcontact:hover { color: #00aeef; }
.contactbox .submitcontact.disabled { cursor: default; color: #666; }
.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; }