/*

Theme Name:Polar Science Center

*/

/* default */

html {

    height: 100%;

}



body {

    height: 100%;

    margin: 0;

    color: #333;

    font: 12px/14px Helvetica, Arial, sans-serif;

    background: #fff;

    min-width: 966px;

}



img {

    border-style: none;

}



a {

    color: #000;

    text-decoration: none;

}



a:hover {

    text-decoration: underline;

}



input,textarea,select {

    font: 100% arial,sans-serif;

    vertical-align: middle;

}



form,fieldset {

    margin: 0;

    padding: 0;

    border-style: none;

}



.holder {

    clear: both;

    width: 100%;

    overflow: hidden;

}



.hidden {

    display: none;

}



h1,h2,h3,h4,h5,h6 {

    font-family: Helvetica, sans-serif;

}



/* wrapper */

#wrapper {

    min-height: 100%;

    width:1200px;

    margin: 0 auto;

}



* html #wrapper {

    height: 100%;

}



/* wrapper-holder */

.wrapper-holder {

    width:1200px;

    margin: 0 0 70px;

}



/* wrapper-frame */

.wrapper-frame {

    position: relative;

    width:1200px;

    padding: 122px 0 20px;

}



/* header */

#header {

    position: absolute;

    top: 0;

    width:1200px;

    height: 120px;

}



.home #header {

    height:417px;

    background: #fff;

}



.home .wrapper-frame {

    padding-top:513px;

    padding-bottom:8px;

}



#header img {

    display: block;

}



#header .info {

    overflow: hidden;

    padding: 0 16px 0 0;

    background: #699;

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2Njk5OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

    background: -moz-linear-gradient(left,  #ffffff 0%, #669999 100%);

    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#669999));

    background: -webkit-linear-gradient(left,  #ffffff 0%,#669999 100%);

    background: -o-linear-gradient(left,  #ffffff 0%,#669999 100%);

    background: -ms-linear-gradient(left,  #ffffff 0%,#669999 100%);

    background: linear-gradient(to right,  #ffffff 0%,#669999 100%);

}



/* logo */

#header .logo {

    background: url(images/logo.png) no-repeat;

    width:649px;

    height:64px;

    float: left;

    overflow: hidden;

}



#header .logo a {

    position: relative;

    display: block;

    height: 100%;

    text-indent: -9999px;

}



/* logo-apl */

#header .logo-apl {

    background: url(images/logo-apl-2.png) no-repeat;

    float: right;

    height: 42px;

    width: 52px;

    margin: 7px 0 0;

    overflow: hidden;

    text-indent: -9999px;

}



.home #header .logo-apl {

    background: url(images/logo-apl-2.png) no-repeat;

    width:60px;

    height:44px;

    margin:11px 0 0;

}



#header .logo-apl a {

    position: relative;

    display: block;

    height: 100%;

}



/* nav-holder */

#header .nav-holder {

    clear: both;

    width: 100%;

    background: #324044;

    border-top: 1px solid #fff;

    border-bottom: 1px solid #a4a4a4;

    margin:3px 0;

    position: relative;

    z-index: 100;

    font-family: Arial,Helvetica,sans-serif;

}



#header .nav-holder:after {

    clear: both;

    display: block;

    content: "";

}



/* search-form */

.search-form {

    margin:15px 23px 0 11px;

    float:right;

    display: inline;

    position: relative;

}



.search-form fieldset {

    float: left;

    position: relative;

}



.search-form legend {

    display: none;

}



.search-form p.search {

    float: left;

    margin: 0;

    position: relative;

}



.search-form .text {

    float: left;

    width: 169px;

    border: 1px solid #606060;

    background: #fff;

    padding: 1px 5px;

    font: 12px Arial,Helvetica,sans-serif;

    margin: 0 8px 0 0;

}



