root {
    display: block;
}
.yam {
    background-color: #fff;
    float: left;
    margin: -30px auto 30px;
    width: 100%;
}
.yam div.col {
    float: left;
    /*width: 331px;*/
}
.yam div.col div.featured .image1 {
    background-position: -90px 0;
    float: left;
    height: 52px;
    margin-left: 15px;
    margin-top: 50px;
    width: 52px;
}
.yam div.col div.featured .logo {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 100px;
    margin-left: 2px;
    margin-top: 30px;
    width: 100px;
}
.yam div.col div.featured .logo img {
    width: 80px;
}
.yam div.col div.featured .image3 {
    background-position: 0 0;
    float: left;
    height: 100px;
    margin-left: 15px;
    margin-top: 20px;
    width: 52px;
}
.yam div.col div.sqr a {
    color: white;
    float: left;
    font-weight: normal;
    height: 90px;
}
.yam div.col div.sqr0 .image2, .yam div.col div.sqr1 .image2, .yam div.col div.sqr2 .image2, .yam div.col div.sqr2 .image2, .yam div.col div.sqr3 .image2, .yam div.col div.sqr4 .image2, .yam div.col div.sqr5 .image2, .yam div.col div.sqr6 .image2, .yam div.col div.sqr7 .image2, .yam div.col div.sqr8 .image2, .yam div.col div.sqr9 .image2, .yam div.col div.sqr10 .image2 {
    background-position: -60px 0;
    float: left;
    height: 52px;
    margin-left: 15px;
    margin-top: 40px;
    width: 24px;
}
.yam div.col div.featured span {
    color: white;
    float: left;
    font-size: 12px;
    margin-top: 40px;
    padding-left: 5px;
    text-align: left;
    width: 195px;
}
.yam div.col div.featured {
    float: left;
    height: 148px;
    margin-top: 10px;
    width: 320px;
}
.featured > h2 {
    color: white;
    float: right;
    font-size: 18px;
    font-weight: bold;
    margin-top: 25px;
    vertical-align: middle;
    width: 220px;
}
.yam div.col a div.featured > h2 {
    color: white;
    float: left;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    width: 233px;
}
.yam div.col div.fimg {
    float: left;
    height: 148px;
    margin-right: 10px;
    margin-top: 10px;
    width: 155px;
}
.yam div.col div.sqr {
    overflow: hidden;
    display: block;
}
.yam div.col div.sqr div a img {
    width: 155px;
}
.yam div.col div.sqr {
    background: linear-gradient(45deg, rgba(250, 146, 18, 1) 0%, rgba(255, 159, 42, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 148px;
    margin-right: 10px;
    margin-top: 10px;
    width: 155px;
}
.yam div.col div.sqr0 {
    background-image: linear-gradient(to right bottom, #a35cff 0%, #c35bef 100%);
    float: left;
    height: 148px;
    margin-right: 10px;
    margin-top: 10px;
    width: 155px;
}
.yam div.col div.sqr1 {
    background: linear-gradient(45deg, rgba(250, 146, 18, 1) 0%, rgba(255, 159, 42, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 148px;
    margin-right: 10px;
    margin-top: 10px;
    width: 155px;
}
.yam div.col div.sqr2 {
    background-image: linear-gradient(to right bottom, #3abd26 0%, #09b320 100%);
    float: left;
    height: 148px;
    margin-right: 10px;
    margin-top: 10px;
    width: 155px;
}
.yam div.col div.sqr3 {
    background-image: linear-gradient(to right bottom, #bd2a2a 0%, #b32d2d 100%);
    float: left;
    height: 148px;
    margin-right: 10px;
    margin-top: 10px;
    width: 155px;
}
.yam div.col div.sqr4 {
    background-image: linear-gradient(to right bottom, #5b1abd 0%, #9930b3 100%);
    float: left;
    height: 148px;
    margin-right: 10px;
    margin-top: 10px;
    width: 155px;
}
.yam div.col div.sqr5 {
    background-image: linear-gradient(to right bottom, #bd9320 0%, #b35707 100%);
    float: left;
    height: 148px;
    margin-right: 10px;
    margin-top: 10px;
    width: 155px;
}
.yam div.col div.sqr6 {
    background-image: linear-gradient(to right bottom, #529252 0%, #529252 100%);
    float: left;
    height: 148px;
    margin-right: 10px;
    margin-top: 10px;
    width: 155px;
}
.yam div.col div.sqr7 {
    background-image: linear-gradient(to right bottom, #2c85ee 0%, #1ca4ff 100%);
    float: left;
    height: 148px;
    margin-right: 10px;
    margin-top: 10px;
    width: 155px;
}
.yam div.col div.sqr8 {
    background-image: linear-gradient(to right bottom, #bb1d48 0%, #b81c47 100%);
    float: left;
    height: 148px;
    margin-right: 10px;
    margin-top: 10px;
    width: 155px;
}
.yam div.col div.sqr9 {
    background-image: linear-gradient(to right bottom, #db542d 0%, #db542d 100%);
    float: left;
    height: 148px;
    margin-right: 10px;
    margin-top: 10px;
    width: 155px;
}
.yam div.col div.sqr10 {
    background-image: linear-gradient(to right bottom, #0a57c0 0%, #0a57c0 100%);
    display: block;
    float: left;
    height: 148px;
    margin-right: 10px;
    margin-top: 10px;
    width: 175px;
}

.yam div.col div.sqr12 {
    background-image: linear-gradient(to right bottom, #0a57c0 0%, #0a57c0 100%);
    display: block;
    float: left;
    height: 148px;
    margin-right: 10px;
    margin-top: 10px;
    width: 360px;
}

.yam div.col div.sqr13 {
    background-image: linear-gradient(to right bottom, #0a57c0 0%, #fff 100%);
    display: block;
    float: left;
    height: 148px;
    margin-right: 10px;
    margin-top: 10px;
    width: 565px;
}


.yam div.col div.sqr div.srqtext {
    background: linear-gradient(45deg, rgba(250, 146, 18, 1) 0%, rgba(255, 159, 42, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 38px;
    margin-top: 0;
    overflow: hidden;
    padding: 5px;
    text-transform: lowercase;
    width: 145px;
}
.yam div.col div.sqr div.srqtext a {
    font-size: 12px;
}
.logo {
    padding: 5px;
    text-align: center;
}
.logo span {
    color: white;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 20px 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 97px;
}
.featured-news {
    padding: 0 10px;
}
h2.featured {
    border-left: 4px solid #fa9012;
    color: #fa9012;
    font-size: 12px;
    line-height: 18px;
    margin-left: 11px;
    padding-left: 11px;
}
.yam div.col div div {
    overflow: hidden;
    width: 155px;
}
.yam div.col div p {
    background: none repeat scroll 0 0 rgb(250, 146, 18);
    color: white;
    height: 40px;
    margin: 0;
    overflow: hidden;
    padding: 1px;
    width: 153px;
}
.featured-news {
    float: left;
    width: 194px;
}
.featured-news ul {
    border: 1px solid white;
    padding-left: 10px;
}
.featured-news .story-title {
    font-size: 11px;
    height: 40px;
    line-height: 14px;
    margin-bottom: 2px;
    overflow: hidden;
}
.featured-news ul li {
    border-bottom: 1px solid #e6e6e6;
    padding: 8px 0;
    position: relative;
}
.featured-news ul li h2 a {
    color: #575757;
}
.featured-news img {
    float: right;
    margin-right: -58px;
    overflow: hidden;
    width: 60px;
}
.featured-news img {
    border: 2px solid #ffffff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.34);
    float: right;
    margin-right: 3px;
}
.featured-news h2 {
    margin: 0;
}
.story .media a.shadow {
    bottom: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) inset;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.story .media {
    position: relative;
}
.story .media img {
    width: 100%;
}
.story_second {
    border-top: 1px solid #eee;
    margin-top: 20px;
    padding-top: 20px;
    position: relative;
    text-align: justify;
}
.story_second p {
    text-align: justify;
}
.story_second .section {
    float: left;
    height: 215px;
    margin-left: 26px;
    margin-right: 0;
    padding-bottom: 10px;
    width: 170px;
}
.story_second .section .media {
    height: 86px;
    overflow: hidden;
}
.story_second .section:last-child {
    margin-right: 0;
}
.story_second .story {
    margin-right: 0;
}
.story_second .story .date {
    color: #fe7c09;
}
.story_second h4 {
    font-size: 12px;
    height: 60px;
    line-height: 16px;
    margin: 10px 0;
    overflow: hidden;
}
.story_second h4 a {
    color: #575757;
}
.story_second .story:hover h4 a {
    color: #004488;
}
.bg-gradient1 {
    background: linear-gradient(to right, #fe7c08 0%, #fa9212 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.bg-gradient2 {
    background: linear-gradient(to right, #ffb35d 0%, #ffb35d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.bg-gradient3 {
    background: linear-gradient(to right, #00fcf4 0%, #a5fffc 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.bg-gradient4 {
    background: linear-gradient(to right, #dc00ff 0%, #f4baff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.bg-gradient5 {
    background: linear-gradient(to right, #88ff00 0%, #dcffb5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.bg-gradient6 {
    background: linear-gradient(to right, #1e5799 0%, #7db9e8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.bg-gradient7 {
    background: linear-gradient(to right, #029ac9 0%, #a3bec6 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.bg-gradient8 {
    background: linear-gradient(to right, #ff6302 1%, #ffc6a3 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.bg-gradient9 {
    background: linear-gradient(to right, #f602ff 0%, #fbc1ff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.bg-gradient10 {
    background: linear-gradient(to right, #fff602 0%, #fffbc1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.bg-gradient11 {
    background: linear-gradient(to right, #4aff02 0%, #d4ffc1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.bg-gradient12 {
    background: linear-gradient(to right, #05bc01 0%, #a6baa5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.bg-gradient13 {
    background: linear-gradient(to right, #02ffe9 0%, #ccfff9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.bg-gradient14 {
    background: linear-gradient(to right, #ff2802 0%, #ffc6bc 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.bg-gradient15 {
    background: linear-gradient(to right, #02ff84 0%, #c1ffe0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.bg-gradient16 {
    background: linear-gradient(to right, #ff02bb 0%, #ffd8f4 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.bg-gradient17 {
    background: linear-gradient(to right, #ffb702 0%, #ffe8b5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.bg-gradient18 {
    background: linear-gradient(to right, #00ffd8 0%, #bcfff3 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.bg-gradient19 {
    background: linear-gradient(to right, #0087ff 0%, #aad7ff 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.bg-gradient20 {
    background: linear-gradient(to right, #1de000 0%, #b1ddaa 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.icon {
    background: url("/assets/old/images/icons.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.yam div.col a div.featured h2 {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    margin: 26px 10px;
    text-align: center;
}
.yam div.col div.yam-box {
    color: #fff;
    float: left;
    font-size: 15px;
    margin: 40px 10px 0;
    text-align: center;
    width: 95px;
}
.featured img {
    width: 320px;
}
.col > a .sqr1:hover, .col > a .sqr0:hover, .y.col > a .sqr:hover, .col > a .featured:hover {
    border-color: #ffffff;
    box-shadow: 0 0 8px 2px rgba(162, 162, 162, 0.5);
    margin: 0;
}