.btn-custom{color: #fff; background-color: #6e486f; border-color: #6e486f;}
.btn-custom:hover{color: #ffffff;}

 .main-content form > p,
 .main-content form label,
  .main-content form  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%; 
    margin-bottom:10px;
  }
.main-content img{max-width:100%; height:auto;} 

#whats-new a{color:#000;}

.related-pubs a{color:#6e486f !important;}
.related-pubs li{color:#6e486f !important;}
.related-pubs h4{color:#6e486f !important;}

.main .sidebar-main{padding-left:0px; padding-right:0px}

@media (min-width: 1200px){
  .container{width: 970px;}
}   

@media(min-width: 992px){.main-content{padding-right:0px;}}

.ui-controls{font-size: 12px; margin-top: 5px;}
.ui-controls li{display: inline; list-style-type: none; padding-right: 5px;}
.header{margin-top: 10px; margin-bottom: 20px;}
.social{float: right;}

.searchbox{background-color: #e6e6e6; border: none; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 2px 10px; margin-top: 20px;}
.searchbox:focus{outline: none;}

.navbar{margin-bottom: 0px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
.navbar-nav{ display:table; margin:auto; float:none;}
.navbar-nav>li{border-right: 2px solid #c0c9ce;}
.navbar-nav>li:last-child{border: none;}
.navbar-nav>li>a{font-size: 15px; padding: 10px 20px; color: #222222;}

.navbar-nav>li.active::before {border-style: solid; border-width: 0.1em 0.1em 0 0; content: ''; display: inline-block; height: 1em; left: 40%; position: absolute; top: -20%; transform: rotate(135deg); vertical-align: top; width: 1em; border-color: #e2e2e2;}

.navbar-nav>li.active a{font-weight: bold;}

.carousel{font-family: 'Roboto Condensed', sans-serif;}


@media screen and (min-width: 1000px){
  .sidebar div div{width:293px;}
.carousel-caption {/* right: 20%; *//* left: 20%; *//* padding-bottom: 30px; */}
}

@media screen and (min-width: 768px){
  
.carousel-caption {/* right: 20%; *//* left: 20%; *//* padding-bottom: 30px; */}
}


.carousel-caption { position: absolute; /* right: 15%; */ bottom: 0px; left: 65%; z-index: 10; padding: 20px; color: #fff; /* text-align: center; */ /* text-shadow: 0 1px 2px rgba(0,0,0,.6); */ height: 100%; width: 35%; background-color: #83b4b9; text-align: left; text-shadow: none;}

.carousel-caption h3{font-size: 34px;}

.carousel-indicators li{background-color: #c1d9dd; border: 1px solid #c1d9dd; width: 15px; height: 15px; margin: 0px;}

.carousel-indicators li.active{border: 1px solid #ffffff; width: 15px; height: 15px;}

.carousel-fade .carousel-inner .item {transition-property: opacity;}

.carousel-fade .carousel-inner .item, .active.left, .active.right {opacity: 0;}

.carousel-fade .carousel-inner .active, .next.left, .prev.right { opacity: 1;}

.carousel-fade .carousel-inner .next, .prev, .active.left, .active.right {left: 0; transform: translate3d(0, 0, 0); }

.carousel-inner .item img{height:320px;}

.title h2, .title h3{position: relative; background-color: #83b4b9; color: #ffffff; padding: 12px 20px; margin-bottom: 0px;}

.title h2, .title h3{font-size: 16px;}

.title h2:before, .title h3:before{top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(131, 180, 185, 0); border-top-color: #83b4b9; border-width: 10px;}

.title h2:before{left: 5%;}
.title h3:before{left: 10%}

.news-item p {padding-right:15px;}
.news-item p a{font-size: 14px; line-height: 16px; color: #000000; }

.news-item p .date{color: #6e486f; font-weight: bold;}

.news-item a.read-more{color: #6e486f; font-weight: bold;}

.subtitle{border-top: 1px dotted #222222; border-bottom: 1px dotted #222222; padding: 10px 0px; margin: 20px 0px; }

.subtitle h3{margin: 0px; font-size: 14px; font-weight: bold;}

.subtitle h3 a{color: #6e486f;}

.subtitle h3 a i{float: right;}

.featured h3{font-size: 18px; font-weight: bold; color: #6e486f; }

.featured img{width: 100%;}

.sidebar-item h3{font-size: 14px; line-height: 16px; color: #000000; font-weight: bold;}

.sidebar-item .title h3{font-size: 14px; line-height: 16px; color: #ffffff; font-weight: bold;}

.search-box{background: url("../images/search-box-bg.png") no-repeat 100% 0% #83b4b9; position: relative; margin: 25px 0px; padding: 10px 20px 40px; border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px;}
.search-box:after { position: absolute; content: ""; display: block; width: 0; height: 0; right: 0px; bottom: -20px; border-bottom: 20px solid transparent; border-left: 20px solid #000;}
.search-box h2{font-size: 20px; color: #ffffff;}
.search-box h4{color: #ffffff;}
.search-box input{display: block; width: 100%;}
.search-box select{display: block; width: 100%; height:25px; margin-bottom:17px;}

footer{background-color: #83b4b9; margin-top: 40px; padding: 20px 0px;}

footer h4{font-size: 16px; font-weight: bold; color: #6e486f;}

footer ul{list-style: none; padding: 0px;}

footer a{color: #000;}

footer.bottom{background-color: #ced7ea; margin: 0px;}

li.list-group-item ul li.list-group-item{border: #ffffff;}

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) {
      

      .navbar-nav>li>a {padding: 10px; font-size: 14.5px}
      .navbar-collapse.collapse{padding-left: 0px; padding-right: 0px;}
      .carousel-indicators{right: 17%;}
      .subtitle{clear: both;}
      .sidebar-item img{margin-bottom: 20px;}
      .search-box{margin: 0px;}
      .subNav {width: 100%}
      .header .col-md-8 {width: 66.66666667%}
       .header .col-md-4 {width: 33.33333333%}
      
}

@media only screen 
  and (min-width: 320px) 
  and (max-width: 980px) {
      
      .ui-controls ul{padding: 0px; font-size: 10px;} 
      .header{margin-top: 0px; margin-bottom: 0px;}
      .social{float: none;}
      .searchbox{margin-top: 10px;}
      .navbar-toggle{margin-right: 0px;}
      .navbar-toggle .icon-bar{background-color: #83b4b9;}
      .navbar-nav>li{padding: 0px 10px 0px 10px;}
      .navbar-nav>li>a{padding: 7px 0px;}
      .navbar-nav>li.active::before{content: none;}
      .caption{font-family: 'Roboto Condensed', sans-serif; color: #ffffff; background-color: #83b4b9; padding: 10px;}
      .caption h3{font-size: 18px;}
      .caption p{font-size: 12px;}
      .sidebar-item {margin-top: 50px;}

}



#content h1 {
  color     : #5c9ba3;
  font-weight   : bolder;
  font-size   : 1.4em;
  padding     : 0 0 20px 0;
}
#content h2 {
  color     : #63486f;
  font-weight   : bolder;
  font-size   : 1.1em;
  padding     : 0 0 5px 0;
}
#content h3 {
  color     : #333;
  font-weight   : bolder;
  padding     : 0 0 5px 0;
}
#content p {
  line-height   : 1.4em;
  color     : #313131;
}
#content ul {
  padding     : 0 0 20px 35px;
}

#content ul li{/*list-style-type: none;*/
}
#content ul li ul{
  padding     : 10px 0 0 0;
}
#content ul li {
  padding     : 0 0 7px 0px;
  line-height   : 1.2em;
  color     : #808080;
  background    : url(../images/content_list_bg.png) no-repeat left 2px; 
}

#content ol {
  padding     : 0 0 20px 0;
  margin      : 0 0 0 40px;
  list-style-type : decimal;
}
#content ol li ol {
  padding     : 10px 0 0 0;
}
#content ol li {
  padding     : 0 0 7px 0;
  margin      : 0;
  line-height   : 1.2em;
  color     : #808080;
  background    : none;
}
#content ul li a:link, #content ul li a:visited , #content ol li a:link, #content ol li a:visited {
  color     : #808080;
  text-decoration : underline;
}

#content a:link, #content a:visited {
  color     : #00779d;
}
#content a:hover {
  text-decoration : underline;
}
#content .galleryThumb {
  position    : relative;
  margin      : 0 0 20px 0;
  width     : 190px;
  height      : 120px;
  padding     : 5px;
  background    : #cbd7e2;
  cursor      : pointer;
}
#content .galleryThumb img.loop {
  position    : absolute;
  top       : 0;
  right     : 0;
}


/*--------- Sub Navigation --------------------------------*/
#subNav {
  margin      : 0 0 40px 0;
}
#subNav span {
  display     : block;
  color     : #fff;
  background    : #406d72 url(../images/subNav_head_bg.png) no-repeat right center;
  font-size   : 1.3em;
  font-weight   : bolder;
  padding     : 20px;
}
#subNav ul {
  /*padding-right:0;*/
  padding-left:0;
}

#subNav ul li {
  display     : block;
  width     : auto;
  vertical-align  : bottom;
}
/*level one*/
#subNav ul li a:link, #subNav ul li a:visited {
  display     : block;
  padding     : 12px 40px 12px 20px;
  border-bottom : 1px dotted #b9a2b3;
  text-decoration : none;
  color     : #666;
  font-size   : 1.1em;
}
#subNav ul li a:hover, #subNav ul li.active a {
  font-weight   : bolder;
  background    : #83b4b9 url(../images/subNav_level_one_active.png) no-repeat right center;
}
/*level two*/
#subNav ul li.active ul li a:link, #subNav ul li.active ul li a:visited {
  display     : block;
  padding     : 12px 40px 12px 20px;
  border-bottom : 1px dotted #fff;
  text-decoration : none;
  color     : #808080;
  font-size   : 1em;
  background    : #cee1e3;
  font-weight   : normal;
}



#subNav ul li.active ul li a:hover, #subNav ul li.active ul li.active a {
  color     : #256280;
  background    : #ccd7e2 url(../images/subNav_level_two_active.png) no-repeat left center;;
}
/*level three*/
#subNav ul li.active ul li.active ul li a:link, #subNav ul li.active ul li.active  ul li a:visited {
  display     : block;
  padding     : 12px 60px;
  border-bottom : 1px dotted #fff;
  text-decoration : none;
  color     : #808080;
  font-size   : 1em;
  background    : #e4eaf0;
  font-weight   : normal;
}
#subNav ul li.active  ul li.active ul li a:hover, #subNav ul li.active ul li.active ul li.active  a {
  color     : #313131;
  background    : #ccc url(../images/subNav_level_three_active.png) no-repeat left center;;
}

ul, menu, dir{    -webkit-padding-start: 0px;}








/*---- General Forms -----------*/
#content .form p {
  width     : 450px;
}
#content .form p label {
  display     : block;
  float     : left;
  width     : 100%;
  font-size   : 1.1em;
  font-weight   : bolder;
  color     : #313131;
}
#content .form label.newsletter {
  width     : 400px;
}
#content .form p input.text, #content .form p textarea.text, #content .form p select.text {
  /*width     : 310px;*/
  background    : #e6e6e6;
  border      : none;
  padding     : 5px;
  font-size   : 1em;
  font-weight   : normal;
  font-family   : Arial, Helvetica, sans-serif;
}
#content .errors {
  padding     : 0 0 20px 0;
  color     : #ff0000;
}
#wrapper #content .form  input.invalidValue, #wrapper #content .form  input.requiredValue {
  border      : 1px solid #ff0000;
}
#content .form input.submit {
  float     : right;
  background    : none;
  border      : none;
  font-weight   : bolder;
  font-size   : 1.1em;
  color     : #d4303d;
  padding     : 0 25px 0 0;
  margin      : 20px 0px 0 0px;
  background    : url(../images/red_arrow.png) no-repeat center right;
  cursor      : pointer;
}
/*------ Map -------------------*/
#map {
  width     : 590px;
  height      : 300px;
  margin      : 0 0 20px 0;
}
#maplinks {
  display     : none;
}

