/* font-sizes */
h1 {  color:#666;font-size:160%;  }
h2 { color:#666 !important; font-size:120%; }
h3 { color:#666 !important; font-size:110%; }
h4 { color:#666 !important; font-size:100%; }
h5 { color:#666 !important; font-size:90%; }
p,li {   font-size:90%; }
label {font-size:90%; }
.cms_articlesBySection .item .blurb {font-size:90%; }

/* list items */
.cms_articlesBySection .item { margin-bottom:20px; }
.cms_articlesBySection .item .readmore { display:none;}

.header {  padding-top:10px; }
.header h1 {  padding:0; margin:0; }
.header .social a { color:#ccc; }
.header .logo { margin-bottom:6px;max-width:170px;}

.crumbs { background-color: #f3f3f3; border-bottom: 1px solid #ccc; padding:5px 0px; font-size: 80%; color:#555; }

.top-bar-wrapper { background-color:#f3f3f3; padding-bottom:5px;}
.stretched-top-bar {    background-color: #333;    box-shadow: 3px 3px 3px #999; }
.stretched-top-feature h1 { color:#555; font-size:130%; margin-bottom:5px; }
.stretched-top-feature p{ line-height:18px;}
.stretched-top-feature {  background-color:#f3f3f3; padding-top:20px;border-bottom:1px solid #ccc; }    
.stretched-top-feature .cms_editButton { float:left;margin-left:-40px;   }

.prog-overview .title { display:block; font-weight:bold;font-size:120%; }
.prog-overview img { float:left; margin-right:10px;margin-top:4px; width:120px;height:90px !important;}
.prog-overview .readmore { font-style:italic;
    position:relative;
    display:block;      
     
}    
.prog-overview .readmore:after {
        position:absolute;
        font-family: FontAwesome;
        font-size:100%;      
        margin-left:5px;
        content: "\f061"; 
    }

.home .crumbs { display:none; }
.home .stretched-top-feature .cms_articlesBySection .item {line-height:18px;font-size:90%; background-color:#fff;padding:5px; height:80px; margin-bottom:15px; box-shadow: 0px 0px 3px #999;  }
.home .stretched-top-feature .cms_articlesBySection .item .cms_thumb { width:102px;min-height:62px;max-height:70px; overflow:hidden;border:1px solid #666;margin-right:10px;}
.home .stretched-top-feature .cms_articlesBySection .item .cms_thumb img { display:block;  width:100px;height:auto; }
.home .stretched-top-feature .cms_articlesBySection .item a {  line-height:1px;font-size:90%;}

.home .progs {   font-size:90%;  }
.home .progs .item { margin-bottom:10px; }
.home .pubs {   font-size:90%; }
.home .blogs {   font-size:90%; }
.home .blogs .item  { margin-bottom:10px;}
.home .blogs i { display:block; font-size:70%;color:#666;margin-top:0px;}

.home .pubs .item { line-height:18px; background-color:#fff;padding:5px; height:70px; margin-bottom:15px;  }
.home .pubs .item .cms_thumb { width:60px; overflow:hidden;  box-shadow: 0px 0px 3px #999; }
.home .pubs .item .cms_thumb img {   height:auto;border:1px solid #333;}


/* foundation overrides */

.top-bar ul li a { color:#999 !important; letter-spacing: 1px; }
.top-bar ul.left li a { text-transform:uppercase; }
.top-bar-section ul li.selected>a {  background-color:#444 !important; color:#ccc !important; }
.top-bar-section li.activities { display:none !important; }

#bdy { padding-top:20px; }

 
/* left nav menu */
.nav .cms_menu { margin:8px 0px 20px 0px; }
.nav .cms_menu div.item a { display:block;padding:5px 5px;  border-top:1px solid #ddd;color:#666; font-size:90%; }
.nav .cms_menu div.item a:visited {  }
.nav .cms_menu div.selected a { background-color:#ddd; color:#333;}
.nav .cms_menu div a:hover { background-color:#efefef; text-decoration:none; }
.nav .cms_menu span.virtual { display:block; border-bottom:1px solid white;padding:4px 10px 4px 25px;background-color:#aaa; color:white; background-image:url(/_res/site/Image/system/arrow_open.gif); background-repeat:no-repeat; background-position:12px 6px; font-weight:bold; }


.features { padding:10px 0; }
.features h2 {  }
 

.stretched-photo-feature { background-color:#434343; padding:20px 0; }
.stretched-photo-feature h2 { color:#ddd !important;}
.stretched-photo-feature a { color:#fff;}
.stretched-photo-feature img {   border:5px solid #eee;margin:0 10px 0 10px;   }

/* publications */
.publications .cms_articlesBySection .item {line-height:18px; min-height:120px; margin-bottom:20px;   }
.publications .cms_articlesBySection .item .cms_thumb { min-height:79px;max-height:110px;overflow:hidden; margin-right:20px; box-shadow: 1px 1px 6px #999; }
.publications .cms_articlesBySection .item .cms_thumb img { }
.publications .cms_articlesBySection .item a {  line-height:1px; font-weight:bold;}
.publications .cms_articlesBySection .item .date { float:right;}

/* news */
.news .cms_articlesBySection .item { position:relative;line-height:18px;   margin-bottom:40px; border-top:1px solid #eee; padding-top:5px;  }
.news .cms_articlesBySection .item .cms_thumb { margin-top:3px; max-height:110px;overflow:hidden; margin-right:20px;   box-shadow: 1px 1px 6px #999;}
.news .cms_articlesBySection .item a {  line-height:1px; font-weight:bold;}
.news .cms_articlesBySection .item .date { position:absolute;top:-18px;right:0; background-color:#eee; padding:0px 3px; font-size:10px;}
 
.news .right-side-nav .item {
  font-size:80% !important;
  font-weight:normal;
  margin-bottom:10px;
  padding:5px;
  border:0;
}
.news .right-side-nav .item.selected {
  background-color:#efefef;;
}


/* blog - list*/
.blog div.cms_articlesBySection { border-top:2px solid gray;padding-top:10px; }
.blog div.cms_articlesBySection div.item { position:relative;  padding-left:140px; border-bottom:1px solid gray; min-height:80px;height:1%; padding-bottom:10px; }
.blog div.cms_articlesBySection div.item a.title { font-weight:bold; font-size:14px; }
.blog div.cms_articlesBySection div.item div.readmore { display:none; }
.blog div.cms_articlesBySection div.item div.blogInfoBox { position:absolute;width:120px; left:0px; top:-3px; padding:5px; min-height:80px; font-size:11px;  }
.blog div.cms_articlesBySection div.item div.blogInfoBox div.cms_author1 img { display:block; margin-bottom:2px; }
.blog div.cms_articlesBySection div.item div.blogInfoBox div.cms_author1 { font-weight:bold; margin-bottom:2px; }
.blog div.cms_articlesBySection div.item div.blogInfoBox i { color:gray; }
.blog div.cms_articlesBySection div.item div.blogInfoBox div.commentCount { width:36px; float:right;}


/* blog - detail */
.blog div.detail div.blurb { font-weight:bold; font-size:14px; }
.blog div.detail div.blogInfoBox {  position:relative; border-bottom:1px solid #ccc; height:40px; margin-bottom:15px; }
.blog div.detail div.blogInfoBox img.cms_userPhoto {float:left; margin-right:10px;width:30px;} 
.blog div.detail div.blogInfoBox a.cms_userEmail { text-transform: uppercase;  font-size:12px;  }
 
.blog div.detail div.blogInfoBox div.commentCount {  float:right; margin-top:2px;font-size:12px; }
.blog div.detail div.blogInfoBox i { display:block;font-size:12px !important; margin-top:-2px !important;}
.blog div.detail div.body img { border:1px solid #333; }

.publications .detail .cms_thumb { float:right; width:30%;max-width:192px; margin:0 0 5px 10px;border: 1px solid #333; }
.publications .detail .cms_thumb img {display:block;width:100%;}
.publications .detail .button { margin-bottom:0;}
.cms_detailView .overviewHead { display:none; }



.cms_imageBoxFull { width:100%;}
.cms_imageBoxFull td { padding:5px;font-size:80% !important; }
 
.cms_imageBoxFull img {  height:auto !important; width:100%; }
.cms_imageBoxFull i { font-size:80%;  }
.cms_imageBoxRight { width:30%;}
.cms_imageBoxRight td { font-size:100%;}
.cms_imageBoxRight img { width:100% !important; height:auto !important; max-width:190px;}

.staff table { width:100%;}
.staff table td { padding:5px 10px;}
.staff table .name { font-size:70%; }
.staff table .name a { font-size:120%; }
.staff table .phone { font-size:70%; float:right;}
.staff .portrait {float:right; width:30%; margin-left:20px; border:1px solid #333;}



.largeGraphic { background-color:#333;}
.largeGraphic .bar { padding:5px;}
.largeGraphic img {display:block; margin-left:auto;margin-right:auto; }

.cms_dynamicForm { border:0 !important; background-color:#fff !important;}
.cms_dynamicForm .header { font-weight:normal !important; font-size:90%;}
 
.cms_pagingLinks {  text-align:center;margin-bottom:10px !important;}
.cms_pagingLinks a { padding:0 5px}
.cms_pagingLinks a.selected { background-color:#555 !important;color:#fff !important;}
.cms_pagingLinks img { display:none; }

.cms_timeSpan { margin-top:35px;font-size:90% !important; border-left:1px solid #eee; padding-left:5px;}

.prevNextTop { font-size:80%; }
.prevNextBottom { text-align:center; margin-bottom:10px;}
.prevNextBottom a { display:inline-block; width:110px; border:1px solid #ccc; padding:3px 6px;font-size:80%; background-color:#eee;}
.prevNextBottom a:hover { background-color:#999; color:white;border:1px solid #999;}


.footer { padding:10px;margin-top:10px;font-size: 70%; background-color:#333; color:#ccc;    box-shadow: 0px -3px 6px #999;} 
.footer a {color:#ccc;}

#cse-search-results iframe {width: 100% !important; }
 

/* small */
@media only screen and (max-width: 40em) {

.stretched-top-feature h1 { font-size:100%;font-weight:bold; }
.cms_imageBoxRight { width:100%;float:none;}
.cms_imageBoxRight img { display:block;margin-left:auto;margin-right:auto; }

 .news .cms_articlesBySection .item a { font-weight:normal; font-size:90%;}
 .news .cms_articlesBySection .item .blurb { display:none;}
 .news .cms_articlesBySection .item { clear:both; }
  .news .cms_articlesBySection .item .cms_thumb { width:60px;}

.publications .cms_articlesBySection .item .blurb { display:none;}

.staff .portrait {display:none;}
} 


/* medium and down */
@media only screen and (max-width: 63em) {
   .top-bar a { font-size:75% !important;}

.features h2 {font-size:120%; }
.header {
    padding-bottom:5px;
  
}
  .header .logo img {
   width:80%;
  }
  .header h1 { font-size:20px; }
  .header .social { display:none; }
}

/*  medium and up screens */
@media only screen and (min-width: 40.063em) {
  .top-bar ul.left { margin-left:15px;}
 
}


/* min-width 1025px, large screens */
@media only screen and (min-width: 63.063em) {

}