.search-form .submit {

    float: left;

    width: 95px;

    height: 18px;

    border: 0;

    padding: 0;

    margin: 0;

    cursor: pointer;

    font: 12px Arial,Helvetica,sans-serif;

    color: #000;

    background: url(images/btn-search.png) no-repeat;

}



/* nav */

#nav {

    float: left;

    margin: 0;

    padding: 0 0 0 9px;

    list-style: none;

}



#nav li {

    float: left;

    font-size: 16px;

    line-height: 18px;

    position: relative;

    margin:0 6px ;

}



#nav li a {

    color: #fff;

    float: left;

    padding:16px 12px;

}



#nav li.hover a,

#nav li:hover a,

#nav li.current-menu-item a,

#nav li.current-menu-ancestor a,

#nav li a:hover {

    text-decoration: none;

    background: url(images/bg-gradient.png) repeat-x;

}



#nav li.hover .drop,#nav li:hover .drop {

    top:100%;

}



#nav li.hover .drop .drop,#nav li:hover .drop .drop {

    top: -9999px;

}



#nav li.hover .drop li.hover .drop,#nav li:hover .drop li:hover .drop {

    top: 0;

}



* html #nav li a {

    padding: 8px 10px;

}



/* drop */

#nav .drop {

    position: absolute;

    top: -9999px;

    left: 0;

    width: 999px;



}

#nav .drop ul:after{
	display:block;
	clear:both;
	content:'';
}
#nav .drop .col{
	float: left;
}

#nav>li>.drop{padding:4px 0 0;}

#nav .drop> div {

    float: left;

    background: #e0f8fe;

}



#nav .drop ul {

    margin: 0;

    padding: 5px 0;

    list-style: none;

}



#nav .drop ul .drop {

    top: 0;

    left: 100%;

    padding:0 0 0 4px;

}



#nav .drop ul li {

    float: none;

    font-size: 0;

    line-height: 0;

    margin: 0 0 -1px;

    padding: 0 0 1px;

}



#nav li.hover .drop li.hover .drop a,

#nav li:hover .drop li:hover .drop a,

#nav li.hover ul .drop a,

#nav li:hover ul .drop a,

#nav li.hover ul a,

#nav li:hover ul a,

#nav .drop ul li a {

    float: none;

    width:100% !important;

    display: block;

    color: #444;

    background: none;

    padding: 3px 14px;

    font: 13px/23px Arial,Helvetica,sans-serif;

    font-weight: normal !important;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



#nav li.hover .drop li.hover .drop a:hover,#nav li:hover .drop li:hover .drop a:hover,#nav li.hover .drop li.hover a,#nav li:hover .drop li:hover a,#nav li.hover ul .drop a:hover,#nav li:hover ul .drop a:hover,#nav li.hover ul a:hover,#nav li:hover ul a:hover,#nav .drop ul li a:hover {

    background: #485f73;

    color: #fff;

    font-weight: normal !important;

}



/* main */

#main {

    overflow: hidden;

    position: relative;

    border-left:2px solid #5da6a6;

    border-right:2px solid #5da6a6;

}

.home #main{border:0;}

#header .breadcrumbs {

    margin: 4px 0 0 20px;

    padding: 0;

    list-style: none;

    overflow: hidden;

    float: left;

    display: inline;

    position: relative;

    font-family: Arial,Helvetica,sans-serif;

}



#header .breadcrumbs li {

    float: left;

    display: inline;

    margin: 0 0 0 -7px;

    padding: 0 11px 0 7px;

    position: relative;

    font-size: 12px;

    line-height: 16px;

    font-weight: bold;

    color: #036;

    background: url(images/separator-breadcrumbs.gif) no-repeat 0 2px;

}



* html #header .breadcrumbs li {

    padding: 0 7px;

    background: url(images/separator-breadcrumbs.gif) no-repeat 0 100%;

}



#header .breadcrumbs span {

    float: left;

    position: relative;

}



#header .breadcrumbs a {

    color: #036;

    position: relative;

    float: left;

    text-decoration: none;

}