/*------ Publication List --------------------*/
.pub_list {
  border-top    : 1px dotted #b9a2b3;
  padding     : 20px 0 10px 0;
  margin      : 0 0 20px 0;
  /*height      : 200px; Patrick 11/03*/
}

.pub_thumb {
  float     : left;
  width     : 90px;
  height      : 100%;
  
  margin      : 0 20px 0 0;
}

.pub_content .head {
  display     : block;
  font-weight   : bolder;
  font-size   : 1.1em;
  color     : #a07f96;
  
}
#content .pub_content p {
  color     : #666;
}
#content .pub_content p a:link, #content .pub_content p a:visited {
  display     : block;
  font-weight   : bolder;
  color     : #794d71;
  margin      : 15px 0 0 0;
  background    : url(../images/publication_more_bg.png) no-repeat center left;
}
#content .pub_content a {
  color     : #a07f96;
}

/*------ File list ------------------------------*/
.file_content {
  background    : #e6e6e6 url(../images/download_box_bg.png) no-repeat top left;
  padding     	: 10px 20px;
  margin      	: 0 0 10px 0;
  display		: table;
  width:100%;
}
#content .file_content .info {
  width     : 470px;
  float     : left;
}
.file_content .download {
  float     : left;
  margin      : 0 20px 0 0;
  padding     : 10px 0 0 0;
}
#content .file_content .info .head_link:hover{
  color:#000;
}
.file_content .head {
  display     : block;
  font-weight   : bolder;
  font-size   : 1.1em;
  padding     : 0 0 5px 0;
  color     : #313131;
}
#content .file_content div.info {
  width     : 70%;
  float     : left;
  padding     : 10px 10px 0 0;
}
#content .file_content div.info p {
  color     : #313131;
  padding     : 0 0 10px 0;
}
#content .file_content div.info p a:link, #content .file_content div.info p a:visited {
  color     : #d4303d;
  font-weight   : bolder;
  text-decoration : none;
}
#content .file_content div.info p a:hover{
  text-decoration : none;
}
.file_content.related {
  background    : #daecf6 url(../images/download_related_box_bg.png) no-repeat top left;
}
.copy_request {
  float     : right;
  padding     : 10px 0 10px 10px;
  border-left   : 1px dotted #999;
}
/*---- Lists ------------------------------------------*/
.listItem {
  width     : 590px;
  padding     : 15px 0;
  border-top    : 1px dotted #b9a2b3;
  clear     : both;
  overflow    : hidden;
}
.list_thumb {
  float     : left;
  width     : 190px;
  height      : 120px;
  margin      : 0 10px 0 0;
  padding     : 5px;
  background    : #cbd7e2;
}

