body{background:url(../img/bg-top.gif) repeat-x left top #fff;color:#666;font-family:Helvetica, Calibri, Arial, sans-serif;font-size:14px;margin:0;padding:0;}
#header{height:109px;margin:0 auto;padding:0;width:970px;}
#logo{display:inline;float:left;margin:70px 0 0 12px;}
#logo h1{color:#fff;font-size:2.2em;font-weight:400;letter-spacing:-1px;margin:0;padding:0;}
#logo h1.tagline{color:#fff;font-size:16px;letter-spacing:normal;margin:5px 0 0;padding:0;}
#menu{float:right;margin-top:75px;}
#menu ul{list-style:none;margin:0;}
#menu li{display:inline;}
#content{background:url(../img/bg-content.gif) no-repeat #fff;margin:0 auto;padding-bottom:35px;padding-top:40px;width:990px;}
#content-left{float:left;font-size:14px;line-height:1.4em;padding:0 20px 20px 50px;width:610px;}
#content-left h2{color:#016BA5;font-size:1.3em;font-weight:400;margin:20px 0 0;}
#home #content-left h2{color:#016BA5;font-size:1.2em;font-weight:400;margin:20px 0 -10px;}
#content-center{float:center;font-size:14px;line-height:1.4em;padding:0 20px 20px 50px;width:860px;}
#content-center h2{color:#016BA5;font-size:1.3em;font-weight:400;margin:20px 0 0;}
#content_center h3{font-size:1.1em;margin:20px 0 -10px;padding:0;}
#content-center .alphabet {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .85em; margin: 20px 0;}
#content-center ul.submenu {padding-left: 15px; line-height: 1.5em;}
#content-center #instructions {margin-top: 50px;font-size:12px;line-height: 1.3em;padding: 3px 10px 5px 10px; border: 1px dashed #ccc;}
#content-left h3{font-size:1.1em;margin:20px 0 -10px;padding:0;}
#content-left .alphabet {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .85em; margin: 20px 0;}
#content-left ul.submenu {padding-left: 15px; line-height: 1.5em;}
#content-left #instructions {margin-top: 50px;font-size:12px;line-height: 1.3em;padding: 3px 10px 5px 10px; border: 1px dashed #ccc;}
#content-right{background:#EAEAF1;float:right;font-size:14px;line-height:1.4em;margin:0 50px 20px 0;padding:15px;width:230px;}
#content-right h2{border-bottom:#016BA5 1px dotted;color:#016BA5;font-size:1.3em;font-weight:400;margin:0 0 15px;padding:0 0 5px;}
#content-right h2.topspace{margin-top:40px;}
#content-right h3{color:#000;font-size:14px;font-weight:400;margin:20px 0 0;padding:0;}
#content-right h3.first{margin-top:0;}
#content-right .date{color:#999;font-size:11px;margin:0 0 -13px;}
#content-right p {font-size: 13px; line-height: 1.3em;}
#footer{background:#545887;clear:both;height:35px;margin-top:-35px;position:relative;}
#footer-content{clear:both;color:#fff;font-size:12px;height:35px;line-height:36px;margin:0 auto;width:950px;}
#footer-content p{margin:0;padding:0;}
#copyright{float:left;}
#contactinfo{float:right;}
#links #content-left ul li {margin: 0 0 5px 0;}

/* web articles */
#webarticles .reader {margin: 40px 0 0 0;padding:4px 0 4px 10px;border: 1px solid #ccc;background:#EAEAF1;}
#webarticles h3 {margin: 20px 0 15px 0;}
#webarticles ol {list-style: none; padding: 0; margin: 0;}
#webarticles ol li {font-size: .95em; padding: 10px 0 0 10px; margin: 0 0 0 30px; line-height: 1.2em; border-left: 1px solid #ccc;}
#webarticles ol li.first {padding-top: 0;}
/* #webarticles ol li a[href $='.pdf'] {background: transparent url(../img/icon-pdf.png) 100% 50% no-repeat;padding: 1px 17px 0 0;} */
#webarticles ol li a {border-bottom: none; color: #006BC4;}
#webarticles ol li a:hover {border-bottom: none; color: #000;}

/* links */
#logo h1 a {color:#fff; text-decoration:none;}
#logo h1 a:hover{color:#ccc;}
#menu li a{background:#5F76A2;text-decoration: none; color:#fff;display:block;float:left;font-size:14px;margin-right:10px;padding:5px 10px;text-align:center;}
#menu li a:hover{background:#807c9f;}
#content-center p a,#content-center li a,#content-center td a{border-bottom:1px solid #000;color:#000;text-decoration:none;}
#content-center p a:hover,#content-center li a:hover,#content-center p a:hover,#content-center td a:hover{border-bottom:1px solid #016BA5;color:#016BA5;}
#content-center a img {border: none;}
#content-right h3 a {border:none;color:#000;}
#content-right h3 a:hover{color:#016BA5;}
#content-right p a {border-bottom:1px solid #000;color:#000;text-decoration:none;}
#content-right p a:hover{border-bottom:1px solid #016BA5;color:#016BA5;}
#content-left p a,#content-left li a,#content-left td a{border-bottom:1px solid #000;color:#000;text-decoration:none;}
#content-left p a:hover,#content-left li a:hover,#content-left p a:hover,#content-left td a:hover{border-bottom:1px solid #016BA5;color:#016BA5;}
#content-left a img {border: none;}
#footer-content p a{text-decoration: none; border-bottom:1px solid #fff;color:#fff;}
#footer-content p a:hover{border-bottom:1px solid #ccc;color:#ccc;}

/* member list */
table.member {background: #EAEAF1; border: 1px solid #D9DBE7; width: 750px; margin-bottom: 30px;}
table.member tr {vertical-align:top;}
table.member th {background: #D9DBE7; margin: 0 0 5px 0; padding: 7px; color: #000; font-size: 1.1em; font-weight: 700; text-align: left;}
table.member td {margin: 0 0 5px 0; padding: 7px; font-size: 13px; font-weight: 400;}
table.member th .arrowtop {float: right;}

/* sticky footer */
html,body,#container{height:100%;}
body > #container{height:auto;min-height:100%;}
/* must be same height as the footer  */.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
/* Hides from IE-mac \ */* html .clearfix{height:1%;}

/* you are here */
#home li a.home,#theory li a.theory,#publications li a.publications,#events li a.events,#community li a.community,#links li a.links {background:#807c9f;}

/* forms */
div.details {display: block; margin: 100px 0 0 0;padding: 0 0 20px 20px; background: #fff;border: 1px solid #fff;font-size: 13px;}
div.details:hover {background: #EAEAF1;}
div.details h3 {margin-top: 0;padding-top: 0;}
input[type="text"] {border: 1px solid #ccc;background:#F7F7F7;height: 17px;padding:2px 5px;font-family: Georgia, "Times New Roman", Times, serif;}
input:hover[type="text"] {background: #fff;}
input:focus[type="text"] {outline: 1px solid #979BBE;background: #fff;}

.floatright-photo {float: right; margin: 10px 0 10px 10px; border: 1px solid #545887;}
.publication-image {float: left; margin: 0 15px 30px 0; border: 1px solid #545887;}
.eventsmenu {margin: 10px 0 40px 0;padding:4px;border: 1px solid #ccc;background:#EAEAF1; font-size: .9em;}