/* common.css */

/* ***********************************************************************
 * Formatting
 * *********************************************************************** */

* {
    margin: 0;
    padding: 0;
}

BODY {
    background-color: white;
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 12px;
    color: black;
}

TD,TH,DIV,INPUT,SELECT {
    font-size: 12px;
}

H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, FORM, LABEL, UL, OL, DL, FIELDSET, ADDRESS, HR {
    margin-bottom: 10px;
}

TABLE {
    margin-bottom: 15px;
}

A:link, A:visited, A:active {
    color: #333333;
    text-decoration: underline;
}

A:hover {
    color: #FF6633;
    text-decoration: underline;
}

TABLE, IMG {
    border: 0;
}

.publication, .jobTitle {
    font-style: italic;
}

.footnote {
    font-size: 10px;
}

DIV.reset {
    clear: both;
    font-size: 0;
}

DIV#bodyWrapper {
    background-image: url("/images/background.gif");
    background-repeat: repeat-y;
}

DIV#masthead {
    background-color: black;
    color: white;
}

DIV#masthead IMG, DIV#masthead A, DIV#masthead INPUT {
    vertical-align: middle;
}

DIV#masthead A, DIV#masthead A:visited {
    color: white;
    text-decoration: none;
    font-size: 9px;
    letter-spacing: 1px;
}

DIV#masthead A:hover {
    color: #FF6633;
}

DIV#masthead INPUT {
    font-size: 9px;
}

DIV#topMenu {
    background-color: #666666;
    color: #999999;
}

DIV#topMenu A.menu, DIV#topMenu A.menu:visited {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 9px;
    text-align: center;
    letter-spacing: 1px;
}

DIV#topMenu A.menu:hover, DIV#topMenu A.active {
    color: #CCCCCC !important;
}

DIV#topMenu UL { 
    width: 170px;
    background-color: white;
    padding: 0;
    margin: 0;
    border: 1px solid #CCCCCC;
    list-style: none;
    visibility: hidden;
    z-index: 100;
}
DIV#topMenu UL LI {
    position: relative;
    width: 170px;
    line-height: 1.7em; /* 17px */
    padding: 0;
    background-color: white;
    font-size: 10px;
    color: #333333;
    list-style:none;
}
DIV#topMenu UL LI A:link,
DIV#topMenu UL LI A:active,
DIV#topMenu UL LI A:visited {
    display: block;
    width: 160px;
    padding-left: 10px;
    padding-right: 0;
    text-transform: none;
    text-decoration: none;
    color: #333333;
}
DIV#topMenu UL LI A:hover {
    color: #FF6633;
}
DIV#topMenu UL LI.on {
    background-color: #E4E4E4;
}
DIV#topMenu UL LI.off {
    background-color: white;
}

DIV#contentWrapper {
    border-top: 3px solid white;
    /* see additional css files */
}

DIV#leftContent UL {
    list-style: none;
}

DIV#leftContent UL.leftNav1 {
    border-top: 0;
    border-bottom: 1px solid #CCCCCC;
    list-style: none;
}

DIV#leftContent UL.leftNav1 LI,
DIV#leftContent UL.leftNav2 LI,
DIV#leftContent UL.leftNav3 LI {
    border-top: 1px solid #CCCCCC;
    border-bottom: 0;
}

DIV#leftContent UL.leftNav1 LI {
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

DIV#leftContent UL.leftNav2 LI,
DIV#leftContent UL.leftNav3 LI {
    font-size: 10px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
}

DIV#leftContent UL.leftNav1 LI.active A,
DIV#leftContent UL.leftNav2 LI.active A {
    /* see additional css files */
}

DIV#leftContent UL.leftNav3 LI.active A {
    /* see additional css files */
}

DIV#leftContent UL.leftNav1 LI.active UL LI A,
DIV#leftContent UL.leftNav2 LI.active UL LI A {
    /* see additional css files */
}