.list_content {
  /*padding     : 10px 0 0 0;*/
}
#content .list_content h2 a:link, #content .list_content h2 a:visited {
  display     : block;
  color     : #a07f96;
  font-weight   : bolder;
  font-size   : 1em;
  padding     : 0 0 0 0;
  background    : none;
}
#content .date {
  display     	: block;
  color     	: #406d72;
  font-style    : italic;
  padding     	: 0 0 5px 0;
}
#content .list_content p {
  padding     	: 0 0 10px 0;
}
#content .list_content a:link, #content .list_content a:visited {
  padding     	: 0 25px 0 0;
  color     	: #a07f96;
  font-weight   : bolder;
  font-size   	: 1em;
  background    : url(../images/list_read_more.gif) no-repeat right center;
}
#content a{text-decoration:underline;}
#ditto_pages {
  padding     : 20px 0;
  border-top    : 1px dotted #b9a2b3;
}
#content #ditto_pages a {
  color     : #8b6582;
}
#content #ditto_pages a:hover {
  text-decoration : none;
}
#ditto_pages a.ditto_next_link {
  background    : url(../images/ditto_next.gif) no-repeat center right;
  padding     : 2px 25px 2px 0;
}
#ditto_pages a.ditto_previous_link {
  background    : url(../images/ditto_prev.gif) no-repeat center left;
  padding     : 2px 0 2px 25px;
  margin      : 0 10px 0 0;
}
#ditto_pages  a.ditto_page {
  margin      : 0 7px 0 0;
}
#ditto_pages   span.ditto_currentpage {
  margin      : 0 7px 0 0;
  color     : #1a1a1a;
  border-bottom : 1px solid #1a1a1a;
}
#content li.reflect_year {
  float     : left;
  display     : block;
  width     : 100px;
  min-height    : 100px;
  margin      : 0 10px 10px 0;
}
div.paging1 {
  margin      : 0 0 20px 0;
}
/*------- Comments -----------------------------------------------*/
#comments h2 {
  padding     : 15px 20px;
  margin      : 0 0 20px 0;
  border-top    : 1px dotted #808080;
  border-bottom : 1px dotted #808080;
  background    : url(../images/comment_h2_bg.png) no-repeat 150px center;
}
#comments form {
  
}
#content #comments form p{
  display     : block;
  width     : 550px;
  padding     : 0 20px 15px 20px;
}
#content #comments form p.last {
  border-top    : 1px dotted #808080;
  border-bottom : 1px dotted #808080;
  padding     : 10px 20px 10px 20px;
  overflow    : hidden;
}
#content #comments form p.last input.submit{
  /*margin-right  : 130px;*/
  float     : left; 
}
#content #comments form p.last label {
  font-size   : 12px;
  color     : #4d4d4d;
  font-weight   : normal;
}
#comments .jot-row {
  border      : none;
  margin-bottom : 10px;
  background    : #e2f0f7;
  padding     : 15px 0 15px 20px;
}
#comments .jot-row {
  border      : none;
  margin-bottom : 10px;
  background    : #e2f0f7;
}
#comments  .jot-row-alt {
  background    : #d2e8f4;
}
#comments  .jot-row-author, #comments  .jot-row-me {
  background    : #e3dae0;
}
#comments .jot-user {
  color     : #4d4d4d;
  padding     : 0;
  margin      : 0;
}
#comments .jot-user p {
  padding     : 0 0 3px 0;
}
#comments span.jot-subject {
  font-size   : 1.1em;
  color     : #4d4d4d;
  font-weight   : bolder;
  display     : block;
  margin      : 0 0 6px 0;
}
#comments .jot-poster{
  color     : #808080;
  font-size   : 0.85em;
}
#comments .jot-message {
  padding     : 2px 60px 0 0;
  overflow    : auto;
  line-height   : 1.35em;
}
.jot-posticon {
  float     : right;
  width     : 20px;
  height      : 17px;
  padding     : 5px 20px 0 0;
}
.jot-posticon img {
  margin      : 0;
  padding     : 0;
  border      : 0px;
  vertical-align  : top;
}

