﻿/*
@font-face {
    font-family: officinasanitc-medium;
    src: url(../fonts/officinasanitc-medium.ttf);
}

@font-face {
    font-family: officinasanitc-extrabold;
    src: url(../fonts/officinasanitc-extrabold.ttf);
}
*/

@charset "utf-8";

@font-face {
 font-family: officinasanitc-extrabold;
    src: url('../fonts/officinasanitc-extrabold-webfont.eot');
    src: url('../fonts/officinasanitc-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/officinasanitc-extrabold-webfont.woff') format('woff'),
         url('../fonts/officinasanitc-extrabold-webfont.ttf') format('truetype'),
         url('../fonts/officinasanitc-extrabold-webfont.svg#officinasanitcextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
 font-family: officinasanitc-medium;
    src: url('../fonts/officinasanitc-medium-webfont.eot');
    src: url('../fonts/officinasanitc-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/officinasanitc-medium-webfont.woff') format('woff'),
         url('../fonts/officinasanitc-medium-webfont.ttf') format('truetype'),
         url('../fonts/officinasanitc-medium-webfont.svg#officinasanitcmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
 font-family: officinasanitc-black;
 src: url('../fonts/officina_san_itc_black.eot');
 src: url('../fonts/officina_san_itc_black.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/officina_san_itc_black.woff') format('woff'),  
  url('../fonts/officina_san_itc_black.ttf') format('truetype'),  
  url('../fonts/officina_san_itc_black.svg#OfficinaSanITCBlackRegular') format('svg');
}

body {  
    padding: 0;
    margin: 0;
}

body * {
    font-family: Verdana;
    font-size: 14px;
}

/* Override Scholastic CSS */
#universal #uNav7 li a span {
    font-size: 11px !important;
}
#universal a {
    font-size: 11px !important;
}
#universal4o #universal #universal-account {
    font-size: 11px !important;
}
#universal4o-dd7 ul a {
    font-size: 11px !important;
}

#universal4o-dd7 ul a:hover {
    font-size: 11px !important;
}
/* Override Scholastic CSS */

#page-wrapper {
    width: 960px;
    padding: 0;
    border-top: 10px solid #24b3c3;
    background: #fff;
    margin-left:-20px;
    /*margin: auto;*/
}

.park#page-wrapper  {
    border-top: 10px solid #24b3c3;
}

.pet#page-wrapper  {
    border-top: 10px solid #912b8d;
}

.music#page-wrapper  {
    border-top: 10px solid #e91b40;
}

.tech#page-wrapper  {
    border-top: 10px solid #f5c225;
}

#info-text .anc-left {
    width: 329px;
    float: left;
}

.cleardiv {
    clear: both;
}

/**
 * Header
 */

#header-container {
    margin: 15px 0 2px 0;
    width: 100%;
}

#logo {
    float: left;
}

#logo img {
    border: none;
}

#expert-logo {
    margin-left: 188px;
}

#nav-bar {
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 52px;
}

#nav-bar > li {
    display: inline-block;
    line-height: 13px;
    border-right: 1px solid #000;
    padding: 0 10px;
}

#nav-bar > li a {
    text-decoration: none;
    font-family: officinasanitc-medium;
    font-weight: normal;
    font-size: 14px;
    color: #000;
    display: block;
}

#nav-bar > li:hover a,
#nav-bar > li.active a {            
    cursor: pointer;
    font-family: officinasanitc-extrabold;
    color: #24b3c3;
}

.pet #nav-bar > li:hover a {
    color: #912b8d;
}

.music #nav-bar > li:hover a {
    color: #e91b40;
}

.tech #nav-bar > li:hover a {
    color: #f5c225;
}

#nav-bar > li:last-of-type {
    border-right: none;
}

#nav-bar > li a img {
    border: none;
}
                
/**
 * Footer
 */

#footer-container {
    background: #f0f0f0;
}

#footer-container.push-top {
    margin-top: 40px;
}

#footer {
    padding: 20px 30px;
}

#footer p {    
    font-size: 10px;    
    padding: 0;
    margin: 0;    
}