#header .breadcrumbs a:hover {

    text-decoration: none;

    border-bottom: 1px solid #036;

}

#main .breadcrumbs{

    padding:10px 0 10px;

    margin:0;

    list-style:none;

    overflow:hidden;

}

#main .breadcrumbs li{

    float:left;

    position:relative;

    font-weight:bold;

    margin:0 0 0px 15px ;

    color:#324044;

}

#main .breadcrumbs li+li{margin-left:10px;}

#main .breadcrumbs li+li:after{

    content:'';

    position:absolute;

    bottom:3px;

    left:-5px;

    width:3px;

    height:3px;

    border-radius:50%;

    background:#324044;

}

#main .breadcrumbs span{text-decoration:underline;}

/* content */

.home #content {

    float: right;

    width: 718px;

    padding: 5px 20px 0 0;

}



#content {

    float: left;

    width:940px;

    padding: 0 10px 0 20px;

    margin: 0;

    overflow: hidden;

}



#content h1 {

    font:bold 24px/26px Helvetica, Arial, sans-serif;

    line-height: 26px;

    color: #485f73;

    padding: 15px 0 4px 12px;

    margin: 0 0 13px 2px;

    overflow: hidden;

    height: 1%;

/*    background: url(images/bg-heading.jpg) no-repeat 0 100%; */

}



#content h2 {

    font:bold 20px/22px Helvetica, Arial, sans-serif;

    color: #485f73;

    padding: 0 0 0px 0px;

    margin:0 0 10px 12px;

    overflow: hidden;

    height: 1%;

/*    background: url(images/bg-heading.jpg) no-repeat 0 100%; */

}



#content h1 a,#content h2 a,#content h3 a {

    text-decoration: none;

    color: #036;

    float: left;

    padding: 0 0 1px;

}



#content h1 a:hover,#content h2 a:hover,#content h3 a:hover {

    text-decoration: none;

    border-bottom: 1px solid #036;

    padding: 0;

}



#content h3 a,#content h3 {

    font-size: 18px;

    line-height: 22px;

    color: #036;

    margin: 0 0 20px;

    overflow: hidden;

    height: 1%;

}



#content h4 {

    font-size: 16px;

    line-height: 20px;

    color: #036;

    margin: 0 0 20px;

}



#content h5 {

    font-size: 14px;

    line-height: 17px;

    color: #036;

    margin: 0 0 20px;

}



#content h6 {

    font-size: 13px;

    line-height: 16px;

    color: #036;

    margin: 0 0 20px;

}



#content ul {

    margin: 0 0 0 24px;

    padding: 20px 0;

}



#content dl {

    margin: 0 0 0 24px;

    padding: 20px 0 0;

}



#content .block {

    height: 1%;

    overflow: hidden;

    margin: 0 0 13px;

    padding: 0 16px;

    clear: both;

}

#content .block .img-area{

    float:left;

    border:1px solid #757575;

    margin:0 18px 10px 0 ;

}

#content .block .img-area img{

    vertical-align:top;

    margin:0;



}

.search #content .block {

    margin: 0;

}



#content .alignleft {

    float: left;

    margin: 2px 18px 0 0;

}



#content .alignleft img {

    display: block;

}



* html #content .alignleft {

    margin: 2px 15px 0 0;

}



#content .block .text {

    overflow: hidden;

    height: 1%;

    font-size: 14px;

    line-height: 20px;

    color: #333;

    margin: 4px 0 0;

}



.home #content .block .text {

    line-height: 24px;

}



#content .text .heading {

    font-family: Helvetica, sans-serif;

}



#content .text .heading {

    width: 100%;

    margin: 0 0 6px;

    color: #036;

    font-size: 20px;

    line-height: 24px;

    display: inline-block;

}



#content .text .heading a {

    float: left;

    padding: 0 0 1px;

    color: #036;

}