/*----- Cookie Policy ------*/
.cookieWrap {
  position: relative;
    background: none repeat scroll 0 0 #926D88;
    padding: 25px 0;
    width: 100%;
    overflow: hidden;
}
.cookieWrap .cookieText {
    margin: 0 auto;
    /*overflow: hidden;*/
    width: 940px;
}
.cookieWrap .cookieText h3 {
    color: #FFFFFF;
    font: 400 22px 'Kreon',Arial,sans-serif;
    margin: 0 0 15px;
}
.cookieWrap .cookieText p {
    color: #C2E2F0;
    display: block;
    float: left;
    font: 400 13px/18px Arial,sans-serif;
    /*width: 745px;*/
    margin-top: 15px;
}
.cookieWrap .cookieText p a {
    color: #FFFFFF;
    font: 700 13px Arial,sans-serif;
    text-decoration: none;
}
.cookieWrap .cookieText a.cookieButton {
    background: #80adbd;
        background: -moz-linear-gradient(top,  #CCD7E2 0%, #256280 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CCD7E2), color-stop(100%,#256280));
        background: -webkit-linear-gradient(top,  #CCD7E2 0%,#256280 100%);
        background: -o-linear-gradient(top,  #CCD7E2 0%,#256280 100%);
        background: -ms-linear-gradient(top,  #CCD7E2 0%,#256280 100%);
        background: linear-gradient(to bottom,  #CCD7E2 0%,#256280 100%);
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: right;
    font: 700 16px Arial,sans-serif;
    margin: 3px 0 0;
    padding: 10px;
    position: relative;
    text-decoration: none;
}
.cookieWrap .cookieText a.cookieButton span.normal {
    color: #C2E2F0;
}

/* ----- Search ------ */

#search {
  float     : right;
  margin      : 20px 0 0 0;
}
#ajaxSearch_form label {
  display     : none;
}
#ajaxSearch_input {
  float     : left;
  width     : 139px;
  height      : 20px;
  /*background    : url(../images/search_input_bg.png) no-repeat top left;*/
  border      : none;
  color     : #808080;
  padding     : 4px 15px;
}
#ajaxSearch_submit {
  width     : 41px;
  height      : 26px;
  background    : url(../images/search_btn_bg.png) no-repeat top left;
  border      : none;
  color     : #d4303d;
  font-weight   : bolder;
  cursor      : pointer;
}
#user_logged_in_msg {
  position    : absolute;
  top       : 95px;
  right     : 0;
  color     : #6c90a9;
}
#user_logged_in_msg p a:link, #user_logged_in_msg p a:visited {
  color     : #6c90a9;
}


