/* ==============================================================
   * Reset
============================================================== */

html {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* ==============================================================
   * Default Typography
============================================================== */

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#222;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h1 {font-size:2em;margin-bottom:0.75em;}
h2 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h3 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h4 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h5, h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}


/* ==============================================================
   * Generic Rules
============================================================== */

html {min-height: 100%; padding-bottom: 1px;}
p img {padding: 0;max-width: 100%;}
img.centered {display: block; margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px;display: inline;}
img.alignleft  {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left}
#content-main hr {
    display: block;
    background-color:#1A2674;
    border:0 none; color:#1A2674;
    height:3px;
    margin: 15px auto;
    width:100%;
    clear: both;
}
hr {display: none;}
cite {font-style: italic;}

/* ==============================================================
   * Specific Rule - CDR Legal
============================================================== */

body {color:#000;}
h1,h2 {color: #1C2674;}
a {color: #1C2674;}
ul {list-style: none; margin-left: 0;}

#wrapper {width: 904px; padding: 42px 20px 0; margin: auto;}
body {font-size:81.25%;color:#000;background:#fff;font-family: "Adobe Garamond Pro", "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;}
#nav, #siteinfo {font-family: "Adobe Garamond Pro", "Times New Roman", serif;}

#branding {float: left; width: 325px;}
#branding-name {margin: 0 0 0 42px;}
#branding p {color: #ADAFB1; margin: 0 0 0 125px; font-weight: bold;}

#tagline {clear: both; position: relative; z-index: -1; zoom: 1; line-height: 1;}
#tagline img {border: 0; margin-left: 150px; vertical-align: bottom;}
#tagline img#tagline-text {position: absolute; right: 75px; top: 50px; z-index: -1;}
#content {zoom: 1; clear: both; border: 0px #1A2674 solid; border-width: 3px 0; background: url('background-content.png') top center repeat-y; padding: 0 0 1em; margin-bottom: 2em;} 
#content:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}

#nav {position: relative;}
#nav, #nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
}
#nav:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
#nav {float: right; width: 530px; margin: 60px 0 0; font-size: 0.9167em; }
#nav a {
    display: block; text-decoration: none; color: #000;
    padding: 0 1em 5px;
    border-right: 1px solid #000;   
    font-style: normal; 
    }
#nav .active a {color: #1C2674; font-style: italic;}
#nav li.active li a {color: #000; font-style: normal;}   
#nav a:hover {text-decoration: underline;}
#nav li li a,
#nav li li.first a,
#nav li li.final a {margin: 0; padding: 5px 1em;} 
#nav li.first a {margin: 0; padding-left: 0;}
#nav li.final a {padding-right: 0; border-width: 0;} 
#nav li li a:hover {text-decoration: none; background: #F4F4F5;}
#nav li li {width: 13em;}
#nav li li.first {background: url('nav-li-shadow.png') 100% 0% no-repeat; padding-right: 15px; _background: none;}
#nav li li a {border: 0 solid #3A3A3B; border-width: 0 1px; background: white;} 
#nav li li.first a {border-width: 1px 1px 0;} 
#nav li li.final a {border-width: 0 1px 1px;} 
#nav li ul { /* second-level lists */
    position: absolute;
    background: url('nav-shadow.png') 100% 100% no-repeat; _background: none;
    padding: 0 15px 15px 0;
    width: 13em;
    left: -999em;
}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
#nav li {float: left;}

#content-main {width: 540px; padding-left: 80px; float: left;}
#content-main .breadcrumb {font-size: 81.25%; color: #000; padding: 4px 2px;}
#content-main h1 {font-size: 2.3333em; line-height: 1.5em; margin-bottom: .1em;}
#content-main h2 {font-size: 1.5em; font-style: italic; position: relative; top: -0.2em;}
#content-main h3 {font-weight: bold; font-style: italic; margin-bottom: 0; font-size: 100%;}
#content-main ul.disc {margin:0 1.5em 1.5em 3em; list-style-type:disc;}

#content-main .headshot h2 {margin: 0;}
#content-main .headshot h3,
#content-main .headshot p,
#content-main .headshot ul {margin-left: 162px;}
#content-main .headshot img {float: left; margin: 0 22px 22px 0;}

#content-main .row:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
#content-main .row {zoom:1;}
#content-main .layout-11 .cell1 {width:240px;float:left;}
#content-main .layout-11 .cell2 {width:280px;float:right; clear: none;}
#content-main .person {float: left; width: 100%; clear: left; padding-bottom: 10px;}
#content-main .person img {float: left; margin: 0 15px 0 0;}
#content-main .person div {font-style: italic;}
#content-main .person div a {font-style: normal; margin-top: 119px; display: block;}
#content-main .mediator div a {font-style: normal; margin-top: 99px; display: block;}


#content-supp {width: 200px; float: right; padding: 3.5em 40px 0 0;}
#content-supp .vcard {margin: 0 0 1.5em;}
#content-supp .vcard .organization-name {display: none;}
#content-supp .vcard .n {display: none;}
#content-supp h3,
#content-supp .vcard .organization-unit strong {font-size: 1.23em; font-style: italic; color: #1C2674; font-weight: normal; margin-bottom: 0em; width: 170px;}
#content-supp .vcard ul {list-style: none; margin: 0;}

#locations {text-align: center; margin: 0 0 1.5em; list-style: none;}
#locations .vcard .organization-name {display: none;}
#locations strong {font-style: italic; color: #1C2674; font-weight: normal;}

#siteinfo {font-size: 81.25%; text-align: center;}
#nav-supp a {padding: 0 2px;}
#siteinfo-legal {padding: 0 2px 0 1em;}

.home #content-main h2 {font-size: 2.3333em; line-height: 1.1em; margin-bottom: 0.1em; font-style: normal; padding-top: .5em;}
.home #content {background-image: url('background-content-home.png'); padding-top: 1em;} 
.home #content-main {padding: 0 0 0 80px; width: 360px;}
.home #content-main h2 {margin-bottom: 0.5em;}
.home #content-main p {position: relative; top: -8px;}
.home #content-supp {padding: 0 20px 0 0; width: 400px;}
.home #content-main p.overview {font-size: 1.6667em; line-height: 2;}
.home #content-supp h3 {font-size: 1.25em; font-style: italic; font-weight: bold; line-height: 2em; margin: .75em 0 1.1em;}
.home #content-supp ul,
.home #content-supp li {list-style: none; margin: 0; padding: 0;}
.home #content-supp li p {margin-bottom: 1em;}

.contact #content {background-image: none;}
.contact #content-main .vcard {position: relative;}
.contact #content-main .vcard .organization-name {display: none;}
.contact #content-main .vcard .organization-unit strong {font-size: 1.23em; font-style: italic; color: #1C2674; font-weight: normal; margin-bottom: 0em; width: 170px;}
.contact #content-main .vcard a {position: absolute; top: 4px; left: 260px;}
.contact #siteinfo {padding-bottom: 250px;}
.contact .row {padding: 20px 0 10px;}
.contact #content-main .row h2 {margin-bottom: .2em;}
.contact #content-main .row h3 {font-weight: normal; position: relative; top: -5px;}
.contact #content-main hr {position: relative; left: -80px; width: 904px;}