#content .text .heading a:hover {

    text-decoration: none;

    border-bottom: 1px solid #036;

    padding: 0;

}



#content .text .list {

    margin: 0;

    padding: 0;

    list-style: none;

    width: 100%;

    overflow: hidden;

}



#content .text .list li {

    overflow: hidden;

    height: 1%;

    font-size: 14px;

    line-height: 18px;

    color: #333;

    padding: 0 0 0px 12px;

    background: url(images/separator-list.gif) no-repeat 0 5px;

}



.home #content .text .list li {

    font-size: 16px;

    line-height: 19px;

    padding: 0 0 7px 15px;

}



#content .text .list a {

    color: #333;

}



#content .block .text p {

    margin: 0;

    padding-bottom: 12px;

}



#content .block .text p a {

    color: #0099cc;

    font-family: Helvetica, Arial, sans-serif;

}



#content .block .text td a {

    color: #0099cc;

    font-family: Helvetica, Arial, sans-serif;

}



#content .boxes {

    margin: 0 -100px 20px 0;

    padding: 0 0 14px 6px;

    list-style: none;

    width: 800px;

    overflow: hidden;

    position: relative;

}



.home #content .boxes {

    padding: 0 0 0 12px;

}



#content .boxes li {

    vertical-align: top;

    display: inline-block;

    width: 680px;

    padding: 0 22px 11px 6px;

}



.home #content .boxes li {

    vertical-align: top;

    display: inline-block;

    width: 680px;

    padding: 0 22px 37px 0;

}



* html #content .boxes li {

    display: inline;

}



* html .home #content .boxes li {

    display: inline;

}



* + html #content .boxes li {

    display: inline;

}



* + html .home #content .boxes li {

    display: inline;

}



#content .boxes .alignleft {

    float: left;

    margin: 0 12px 0 0;

}



#content .boxes .alignleft img {

    display: block;

    border: 1px solid #919191;

}



* html #content .boxes .alignleft {

    margin: 0 9px 0 0;

}



#content .boxes .text {

    overflow: hidden;

    height: 1%;

    font-size: 14px;

    line-height: 20px;

    color: #333;

}



.home #content .boxes .text {

    line-height: 24px;

}



#content .boxes h3,#content .boxes .text h3 a {

    font-family: Helvetica, sans-serif;

    color: #036;

    font-size: 16px;

    line-height: 19px;

    margin: 0 0 3px;

}



#content .boxes p {

    margin: 0;

}



#content .boxes .text a,#content .boxes p a {

    color: #0099cc;

    font-size: 12px;

    font-family: Helvetica,sans-serif;

}



#content img {

    float: left;

    margin: 0 14px 10px 0;

}


#content .text h1 {

   margin-left: 0;
   padding-left: 0;
}

#content .text h2 {

    margin-left: 0;

}



/* sidebar */

.home #sidebar {

    float: left;

    width: 182px;

    padding: 0 0 0 16px;

}



#sidebar {

    float: right;

    padding: 20px 17px 0 0;

    width:201px;

}

#sidebar .widget{margin:15px 0;}

#sidebar .widget .head{

    background:#699;

    padding:10px 15px 7px;

    margin: 10px 0 0 0;

}

#sidebar .widget h2{

    text-transform:uppercase;

    font:16px/18px Helvetica, Arial, sans-serif;

    margin:0;

}

#sidebar .widget .text{

    background:#485f73;

    padding:15px 14px;

    min-height:111px;

    font-size:12px;

    line-height:14px;

    color:#fff;

}

#sidebar .widget .text p{margin:0 0 10px;}

#sidebar .widget a{color:#eb6728;}

#sidebar .block {

    width: 182px;

    margin: 0 0 14px;

    background: url(images/bg-block.gif) repeat-y -182px 0;

}



#sidebar .block .block-holder {

    width: 182px;

    background: url(images/bg-block.gif) no-repeat;

}



