#portaltab-about, 
#portaltab-news, 
#portaltab-library, 
#portaltab-training, 
#portaltab-groups, 
#portaltab-projects, 
#portaltab-communities, 
#portaltab-members, 
#portaltab-addcontent, 
#portaltab-help {
  display:none !important;
}

body {
    background: url("csa-body-bg.jpg") repeat fixed center top #F5F2E8;
}


body.template-csa_home .breadcrumb { display:none; }

#visual-portal-wrapper {
    background-color: #FFFFFF;
    margin: 0 auto 20px;
    width: 1100px;
    -webkit-box-shadow: 0px 10px 20px rgba(50, 50, 50, 0.41);
    -moz-box-shadow:    0px 10px 20px rgba(50, 50, 50, 0.41);
    box-shadow:         0px 10px 20px rgba(50, 50, 50, 0.41);
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    box-sizing: border-box;
}


#portal-siteactions {
    background: url("none") repeat scroll 0 0 transparent;
    padding-right: 1.5em;
    margin-top: -25px;
}

a {
    color: #0F71B9;
}

#portal-siteactions li a {
    color: #FFFFFF !important;
}

#portal-siteactions li a:hover {
    color: #BECC39 !important;
}

.top-header{
    background-image: none !important;
    background-color: #34687F;
    height: 30px;
    width: 1100px;
    margin: 0 auto;
}

.top-header ul li a{
   height: 29px;
   color: white;
   font-size: 12px;
}

.top-header ul li:first-child a{
    background-position: right 7px;
}

#portal-header {
    background: url("csa-banner-bg.jpg") no-repeat scroll right 0 #4490B0 !important;
    position: relative;
}

#portal-header form {
    left: 20px;
    position: absolute;
    top: -25px;
}


#header-image,.usaidlogo {
    display: none;
}

#portal-logo img {
    margin: 0px 0 34px 2em;
}

#portal-header-wrapper{
    margin: 0 -30px;
}

.navbar{
    margin: 0 !important;
}

.navbar-inner{
    min-height: 40px;
    background-color: #70BAD9 !important;
}

.navbar .container{
    background-color: #70BAD9 !important;   
}

#navigation {
     height: 40px;
     background: url(none) #70BAD9;
}

#navigation li {
    display: inline;
    font-size: 14px;
    padding: 0px;
    
}

#navigation li a {
    line-height: 40px;
    margin: 0;
    padding: 0 14px;
    text-transform: uppercase;
    height: auto !important;
    font-weight: bold !important;
    font-size: 16px;
}


#navigation li a:hover {
     background: #4490B0;
     color: #fff;
     margin-left: 0px;
     padding: 0 14px;
     border-left: none !important;
}

#navigation li.selected a {
    background: #9BAB49;
    border-left: 1px solid #FFFFFF !important;
    color: #fff;
    margin-left: -1px;
}

#portal-personaltools {
    margin: 0 0 0.6em;
    padding: 10px 10px 5px;
}

#portal-personaltools a {
    color: #0F71B9 !important;
}

#portal-languageselector {
    margin: 0 1em 1em;
}

#portal-languageselector li {
    display: inline;
    padding-right: 5px;
}

#portal-breadcrumbs {
    margin-bottom: 15px;
    margin-top: -37px;
}

#portal-column-content {
    padding: 1em 0;
}

/* ---- turned off set width for column - Tracy
#portal-column-two, #portal-column-one, .portlet {
    width: 205px;
}
--- */

#portal-column-two .visualPadding {
    padding-right: 1px;
    padding-top: 0;
}

#portal-column-two {
   margin-top:1.5em;
}


.portletHeader {
    background: url("none") repeat-y scroll 0 0 #878173!important;
    font-size: 12px;
    padding: 8px 10px 6px;
}

.documentEditable {
    margin: 0 0;
    padding: 0 0.5em 1em 0em !important;
}


.gray {
    background-color: transparent;
    background-image: url("none");
}

table.gray {
    background-color: transparent;
    background-image: url("none");
}



.tileHeadline, .headline {
    font-size: 130%;
}

.documentActions {
    border-top: 1px solid #ddd;
}

h1.documentFirstHeading, h1 {
    border-bottom: medium none;
    color: #e36a14;
    font-family: "myriad-pro";
    font-size: 1.8em;
    font-weight: 400;
    letter-spacing: -0.0125em;
    margin-top: 10px !important;
    padding-bottom: 10px;
}



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #0F71B9 !important;
    text-decoration: none;
}



.photoright {
    float: right;
    margin-bottom: 15px;
    margin-left: 20px;
    border: 4px solid #DDDDDD;
}