DIV#leftContent UL.leftNav1 LI A,
DIV#leftContent UL.leftNav2 LI A,
DIV#leftContent UL.leftNav3 LI A,
DIV#leftContent UL.leftNav1 LI.active UL LI A,
DIV#leftContent UL.leftNav2 LI.active UL LI A {
    color: #333333;
    text-decoration: none;
    font-weight: normal;
}

DIV#leftContent UL.leftNav1 LI A:hover,
DIV#leftContent UL.leftNav2 LI A:hover,
DIV#leftContent UL.leftNav3 LI A:hover {
    background-color: white !important;
    color: #FF6633;
}

DIV#leftContent UL.leftNav1 LI.active A,
DIV#leftContent UL.leftNav2 LI.active A,
DIV#leftContent UL.leftNav3 LI.active A {
    color: #FF6633;
    font-weight: bold;
}

DIV#leftContent UL.leftNav1 LI.active A:hover,
DIV#leftContent UL.leftNav2 LI.active A:hover {
    /* see additional css files */
}

DIV#leftContent UL.leftNav3 LI.active A:hover {
    /* see additional css files */
}

DIV#leftContent UL.leftNav1 LI.active UL LI A:hover,
DIV#leftContent UL.leftNav2 LI.active UL LI A:hover {
    background-color: white !important;
    background-image: none;
    color: #FF6633;
}

DIV#leftContent UL.leftNav1 LI A {
    padding-top: 1px;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

DIV#leftContent UL.leftNav2 LI A,
DIV#leftContent UL.leftNav3 LI A {
    padding-top: 0;
    font-size: 10px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
}

DIV#leftContent .boxLink {
    /* see additional css files */
    font-size: 9px;
}

DIV#leftContent .boxLink A {
    color: #444444;
    text-decoration: none;
    font-weight: bold;
}

DIV#middleContent {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #333333;
    font-size: 13px;
    line-height: 1.5em; /* 20px */
}

DIV#middleContent .title,
DIV#middleContent LABEL {
/*    color: #666633; */
    font-weight: bold;
}

DIV#middleContent H1 {
    color: #FF6633;
    font-size: 22px;
    font-weight: normal;
}

DIV#middleContent H2,
DIV#middleContent .intro {
    /* see additional css files */
    font-size: 14px;
    font-weight: bold;
}

DIV#middleContent H2 A,
DIV#middleContent .intro A {
    /* see additional css files */
}

DIV#middleContent H4 {
    font-size: 13px;
    font-weight: bold;
}

DIV#middleContent A:hover {
    color: #FF6633;
}

DIV#middleContent IMG.photo {
    border: 1px solid #999999;
}

DIV#middleContent UL.paragraphs LI {
    margin-bottom: 10px;
}

DIV#middleContent .HR {
    height: 1px;
    background-color: #999999;
    font-size: 0;
}

DIV#middleContent SELECT,
DIV#rightContent SELECT {
    color: #333333;
}

DIV#middleContent TABLE {
    border-spacing: 0;
    border-collapse: collapse;
}

DIV#middleContent TABLE TR TD,
DIV#middleContent TABLE TR TH {
    font-size: 12px;
    vertical-align: top;
}

DIV#middleContent TABLE.vertical TR TH,
DIV#middleContent TABLE.vertical TR TD.left {
    padding: 4px 9px 4px 0;
    border-left: none;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

DIV#middleContent TABLE.vertical TR TH {
/*    white-space: nowrap; */
}

DIV#middleContent TABLE.vertical TR TD,
DIV#middleContent TABLE.vertical TR TH.right {
    padding: 4px 9px 4px 9px;
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-right: none;
    white-space: normal;
}

DIV#middleContent TABLE TH {
    text-align: left;
}

DIV#middleContent .linksList {
    font-size: 12px;
    line-height: 1.4em; /* 17px */
}