#sidebar .block .block-frame {

    width: 160px;

    overflow: hidden;

    padding: 10px 9px 32px 13px;

    color: #333;

    font: 12px/16px Arial,Helvetica,sans-serif;

    background: url(images/bg-block.gif) no-repeat -364px 100%;

}



* html #sidebar .block .block-frame {

    padding: 5px 9px 32px 13px;

}



#sidebar h2 {

    color: #fff;

    margin: 0 0 25px;

    font-size: 16px;

    line-height: 19px;

}



#sidebar h3 {

    color: #fff;

    margin: 0 0 25px;

    font-size: 14px;

    line-height: 17px;

    height: 20px;

}



#sidebar h4 {

    color: #fff;

    margin: 0 0 25px;

    font-size: 13px;

    line-height: 16px;

}



#sidebar h5 {

    color: #fff;

    margin: 0 0 25px;

    font-size: 12px;

    line-height: 15px;

}



#sidebar h6 {

    color: #fff;

    margin: 0 0 25px;

    font-size: 11px;

    line-height: 14px;

}



#sidebar p {

    margin: -10px 0px 0px 0px;

}



#sidebar a {

    color: #1b5db8;

}



#sidebar ul {

    margin:-15px -14px;

    padding: 0;

    list-style: none;

    position: relative;

    overflow: hidden;

}



#sidebar ul li {

    width: 100%;

    float: left;

}



#sidebar ul a {

    display: block;

    height: 1%;

    padding: 5px 5px 5px 29px;

    color: #333;

    font-size: 13px;

    line-height: 22px;

    text-decoration: none;

    background: url(images/separator-nav.gif) no-repeat 15px 50%;

}



#sidebar ul a:hover {

    text-decoration: none;

    color: #fff;

    background: #7095b2 url(images/separator-nav-hover.gif) no-repeat 15px 50%;



}



/* footer */

#footer {

    width:1200px;

    margin: -70px auto 0;

    height: 70px;

    font-size: 12px;

    line-height: 16px;

    text-align: center;

    color: #262626;

    overflow:hidden;

    position:relative;

}

#footer  .social-networks{

    position:absolute;

    top:0;

    right:19px;

    padding:0;

    margin:0;

    list-style:none;

}

#footer  .social-networks li{

    float:left;

    margin:0 0 0 9px;

}

#footer  .social-networks a{

    display:block;

    text-indent:-9999px;

    overflow:hidden;

    width:60px;

    height:60px;

}

#footer  .social-networks .twitter a{

    background: #7095b2 url(images/bg-social.png) no-repeat;

}

#footer  .social-networks .facebook a{

    background: #7095b2 url(images/bg-social.png) no-repeat -69px 0;

}

#footer  .footer-holder{

    overflow:hidden;

    max-width:470px;

    margin:0 auto;

    padding:8px 0 0;

}

#footer p {

    margin: 0;

}



#footer p a {

    color: #333;

}

.slideshow {

    position: relative;

    width:100%;

    height: 385px;

    position: relative;

    overflow:hidden;

}

.slideshow .slide {

    position: absolute;

    z-index: 1;

    left: 0;

    top: 0;

    width:100%;

}

.slideshow .slide.active {

    z-index: 2;

}

.slideshow.not-enough-slides a.btn-prev,

.slideshow.not-enough-slides a.btn-next {

    visibility: hidden;

}

.slideshow .btn-holder{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

}

.slideshow  a.btn-prev,

.slideshow  a.btn-next{

    position:absolute;

    margin:-25px 0 0;

    top:50%;

    left:20px;

    width:50px;

    height:50px;

    background:url(images/bg-btn.png);

    z-index:10;

    color:#fff;

    font-size:40px;

    text-align:center;

}

.slideshow  a.btn-next{

    left:auto;

    right:20px;

}

.slideshow  a.btn-prev:hover,