.photoleft {
    float: left;
    margin-bottom: 15px;
    margin-right: 20px;
    border: 4px solid #DDDDDD;
}


table#csa-triad td {
width: 225px;
vertical-align: top;
}

table#csa-triad td.gutter {
width:30px;
}

table#csa-triad h2 {
   background-color: #4b97b7;
    color: #fff;
    font-family: "myriad-pro";
    font-size: 20px;
    font-weight: 100;
    padding: 0.4em 0.6em;
    text-transform: uppercase;
}

#csa-triad ul {
    list-style: none outside none;
    margin: 0.5em 0 0 0;
}

#csa-triad li {
    margin-top: 15px;
}

#video-section {
margin-top:18px;
}

#more-videos a {
display:inline-block;
width:175px;
height:95px;
border: 1px solid #bbb;
border-radius: 8px 8px 8px 8px;
background-color:#ddd;
margin-right:9px;
}


#more-videos,
#video-section .more-link {
   margin-top:14px;
   float: left;
}

.more-link a {
    border-top: 2px solid #D8D4CC;
    border-bottom: 2px solid #D8D4CC;
    color: #DE6B1B;
    float: right;
    font-weight: bold;
    margin-top: 10px;
    padding: 4px 0;
    text-decoration: none;
    text-transform: uppercase;
}

#portlet-csa {
    background: none repeat scroll 0 0 #9BAB49;
    border-bottom: 1px solid #FFFFFF;
    border-radius: 6px;
}

.portlet-blue {
    background: none repeat scroll 0 0 #53b2dc;
    border-radius: 6px;
    padding-top: 10px;
    text-align: center;
}


.flush {
    margin-bottom: 5px;
    margin-left: -11px;
    margin-top: -10px;
}



.green-portlet > p {
    margin: 0;
    padding: 0px;
}

.portletItem .green-portlet a:hover{
   color:#333!important;
   text-decoration: none;
}

.arrow-white {
    background: url("arrow-white.png") no-repeat scroll 0 4px transparent;
    padding-left: 12px !important;
}

.green-portlet a {
    color: #FFFFFF !important;
    font-size: 1.4em;
    text-transform: uppercase;
}

.green-portlet a:hover {
    color: #4C5D19 !important;

}

#video-section > iframe {
    background: url("csa-video-shadow.png") repeat scroll 0 bottom transparent;
    padding-bottom: 14px;
}

#portlet-group-services .portletHeader, #portlet-group-email .portletHeader, #portlet-group-members .portletHeader, #portlet-my-groups .portletHeader, .portletNews .portletHeader {
    background: url("none") repeat-y scroll 0 0 #D46E19;
}

table.listing, .stx table {
    border-bottom: medium none;
    border-collapse: collapse;
    border-left: medium none;
    border-spacing: 0;
    font-size: 90%;
    margin: 1em 0;
}

table.listing td, .stx table td {
    border-right: medium none;
    padding: 0.25em 0.5em;
}
.even {
    background-image: url(none);
     background-color: #EEF3F5;
}

#portlet-group-email {
    margin-top: -15px;
}

.videospot {
   background: none repeat scroll 0 0 #4b97b7;
    border-bottom: medium none;
    color: #ffffff;
    font-family: myriad-pro;
    font-size: 24px;
    font-weight: 100;
    margin-right: 10px;
    margin-top: 25px;
    padding: 0.4em 0.6em;
    text-transform: uppercase;
}

.form-search.pull-right{
    display: none;
}

@media only screen and (max-width: 1024px) {
  .top-header,
  #visual-portal-wrapper{
    width: 100%;
    padding: 0;
  }
  #portal-header-wrapper{
    margin: 0 -10px;    
  }
}

@media only screen and (max-width: 768px) {
  header{
    position: relative;
    z-index: 10;
  }
  #portal-header-wrapper{
    margin: 0 -10px;    
  }
  
  #visual-portal-wrapper{
    width: 100%;
    padding: 0;
  }
  #portal-header{
    background-position: left 0 !important;
  }
  .mobile-logo{
    display: none;
  }

  .navbar .nav > li:first-child > a{
    border: none;
    width: 100% !important;
    padding: 0;
  }

  #portal-logo{
    margin-top: 55px;
    margin-bottom: 45px;
  }

  #portal-logo img{
    width: 85%;
  }

  #portal-header form{
    position: static;
  }

  .more-link{
    overflow: hidden;
  }

  #more-videos, #video-section .more-link{
    float: none;
    overflow: hidden;
  }

  img.flush{
    margin: 0;
  }

  .site-csa #content #more-videos a{
    margin: 2% 4%;
  }

  .navbar{
    top: 135px;
  }

  #cyclist-nav{
    z-index: 9;
  }
}