DIV#middleContent .linksList A {
    text-decoration: underline;
}

DIV#middleContent .linksList A:hover {
    text-decoration: underline;
}

DIV#middleContent .contentBoxTabs {
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 10px;
}

DIV#middleContent .contentBoxTabs A.tabLink,
DIV#middleContent .contentBoxTabs A.tabLink:visited {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
}

DIV#middleContent .contentBox H3,
DIV#middleContent .contentBox .spacer {
    /* see additional css files */
    text-transform: uppercase;
    font-size: 11px !important;
    font-weight: bold;
    letter-spacing: 1px;
}

DIV#middleContent .contentBox .content1 {
    /* see additional css files */
}

DIV#middleContent .contentBox .content2 {
    /* see additional css files */
}

DIV#rightContent,
DIV#rightContentTop {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #333333;
    line-height: 1.4em; /* 17px; */
}

DIV#rightContent H2,
DIV#rightContentTop H2 {
    /* see additional css files */
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
}

DIV#rightContent .linksList A,
DIV#rightContentTop .linksList A {
    color: #333333;
    font-weight: bold;
    text-decoration: none;
}

DIV#rightContent .linksList A:hover,
DIV#rightContentTop .linksList A:hover {
    /* see additional css files */
    text-decoration: underline;
}

DIV#bottomRuleLeft, DIV#bottomRuleMiddle, DIV#bottomRuleRight {
    background-color: #999999;
}

DIV#footer {
    background-color: white;
    background-image: url("/images/background-bottom.gif");
    background-repeat: no-repeat;
    color: #999999;
    font-size: 9px;
}

DIV#footer P {
    width: 748px;
}

DIV#footer A, DIV#footer A:visited {
    color: #999999;
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
}

DIV#footer A:hover {
    color: #666666;
}

DIV#footer .HR {
    height: 1px;
    background-color: #999999;
    font-size: 0;
}

DIV#downloadRegistration {
    border: 3px solid white;
    color: #333333;
    font-size: 13px;
}

DIV#downloadRegistration H3 {
    /* see additional css files */
    text-transform: uppercase;
    font-size: 12px !important;
    font-weight: bold;
    letter-spacing: 1px;
}

DIV#downloadRegistration INPUT {
    color: #333333;
    font-size: 11px;
}

/* ***********************************************************************
 * Layout
 * *********************************************************************** */

DIV#bodyWrapper {
    width: 812px;
    margin-left: auto;
    margin-right: auto;
}

DIV#pageWrapper {
    width: 774px;
    padding-left: 19px;
    padding-right: 19px;
}

DIV#masthead {
    width: 774px;
    height: 59px;
}

DIV#topMenu {
    width: 774px;
    height: 24px;
    position: relative;
}

DIV#topMenu A.menu, DIV#topMenu .separator {
    height: 24px;
    line-height: 24px;
    float: left;
}

DIV#topMenu .separator {
    width: 3px;
}

DIV#topMenu UL {
    position: absolute;
    top: 24px;
}

DIV#contentWrapper,
DIV#contentWrapperTop {
    width: 774px;
    clear: both;
}

DIV#leftContent {
    width: 189px;
    float: left;
    margin-top: 19px;
    margin-right: 3px;
    margin-bottom: 20px;
}

DIV#leftContent UL {
    padding-left: 0 !important;
    margin-bottom: 0;
}

DIV#leftContent UL.leftNav1 {
    margin-bottom: 19px;
}

DIV#leftContent UL.leftNav2,
DIV#leftContent UL.leftNav3 {
    margin-bottom: 0;
}

DIV#leftContent UL.leftNav1 LI A {
    width: 162px;
    display: block;
    line-height: 1.8em; /* 16px */
    padding-left: 27px;
}

DIV#leftContent UL.leftNav2 LI A {
    width: 162px;
    display: block;
    line-height: 1.8em; /* 18px */
    padding-left: 27px;
}