.slideshow  a.btn-next:hover{background:#000;}

.slideshow  .btn-holder  .fa{line-height:50px;}

.slideshow   img {

    display:block;

    width:100%;

    height:auto;

}

.slideshow .pagination{

    position:absolute;

    z-index:10;

    bottom:10px;

    left:0;

    width:100%;

    height:10px;

}

.slideshow .pagination ul{

    padding:0;

    margin:0;

    list-style:none;

    line-height:-4px;

    font-size:0;

    line-height:0;

    text-align:center;

}

.slideshow .pagination li{

    display:inline-block;

    vertical-align:top;

    margin:0 6px;

}

.slideshow .pagination a{

    display:block;

    width:11px;

    height:11px;

    border-radius:50%;

    background:#fff;

    opacity:0.5;

    filter: alpha(opacity=50);

}

.slideshow .pagination a:hover,

.slideshow .pagination .active a{opacity:1;}

#commentform fieldset {

    margin: 0;

    padding: 10px;

    border-width: 0;

}



#respond,#comments {

    width: 100%;

}



#comments {

    margin: 20px 0 0;

}



#comments ol li {

    margin: 16px 0 0;

}



#respond textarea,#respond input {

    border: 1px solid #666;

}



#respond textarea {

    margin: 0;

    width: 430px;

}



#respond input {

    width: 160px;

    margin-bottom: 6px;

}



#respond input#submit {

    margin: 2px 0 0;

    width: 140px;

}



#paging {

    list-style-type: none;

}



/*** PERSON TABLE ***/

table.person {

    border-collapse: collapse;

    margin: 0px;

    background: none;

}



table.person td {

    border: none;

    padding: 5px;

    background: none;

    width: 175px;

}



table.person td a.name, table.person td p.name {

    font-family: Verdana,Arial,sans-serif;

    font-weight: bold;

    font-size: 14px;

    line-height: 6px;

    color: #0B7ED7;

    text-decoration: none;

    white-space: nowrap;

    display: block;

    padding: 0 0 10px;

}



table.person td a.name:hover {

    text-decoration: underline;

}



table.person td p.title {

    font-size: 12px;

    line-height: 14px;

    color: #92581E;

    padding: 0px;

}



table.person td p.email {

    font-size: 12px;

    line-height: 6px;

    color: #9B8C7E;

    display: block;

}



table.person td p.phone {

    font-size: 12px;

    line-height: 6px;

    color: #9B8C7E;

    padding: 0px;

}



table.person td img.portrait {

    border: solid 1px #003366;

    display: block;

    margin-top: 26px;

    margin-bottom: 0px;

    width: 76px;

    height: 100px;

}



img.largePortrait {

    border: solid 1px #003366;

    display: block;

    padding: 10px;

}



/*** STAFF PAGES ***/

.caption {

    display: block;

    font-size: 11px;

    font-style: italic;

    color: #777;

    text-align: left;

    padding: 5px 0px;

}



#content .panel h2 {

    background: none;

    height: auto;

    color: white;

    padding: 0;

}



.monoslideshow {

    margin: 0 0 20px;

}



.page-template-tl-nosidebar-php #content {

    width: 97%;

}



.search-form2 {

    display: block;

    width: 100%;

    overflow: hidden;

    color: #036;

}



.search-form2 p {

    margin: 0;

}



.search-form2 p.search {

    width: 100%;

    overflow: hidden;

    padding: 0;

    margin: 0 0 5px;

    height: 26px;

    background: url(images/bg-search.gif) no-repeat;

}



#content .search-form2 .search .text {

    float: left;

    width: 296px;

    margin: 0 11px 0 0;

    padding: 3px 10px;

    font: 14px Arial,Helvetica,sans-serif;

    color: #333;

    background: none;

    border: 0;

    height: auto !important;

}



.search-form2 .submit {

    float: left;

    width: 93px;

    height: 18px;

    margin: 3px 0 0;

    padding: 0;

    background: url(images/btn-search-2.gif) no-repeat;

    border: 0;

    cursor: pointer;

    font-size: 0;

    line-height: 0;

    text-indent: -9999px;

}



