/*-----------------------------------------------
=Left Column
-----------------------------------------------*/
#sidebar {
    background: #fff url(../slike/sidebar_right_border.jpg) no-repeat right top;
    float: left;
    font-weight: bold;
    padding: 0;
    position: relative;
    padding-top: 11px;
    min-height: 370px;
    height:auto !important;
    height: 370px;
    width: 230px;
}
#sidebar ul {
    list-style: none;
    margin: 0 0 0 12px;
    width: 206px;
}
#sidebar li {
    background: url(../slike/sidebar_divider.gif) no-repeat;
    background-position: left bottom;
    font-size: 1.3em;
    padding: .6em 0 .6em 8px;
}
#sidebar li.expandonav {
    position: relative;
}
#sidebar li.expandonav span {
    background: url(../slike/plus_minus_sprite.gif) no-repeat 0 0;
    cursor: pointer;
    display: block;
    height: 18px;
    line-height: 0;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 8px;
    width: 18px;
}
#sidebar li.expandonav a.nav-selected {
    color: #363534;
}
#sidebar a.nav-selected {
    color: #363534;
}
#sidebar li.expandonav span.active.hover {
    background: url(../slike/plus_minus_sprite.gif) no-repeat bottom right;
}
#sidebar li.expandonav span.hover {
    background: url(../slike/plus_minus_sprite.gif) no-repeat bottom left;
}
#sidebar li.expandonav span.active {
    background: url(../slike/plus_minus_sprite.gif) no-repeat top right;
}
#sidebar li ul {
    border-left: 1px solid #e9e9e9;
    margin-left: 5px;
    width: 190px;
}
#sidebar li ul li {
    background: url(../img/fret.gif) no-repeat 0 11px;
    font-size: .923em;
    padding: .3em 0 0 10px;
}
#sidebar li ul li ul {
    width: 175px;
}
#sidebar li ul li ul li {
    font-size: 1em;
    font-weight: normal;
}
* html #sidebar li.expandonav {
    overflow: hidden;
}
#sidebar li ul li.expandonav span {
    background: url(../img/expando_inner_sprite.gif) no-repeat 0 0;
    cursor: pointer;
    display: block;
    height: 14px;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 6px;
    width: 14px;
}
#sidebar li ul li.expandonav span.active.hover {
    background: url(../img/expando_inner_sprite.gif) no-repeat bottom right;
}
#sidebar li ul li.expandonav span.hover {
    background: url(../img/expando_inner_sprite.gif) no-repeat bottom left;
}
#sidebar li ul li.expandonav span.active {
    background: url(../img/expando_inner_sprite.gif) no-repeat top right;
}
#sidebar li a {
    color:#4d79a7;
    display: block;
    margin-right: 20px;
    text-decoration: none;
}
#sidebar li.secondNavSelected a {
    color: #474A51;
}
#sidebar li a:hover {
    color:#363534;
    text-decoration: none;
}
#sidebar p.brick {
    font-size: 1.3em;
    position: relative;
    padding-bottom: 10px;
    padding-top: 0px;
    margin-top: -11px;
    width: 229px;
}
#sidebar p.brick a {
    background-color: #ccc;
    color: #fff;
    display: block;
    padding: 16px 20px 6px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0,
    0,
    0,
    0.4);
}
#main #sidebar p.brick:hover a {
    background-color: #999;
}
#sidebar p.brick a {
    background-color: #92b8d9;
}
#sidebar p.brick.brick1 a {
    background-color: #387eb9;
}
#sidebar p.brick.brick2 a {
    background-color: #5692c4;
}
#sidebar p.brick.brick3 a {
    background-color: #73a5ce;
}
#sidebar p.brick {
    background: url(../img/brick4-arrow.png) no-repeat bottom left;
}
#sidebar p.brick.brick1 {
    background: url(../img/brick1-arrow.png) no-repeat bottom left;
    z-index: 10;
}
#sidebar p.brick.brick2 {
    background: url(../img/brick2-arrow.png) no-repeat bottom left;
    z-index: 9;
}
#sidebar p.brick.brick3 {
    background: url(../img/brick3-arrow.png) no-repeat bottom left;
    z-index: 8;
}
#sidebar p.brick.brick4 {
    z-index: 7;
}
#sidebar p.brick.brick5 {
    z-index: 6;
}
#sidebar p.brick.brick6 {
    z-index: 5;
}
#sidebar p.brick.brick7 {
    z-index: 4;
}
#sidebar p.brick.brick8 {
    z-index: 3;
}
#sidebar p.brick.brick9 {
    z-index: 2;
}
#sidebar p.brick.brick10 {
    z-index: 1;
}
#sidebar p.brick:hover {
    background-image: url(../img/brick-hov-arrow.png);
    cursor: pointer;
}
/* IE6 Brick Fixes */
* html #sidebar p.brick {
    background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/brick4-arrow.png',
    sizingMethod='crop');
}
/*-----------------------------------------------
=Third and Fourth Level Navigation
-----------------------------------------------*/
/* Third Level */
#ThirdNavHeader {
    display: none;
}
#ThirdNavigation {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px 0 0;
}
#ThirdNavigation #ThirdNav1,
#ThirdNavigation #ThirdNav2,
#ThirdNavigation #ThirdNav3 {
    float: left;
    margin-left: 20px;
    width: 192px;
}
#ThirdNavigation #ThirdNav1 {
    margin-left: 0;
}
#main-content #ThirdNavigation ul {
    margin-bottom: .5em;
}
#main-content #ThirdNavigation ul li {
    background: url(../img/list_arrow_orange.gif) no-repeat 0 5px;
    padding: 0 0 .5em 10px;
}
#main-content #ThirdNavigation ul li a {
    text-decoration: none;
}
#main-content #ThirdNavigation ul li.thirdNavSelected a,
#main-content #FourthNavItems li.fourthNavSelected a {
    color: #363534;
    text-decoration: underline;
}
/* Third Level Interim */
div#ThirdNavLeft {
    float: left;
    width: 48%;
}
div#ThirdNavRight {
    float: right;
    width: 48%;
}
/* Fourth Level */
#FourthNav {
    /* background-color: #fff; */
    clear: right;
    color: #4d79a7;
    float: right;
    padding: 0 0 1em 1em;
    width: 160px;
}
#FourthNavHeader {
    background-color: #4d79a7;
    border: 1px solid #4d79a6;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    padding: 3px 5px;
}
#main-content #FourthNavItems {
    background-color: #f3f7fa;
    border: 1px solid #4d79a6;
    border-top: none;
}
#main-content #FourthNav ul {
    margin-bottom: 0;
    padding: 5px;
}
#main-content #FourthNav li {
    background: url(../img/list_arrow_orange.gif) no-repeat 0 5px;
    padding: 0 0 .5em 10px;
}
#main-content #FourthNav li a {
    text-decoration: none;
}
#main-content #FourthNav li a:hover {
    color: #343536;
}
/*-----------------------------------------------
=Right Column
-----------------------------------------------*/
#content-outer {
    float: right;
    padding-right: 70px;
    width: 640px;
}
#main-inner {
    padding: 0 0 2em;
}
#page-heading {
    width: 360px;
}
#main-content #page-heading h1,
#main-content #page-heading .h1 {
    margin-left: 0;
}
#page-heading h1,
#page-heading .h1,
p.header-tagline {
    margin-left: 0;
    width: auto;
}
#content_container {
    padding-right: 20px;
}
/*-----------------------------------------------
=List Styles
-----------------------------------------------*/
/* first level of ul-li takes on the base ul-li style in global_master_new.css */
#content_container ul li ul,
#contentArticle ul li ul {
    margin: 0 0 0 1em;
}
#content_container ul li ul li,
#contentArticle ul li ul li {
    font-size: 1em;
    background: none;
    list-style-type: circle;
    margin-left: 1em;
    padding-left: 0;
}
body.lang-ar #main-content #content_container ul li,
body.lang-ar #main-content #contentArticle ul li {
    background:url("../img/bullet.gif") no-repeat scroll 100% 5px transparent;
    margin-right: .5em;
    padding: 0 12px .2em 0;
}
/* OL */
#content_container ol,
#contentArticle ol {
    margin-left: 36px;
}
body.lang-ar #content_container ol,
body.lang-ar #contentArticle ol  {
    margin-left: 0;
    margin-right: 36px;
}
#content_container ol li,
#contentArticle ol li {
    list-style-type: decimal;
    padding-bottom: .2em;
    background-image: none;
}
#content_container ol li ol,
#contentArticle ol li ol {
    margin-left: 1em;
    margin-bottom: 0;
}
#content_container ol li ol li,
#contentArticle ol li ol li {
    list-style-type: lower-roman;
}
#content_container ol li ul,
#contentArticle ol li ul {
    margin-bottom: 0;
}
#content_container ol li ul li,
#contentArticle ol li ul li {
    font-size: 1em;
    list-style: none;
    background: url(../img/bullet.gif) no-repeat 0 5px;
    padding: 0 0 .2em 10px;
}
#content_container ol li ul li ul li,
#contentArticle ol li ul li ul li {
    font-size: 1em;
    background: none;
    list-style-type: circle;
    margin-left: 1em;
    padding-left: 0;
}
*:first-child+html body.lang-ar #main-content #content_container ul li,
    *:first-child+html body.lang-ar #main-content #contentArticle ul li {
        zoom: 1;
}
* html body.lang-ar #main-content #content_container ul li,
    * html body.lang-ar #main-content #contentArticle ul li {
        zoom: 1;
}
#content_container ol li ol li,
#contentArticle ol li ol li {
    font-size: 1em;
    margin-left: .5em;
}
#main-content a.cta_link {
    background: url(../img/list_arrow_orange.gif) no-repeat 0 5px;
    display: block;
    padding: 0 0 .2em 10px ;
}
/* !Definition List Styles for Healthy Living and Giving */
div.relatedSections {
    background: #f5f8fa;
    border: 1px solid #c7c7c7;
    margin-bottom: 2em;
    padding: 20px 20px 10px;
}
dl.previewArticles {
    border-bottom: 1px solid #ccc;
    padding-bottom: .5em;
}
div.relatedSections dl.previewArticles {
    border-bottom: none;
}
dl.previewArticles dt {
    clear: both;
}
#main-content dl.previewArticles img {
    background: #fff;
    border: 1px solid #c9c9c9;
    float: left;
    margin-right: 1em;
    padding: 1px;
}
/* !3 column layout */
#content_container div.triplecolumn-one,
#content_container div.triplecolumn-two,
#content_container div.triplecolumn-three {
    width: 31.5%;
}
#content_container div.triple-column div.triplecolumn-one {
    margin-right: 2.75%;
}
/* !4 column layout */
#content_container div.quad-column,
#contentArticle div.quad-column {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    clear: both;
    display: block;
}
#content_container div.quad-column div.quadcolumn-one,
#content_container div.quad-column div.quadcolumn-two,
#content_container div.quad-column div.quadcolumn-three,
#content_container div.quad-column div.quadcolumn-four,
#contentArticle div.quad-column div.quadcolumn-one,
#contentArticle div.quad-column div.quadcolumn-two,
#contentArticle div.quad-column div.quadcolumn-three,
#contentArticle div.quad-column div.quadcolumn-four {
    width: 140px;
    height: auto;
    float: left;
    padding: 0 20px 0 0;
}
#content_container div.quad-column div.quadcolumn-four,
#contentArticle div.quad-column div.quadcolumn-four {
    padding-right: 0;
}
#content_container .featured-content,
#content_container .featured-expand-content {
    background: url("../img/rcbg_620_blue.png") no-repeat center top transparent ;
    width: 620px;
}
#content_container .featured-bottom,
#content_container .featured-expand-bottom {
    background: url("../img/rcbg_620_bottom.gif") no-repeat center bottom transparent;
    width: 620px;
}
/*-----------------------------------------------
=Action Element
-----------------------------------------------*/
/* Example markup (note the "ae_wide" class)

<div class="action_element ae_wide">
  <div>
    <p>Dogs rule cats drool.</p>
  </div>
</div>

 */