DIV#leftContent UL.leftNav3 LI A {
    width: 146px;
    display: block;
    line-height: 1.8em; /* 18px */
    padding-left: 43px;
}

DIV#leftContent .boxLink {
    width: 159px;
    border: 1px solid #CCCCCC;
    line-height: 1.9em; /* 17px */
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 9px;
}

DIV#leftContent .boxLink A {
    width: 154px;
    display: block;
    padding-left: 5px;
}

DIV#middleContent {
    width: 582px;
    float: left;
    margin-top: 19px;
    margin-right: 0;
    margin-bottom: 20px;
}

DIV#middleContent H1,
DIV#middleContent H2,
DIV#middleContent H3,
DIV#middleContent H4,
DIV#middleContent P,
DIV#middleContent UL,
DIV#middleContent OL {
    padding-left: 19px;
}

DIV#middleContent H1 {
    margin-top: 20px;
}

DIV#middleContent H2 {
    margin-top: 20px;
	margin-bottom: 0;
}

DIV#middleContent P,
DIV#middleContent UL,
DIV#middleContent OL {
    padding-right: 19px;
}

DIV#middleContent UL {
    margin-left: 15px;
}

DIV#middleContent OL {
    margin-left: 25px;
}

DIV#middleContent TABLE {
    width: 390px;
	margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

DIV#middleContent .HR {
    width: 544px;
    clear: both;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

DIV#middleContent .contentBoxTabsWrapper {
    float: right;
    padding-right: 24px;
}

DIV#middleContent .contentBoxTabs {
    float: right;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}

DIV#middleContent .contentBoxTabs A.tabLink,
DIV#middleContent .contentBoxTabs .separator {
    height: 1.7em; /* 15px */
    line-height: 1.7em; /* 15px */
    float: right;
}

DIV#middleContent .contentBoxTabs .separator {
    width: 0.3em;
    font-size: 9px;
}

DIV#middleContent .contentBox {
    clear: both;
    width: 537px;
    border: 1px solid #999999;
    margin-left: 19px;
    margin-bottom: 10px;
}

DIV#middleContent .contentBox H3 {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.8em; /* 20px */
}

DIV#middleContent .contentBox TABLE {
    width: 537px;
    margin: 0;
}

DIV#middleContent .contentBox TABLE TR TD,
DIV#middleContent .contentBox TABLE TR TH {
    padding-top: 10px;
}

DIV#middleContent .contentBox .spacer {
    height: 16px;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

DIV#rightContent {
    width: 151px;
    float: left;
    margin-top: 19px;
    margin-bottom: 20px;
}

DIV#rightContent H2,
DIV#rightContentTop H2 {
    display: block;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    line-height: 1.8em; /* 20px */
    padding-left: 17px;
}

DIV#rightContent P,
DIV#rightContentTop P {
    padding-left: 17px;
    padding-right: 17px;
    margin-bottom: 15px;
}

DIV#rightContent IMG {
    margin-top: 3px;
}

DIV#bottomRuleLeft {
    width: 189px;
    height: 6px;
    float: left;
    margin-right: 3px;
    font-size: 0;
}

DIV#bottomRuleMiddle {
    width: 581px;
    height: 6px;
    float: left;
    margin-right: 0;
    font-size: 0;
}

DIV#bottomRuleRight {
    width: 1px;
    height: 6px;
    float: left;
    font-size: 0;
}

DIV#footer {
    width: 812px;
    padding-top: 7px;
    padding-left: 32px;
}

DIV#footer .HR {
    width: 748px;
    clear: both;
    margin-top: 12px;
    margin-bottom: 12px;
}

DIV#downloadRegistration {
    position: absolute;
    width: 350px;
    height: 20em; /* about 260px */
}

DIV#downloadRegistration H3 {
    display: block;
    margin-top: 0;
    line-height: 1.8em; /* 16px */
}