#content .search-form2 .heading {

    font: bold 12px/16px Helvetica,Arial,sans-serif;

    color: #036;

    display: block;

}



#content div.navigation {

    margin: 0;

}

.columns-holder{

    overflow:hidden;

    margin:0 -2px;

}

.columns-holder .column{

    float:left;

    width:50%;

    padding:0 2px 4px;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

.columns-holder .head{

    background:#699;

    padding:13px 20px 12px;

}

.columns-holder h2,

.box-holder h2{

    font:28px/30px Verdana, Arial, sans-serif;

    color:#fff;

    text-transform:uppercase;

    margin:0;

}

.box-holder h2{

    font-size:22px;

    line-height:24px;

}

.columns-holder .col{

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    padding:7px 5px;

    background:#485f73;

    color:#fff;

}

.columns-holder .col-holder{

    height:434px;

    overflow-y:scroll;

    padding:16px 25px 16px 15px;

}

.columns-holder .posts-list{

    padding:0;

    margin:0;

    list-style:none;

}

.columns-holder .posts-list li{

    padding:0 0 7px;

    color:#ccc;

    font-size:16px;

    line-height:26px;

    overflow:hidden;

}

.columns-holder .posts-list .img-area{

    float:left;

    width:80px;

    margin:4px 20px 10px;

}

.columns-holder .posts-list .img-area img{

    display:block;

    width:100%;

    height:auto;

}

.columns-holder .posts-list .text{overflow:hidden;}

.columns-holder .posts-list p{margin:0 0 10px;}

.columns-holder .posts-list h3{

    font:bold 18px/20px Arial, Helvetica, sans-serif;

    color:#fff;

    margin:0 0 5px;

}



.columns-holder a{color:#fff;}



.box-holder a{color:#eb6728;}



.box-holder{

    overflow:hidden;

    margin:4px -4px 4px -2px;

}

.box-holder .box{

    float:left;

    width:33.3%;

    padding:0 2px;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

.box-holder .head{

    background:#5da6a6;

    padding:14px 20px 16px;

}



/* Footer boxes */



.box-holder .text{

    background:#324044;

    color:#fff;

    font-weight:300;

    overflow:hidden;

    padding:18px 20px;

    font-size:14px;

    line-height:20px;

}



.box-holder .popular-resources-list{

    padding:0;

    margin:0;

    list-style:none;

    float:left;

    width:100%;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



.box-holder .box-list{

    padding:0;

    margin:0;

    list-style:none;

    float:left;

    width:50%;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



#content .news-list{

    padding:9px 0 0;

    margin:0;

    list-style:none;

    width:75%;

}

#content .news-list li{

    overflow:hidden;

    padding:0 0 10px;

}

#content .news-list .img-area{

    float:left;

    border:1px solid #757575;

    margin:0 10px 7px 0;

}

#content .news-list .img-area img{vertical-align:top;}

#content .news-list .text{margin:0;}

#content .news-list .text h3,

#content .news-list .text h3  a{

    font:bold 16px/15px Helvetica, Arial, sans-serif;

    color:#324044;

    margin:0 0 2px;

}

#content .news-list .text h3 a{

    margin:0;

}

#content .news-list .text p{margin:0 0 10px;}

#content .news-list .text p a{color:#eb6728 !important;}




#content .bioboxes li {

    vertical-align: top;

    display: inline-block;

    width: 30%;

    padding: 0 5px 15px 5px;

    margin-right: 20px;	

    margin-bottom: 20px;

    margin-top: -30px;

}

#content .biotext {

    font-size: 12px;
    line-height: 12px;
    margin-top: -10px; 
    margin-left: -20px;
    margin-right: 10px;
 }

* html #content .boxes .bioalignleft {

    margin: 0 0px 0 0;

}