div.action_element {
    border: 6px solid #bccee0;
    width: 160px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
div.ae_wide {
    width: 220px;
}
div.ae_wide div {
    padding: 8px;
}
div.ae_right {
    float: right;
    margin-bottom: 1em;
    margin-left: 1em;
}
div.ae_left {
    float: left;
    margin-bottom: 1em;
    margin-right: 1em;
}
div.action_element img.ae_button {
    display: block;
    margin: 0 auto .5em;
}
div.action_element p {
    margin: 0 0 .2em;
    padding: 0;
}
div.action_element ul,
div.action_element ol {
    margin: 0 0 .2em;
}
div.action_element ul li,
div.action_element ol li {
    padding-bottom: .2em;
}
div.action_element div {
    background: #f5f8fa;
    border: 1px solid #ababab;
    padding: 10px 10px 5px;
}
/*-----------------------------------------------
=Testimonial Page - for future use
-----------------------------------------------*/
div.testimonial {
    border-bottom: 1px dotted #999;
    margin-bottom: 1em;
    padding-bottom: .5em;
}
#main-content .testimonial img {
    float: left;
    margin-right: 10px;
}
.testimonial blockquote {
    float: right;
    width: 481px;
}
#main-content .testimonial h2 {
    border-bottom: none;
}
#main-content .testimonial blockquote p {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.4em;
}
.testimonial blockquote a {
    font-style: normal;
}
/*-----------------------------------------------
=FAD Overrides
-----------------------------------------------*/
#main-content h1.fad_profile_text_title {
    border-bottom: none;
    /*width: 200px;*/
    color: #4B3431;
    display: inline;
    margin-right: 15px;
    line-height: 1.2em;
    margin-bottom: 0.5em;
    font-size: 1.8em;
}
#main-content .fad_print_profile_header h3 {
    color: #5F453F;
    font-weight: bold;
    display: inline;
}
#main-content .fad_print_profile_photo img {
    display: block;
    padding: 1px;
    border: solid 1px #999;
    width: 220px;
    margin: 0 auto;
}
#main-content .fad_profile_details_inner li {
    margin: 0.2em 0;
}
* html #main-content .fad_print_profile_photo img {
    display: block;
    margin: 0 auto;
}
*:first-child+html #main-content .fad_print_profile_photo img {
    display: block;
    margin: 0 auto;
}
#main-content div.fad_print_profile_photo ul.tab-list {
    border-left: 1px solid #cbcbcb;
    margin: 0;
    padding: 0;
    position: relative;
    top: 1px;
}
#main-content div.fad_print_profile_photo  ul.tab-list li {
    background: none;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#main-content .fad_profile_text_details ul.tab-list li a {
    background: #f6f9fb;
    border: 1px solid #cbcbcb;
    border-left: none;
    color: #084585;
    display: block;
    font-weight: bold;
    padding: 5px 8px;
    text-decoration: none;
}
#main-content .fad_profile_text_details ul.tab-list li a:hover {
    color: #363534;
}
#main-content .fad_profile_text_details ul.tab-list li a.active {
    background-color: #fff;
    border-bottom-color: #fff;
    color: #363534;
    cursor: default;
}
#main-content .fad_profile_details_inner,
#main-content .fad_profile_details_inner .vcard,
#ctl00_PlaceHolderMain_profile_profile_educationAndFellowships dt {
    font-size: 1.2em;
}
#main-content .fad_profile_details_inner p,
#main-content .fad_profile_details_inner dt,
#main-content .fad_profile_details_inner dd,
#main-content .fad_profile_details_inner li,
#main-content .fad_profile_details_inner .vcard,
#main-content .fad_print_profile .role {
    font-size: 1em;
}
/*-----------------------------------------------
=Miscellneous style overrides (fix legacy styles)
-----------------------------------------------*/
div.intro {
    font-size: 1.2em;
}
#main-content div.intro * {
    font-size: 100%;
}
#URLIframe{
    height: 800px;
    width: 100%;
}
small {
    font-size: .834em;
}
object {
    display: block;
    margin-bottom: 1em;
}
div.callOut,
p.callOut {
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 15px;
}
/* 2011-10-17 (smartin): Bringing callOut style into line with style guidelines (issue 6359) and correcting internal spacing and bottom margin (issue 6962) */
div.callOut{
	margin-bottom: 20px;
	padding: 20px 20px 10px 20px;
}