/* ----- Captcha ----- */

.captcha-wrap{
  margin:30px 0;
  overflow:hidden;
}
label.captcha-title{
    color: #313131;
    display: block;
    float: left;
    font-size: 1.1em;
    font-weight: bolder;
    width: 100px; 
}
.captcha-float{
  float:left;
}
.captcha-float .captcha-image{
  width:320px;
  height:80px;
  /*padding:20px 0;*/
  text-align:center;
}
.captcha-float.captcha-image img{
  float:left;
}
.captcha-float input{
    background: #E6E6E6;
    border: medium none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: normal;
    padding: 5px;
    width: 310px;
  clear:both;
  float:left;
}

  .main-content form 
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    
    margin-bottom:10px;
  }
}

  #main-content > form > p
   {
    width : 310px;
    margin-bottom:10px;
  }

@media (max-width: 600px) {
#content .form p{
  width:100%;
}

#content .form p{
  width:100%;
}

 #content form > div {
    margin: 0 0 15px 0; 
  }
 #content form > div > label,
  legend {
    width: 100%;
    float: none;
    margin: 0 0 5px 0;
  }
 #content form > div > div,
  form > div > fieldset > div {
    width: 100%;
    float: none;
  }
 .main-content form > p,
  .main-content form  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%; 
    margin-bottom:10px;
  }

  #content .form p .spacer-label{
  display:none;
}
}

@media (max-width: 892px) {

#rightSidebar{
margin-top:40px;}

#content{
  margin-bottom:30px;
}
}

.carousel-caption p{
   font-size:14px;
}

.carousel-caption>p>a{
  color:#000; font-size:14px; font-family: sans-serif;
}

.mobile-carousel>h3{margin-top:10px; font}
.mobile-carousel>p>a{color:#000; font-size:12px;}

#map{width:100%;}

.submit{margin:20px}