html {overflow-y: scroll;}
body {padding: 0; margin: 0; text-align: center; font-family: Verdana, Arial, serif; color: #180b03; font-size: 12px; background: #2b1c0e url(../images/body_background.gif) scroll repeat-x top center; overflow: auto;}
a {color: #4f93ad}
p, h1, h2, h3, h4, h5, h6 {margin: 0 0 10px 0; padding: 0}
p {line-height: 24px}
h1 {font-size: 18px; font-weight: normal; line-height: 24px; color: #000;}
h2 {font-size: 16px; font-weight: normal; line-height: 22px;}
h3 {font-size: 14px; font-weight: bold; line-height: 20px;}
h4 {font-size: 12px; font-weight: bold; line-height: 18px;}

#divContainer {position: relative; top: 0; left: 0; width: 1000px; margin: 0px auto; text-align: left;}
#divHeaderContainer {position: relative; top: 0; left: 0; width: 960px; height: 114px; margin: 0 20px 0 20px;}
#divHeaderContainer #divLogo {position: absolute; top: 32px; left: 0; width: 248px; height: 62px;}
#divHeaderContainer #divNavigation {position: absolute; top: 60px; left: 450px; width: 600px; height: 14px;}
#divHeaderContainer div#divNavigation ul {margin: 0; padding: 0; list-style-type: none; height: 14px;}
#divHeaderContainer div#divNavigation ul li {margin: 0; padding: 0; float: left; height: 14px; margin: 0 17px 0 17px;}
#divHeaderContainer div#divNavigation ul li a {display: block; width: 100%; height: 100%;}
#divHeaderContainer div#divNavigation ul li.clsHome {width: 40px; background-image: url(../images/navigation_home.png)}
#divHeaderContainer div#divNavigation ul li.clsHome.clsSelected,
#divHeaderContainer div#divNavigation ul li.clsHome:hover {background-image: url(../images/navigation_home_alt.png)}
#divHeaderContainer div#divNavigation ul li.clsBiography {width: 74px; background-image: url(../images/navigation_biography.png)}
#divHeaderContainer div#divNavigation ul li.clsBiography.clsSelected,
#divHeaderContainer div#divNavigation ul li.clsBiography:hover {background-image: url(../images/navigation_biography_alt.png)}
#divHeaderContainer div#divNavigation ul li.clsPublications {width: 88px; background-image: url(../images/navigation_publications.png)}
#divHeaderContainer div#divNavigation ul li.clsPublications.clsSelected,
#divHeaderContainer div#divNavigation ul li.clsPublications:hover {background-image: url(../images/navigation_publications_alt.png)}
#divHeaderContainer div#divNavigation ul li.clsNotebook {width: 70px; background-image: url(../images/navigation_notebook.png)}
#divHeaderContainer div#divNavigation ul li.clsNotebook.clsSelected,
#divHeaderContainer div#divNavigation ul li.clsNotebook:hover {background-image: url(../images/navigation_notebook_alt.png)}
#divHeaderContainer div#divNavigation ul li.clsContact {width: 58px; background-image: url(../images/navigation_contact.png)}
#divHeaderContainer div#divNavigation ul li.clsContact.clsSelected,
#divHeaderContainer div#divNavigation ul li.clsContact:hover {background-image: url(../images/navigation_contact_alt.png)}
#divContentContainer {position: relative; top: 0; left: 0; width: 986px; margin: 0 7px 0 7px; background: transparent url(../images/content_background.jpg) scroll no-repeat top center;}
#divContentContainer #divContent {position: relative; top: 70px; left: 63px; width: 860px; min-height: 300px; margin: 0; margin-bottom: 70px;}
#divContentContainer #divContent .clsLeft {position: relative; top: 0; left: 0; width: 560px; height: auto; float: left; clear: none; margin: 0 0 40px 0;}
#divContentContainer #divContent .clsLeft .clsWhatsNew {position: relative; top: 0; left: 0; width: 560px; height: 186px; font-size: 11px; line-height: 16px; color: #000; margin: 0 0 30px 0;}
#divContentContainer #divContent .clsLeft .clsWhatsNew .clsText {position: absolute; top: 35px; left: 195px; width: 340px; height: 70px;}
#divContentContainer #divContent .clsLeft .clsWhatsNew h1 {font-size: 15px; line-height: 26px;}
#divContentContainer #divContent .clsLeft .clsWhatsNew p {line-height: 16px;}
#divContentContainer #divContent .clsRight {position: relative; top: 0; left: 0; width: 270px; height: auto; float: right; clear: none;}
#divContentContainer #divContent .clsClear {position: relative; top: 0; left: 0; width: 860px; height: 0; float: none; clear: both;}
#divContentContainer #divContentFooterContainer {position: relative; top: 0; left: 0; width: 986px; height: 140px; margin: 0; background: transparent url(../images/content_footer_background.jpg) scroll no-repeat top center;}
#divFooterContainer {position: relative; top: 0; left: 0; width: 920px; height: 130px; margin: 10px 40px 0 40px; color: #937041; font-size: 11px; line-height: 14px}
#divFooterContainer #divFooterNavigation {position: relative; top: 0; left: 0; float: left; width: 400px; margin: 6px 0 0 0;}
#divFooterContainer #divFooterNavigation a {padding-right: 5px}
#divFooterContainer #divFooterCaorda {position: relative; top: 0; left: 0; float: right; width: 400px; text-align: right;}

.clsCallout {width: 270px; margin: 0 0 20px 0; font-size: 11px;}
.clsCallout h1 {text-transform: uppercase; font-size: 14px; font-weight: normal; margin: 0; padding: 0; line-height: 20px; letter-spacing: -1px;}
.clsCallout p {margin: 0 0 0 5px; line-height: 15px;}
.clsCallout h1.clsBlue,
.clsCallout h1 span.clsBlue {color: #4f93ad;}.clsCallout .clsTop {width: 270px; height: 1px; background-image: url(../images/callout_top.gif);}
.clsCallout .clsContent {width: 250px; background: transparent url(../images/callout_background.png) scroll repeat-y top left; padding: 10px}
.clsCallout .clsContent p {margin: 0; margin-bottom: 5px;}
.clsCallout .clsContent img {float: right;}
.clsCallout .clsBottom {width: 270px; height: 6px; background-image: url(../images/callout_bottom.gif);}

.clsPublication {width: 540px; font-size: 11px; margin: 0 0 15px 0;}
.clsPublication p {line-height: 16px;}
.clsPublication .clsCover {width: 120px; float: left; clear: none;}
.clsPublication .clsCover img {border: 1px solid #fff;}
.clsPublication .clsOverview {width: 420px; float: right; clear: none;}
.clsPublication .clsClear {width: 540px; float: none; clear: both; height: 10px;}