@charset "utf-8";

@import url("../css/fonts.css");

@import url("../css/reset.css");

body {
    background: url(../images/bg.jpg) repeat-y center top;
    font-family: 'DbAdmanX';
    text-align: left;
}
/* Top Cargo */
#top-cargo {
    /*width: 100%;*/
    height: 51px;
    /*background:url(../images/top-bg.png) repeat;*/
    background-color: rgba(57, 56,56,0.7);
    background-color: #393838;
    opacity: 0.7;
    /* works for IE 8. */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#top-cargo-content {
    width: 980px;
    height: 37px;
    padding-left: 17px;
    padding-top: 14px;
}

#top-menu-cargo {
    float: left;
    width: 698px;
    height: 18px;
    padding-top: 5px;
}

#top-menu-cargo span {
    display: block;
    float: left;
    font-family: 'DbAdmanX';
    font-size: 12pt;
    color: #bababa;
    padding-left: 4px;
    padding-right: 4px;
}

#top-menu-cargo li {
    display: block;
    float: left;
    font-family: 'DbAdmanX';
    font-size: 12pt;
    color: #ffffff;
    padding-left: 4px;
    padding-right: 4px;
    cursor: pointer;
}

#top-menu-cargo li:hover {
    color: #bababa;
}

#search-cargo {
    float: left;
    width: 179px;
    height: 23px;
}

#search-cargo input {
    border: none;
    width: 117px;
    height: 23px;
    text-align: right;
    padding-right: 30px;
    padding-left: 5px;
    font-family: 'DbAdmanX';
    font-size: 10pt;
    color: #bababa;
}

#language-cargo {
    float: left;
}

#language-cargo li {
    display: block;
    float: left;
    width: 29px;
    height: 23px;
    cursor: pointer;
}/* Center Cargo */#center-cargo {
    /*width: 100%;*/
}

#center-cargo-content {
    width: 997px;
}

#main-logo {
    position: absolute;
    padding-left: 19px;
    top: 65px;
    width: 171px;
    height: 52px;
    z-index: 5;
}

#content-panel {
    width: 997px;
    height: 607px;
}

#content-panel-cargo {
    width: 997px;
    height: auto;
    padding-top: 62px;
    background: #000000;
    text-align: left;
}

#content-panel-gray-cargo {
    width: 997px;
    height: auto;
    padding-top: 62px;
    background: #a8a4a0;
}

#main-banner {
    position: absolute;
    width: 997px;
    height: 607px;
    overflow: hidden;
    top: 110px;
}

#main-banner-content {
    position: relative;
    width: 9999px;
    /*height:607px;*/
    height: 459px;
    overflow: hidden;
}

#main-banner-content img {
    float: left;
}

#main-banner-content-new {
    position: relative;
    width: 9999px;
    height: 459px;
    overflow: hidden;
}

#main-banner-content-new img {
    float: left;
}

#center-menu-cargo {
    position: absolute;
    top: 51px;
    width: 997px;
    height: 62px;
    font-family: 'DbAdmanX';
    font-size: 17px;
    z-index: 9999;
    /*background:#303030;*/
    background-color: #9f9f9f;
}

#center-menu-cargo a {
    float: left;
}/*#center-menu-cargo li:hover{	height:28px;	padding-top:8px;	font-size:17pt;}*/.bg-red {
    background: #a71f32;
}

.bg-orange {
    background: #f04d23;
}

.bg-blue {
    background: #19aae1;
}

.bg-pink {
    background: #ef3b86;
}

.bg-green {
    background: #36aa17;
}

#main-banner-copy {
    /*top:439px;*/
    top: 377px;
    position: absolute;
    background: url(../images/main-banner-copy-bg.png) repeat;
    width: 997px;
    height: 82px;
    color: #c2c2c2;
    z-index: 5;
    overflow: hidden;
}

#main-banner-copy-content {
    top: 0px;
    position: absolute;
    width: 997px;
    height: 9999px;
    text-align: left;
}

#main-banner-copy header {
    font-size: 28pt;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: 'DbAdmanX';
    text-align: left;
}

#main-banner-copy label {
    font-size: 22pt;
    padding-left: 30px;
    font-family: 'DbAdmanX';
    text-align: left;
}

#main-banner-copy-new {
    top: 377px;
    position: absolute;
    background: url(../images/main-banner-copy-bg.png) repeat;
    width: 997px;
    height: 82px;
    color: #c2c2c2;
    z-index: 5;
    overflow: hidden;
}

#main-banner-copy-new header {
    font-size: 28pt;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: 'DbAdmanX';
    text-align: left;
}

#main-banner-copy-new label {
    font-size: 22pt;
    padding-left: 30px;
    font-family: 'DbAdmanX';
    text-align: left;
}

#nav-arrow-cargo {
    position: absolute;
    /*top:273px;*/
    top: 215px;
    left: 23px;
    width: 951px;
    height: 35px;
    z-index: 5;
}

#previous-arrow-cargo {
    display: none;
    float: left;
    background: url(../images/previous-arrow.png) no-repeat;
    width: 35px;
    height: 35px;
    cursor: pointer;
}

#next-arrow-cargo {
    float: right;
    background: url(../images/next-arrow.png) no-repeat;
    width: 35px;
    height: 35px;
    cursor: pointer;
}

#highlight-cargo {
    position: absolute;
    top: 482px;
    width: 997px;
    height: 165px;
    z-index: 10;
    overflow: hidden;
    text-align: left;
}

#highlight-cargo-content {
    position: absolute;
    top: 100px;
    left: 23px;
    width: 951px;
    height: 165px;
    background: #262626;
}

.highlight-head {
    width: 237px;
    height: 65px;
    background: #303030;
}

#highlight-tab-1 {
    left: 0px;
    position: absolute;
    top: 0px;
    height: 165px;
    width: 237px;
    cursor: pointer;
}

#highlight-tab-2 {
    left: 238px;
    position: absolute;
    top: 0px;
    height: 165px;
    width: 237px;
    cursor: pointer;
}

#highlight-tab-3 {
    left: 476px;
    position: absolute;
    top: 0px;
    height: 165px;
    width: 237px;
    cursor: pointer;
}

#highlight-tab-4 {
    left: 714px;
    position: absolute;
    top: 0px;
    height: 165px;
    width: 237px;
    cursor: pointer;
}

#highlight-tab-1 img, #highlight-tab-2 img, #highlight-tab-3 img, #highlight-tab-4 img {
    float: left;
}

#highlight-tab-1 ul, #highlight-tab-2 ul, #highlight-tab-3 ul, #highlight-tab-4 ul {
    float: left;
    padding: 12px 12px 0 16px;
}

#highlight-tab-1 li, #highlight-tab-2 li, #highlight-tab-3 li, #highlight-tab-4 li {
    display: block;
    height: 22px;
}

#highlight-tab-1 label, #highlight-tab-2 label, #highlight-tab-3 label, #highlight-tab-4 label {
    float: left;
    width: 202px;
    cursor: pointer;
}

.highlight-line {
    height: 1px;
    width: 237px;
    background: #262626;
}

.highlight-desc {
    width: 207px;
    height: 54px;
    padding-left: 15px;
    padding-top: 10px;
    padding-right: 15px;
}

.highlight-more {
    width: 225px;
    height: 26px;
    padding-left: 12px;
    padding-top: 12px;
}

.white {
    font-family: 'DbAdmanX';
    font-size: 14px;
    color: #ffffff;
}

.gray {
    font-family: 'DbAdmanX';
    font-size: 15px;
    color: #c2c2c2;
}

.darkgray {
    font-family: 'DbAdmanX';
    font-size: 15px;
    color: #171111;
}

.red {
    font-family: 'DbAdmanX';
    font-size: 17px;
    color: #a71f32;
}

.orange {
    font-family: 'DbAdmanX';
    font-size: 20px;
    color: #f04d23;
}

.blue {
    font-family: 'DbAdmanX';
    font-size: 20px;
    color: #19aae1;
}

.pink {
    font-family: 'DbAdmanX';
    font-size: 20px;
    color: #ef3b86;
}

.green {
    font-family: 'DbAdmanX';
    font-size: 20px;
    color: #36aa17;
}/* Footer Cargo */#footer-cargo {
    /*width: 100%;*/
    height: 110px;
    background-color: #454444;
    position: relative;
    z-index: 997;
}

#footer-cargo-content {
    width: 957px;
    padding-left:14px;
}

#footer-top-cargo {
    width: 957px;
    height: 31px;
    padding-top: 11px;
}

#subscribe-cargo {
    float: left;
    width: 279px;
    height: 23px;
}

#subscribe-cargo label {
    float: left;
    width: 112px;
    height: 19px;
    font-family: 'DbAdmanX';
    font-size: 12pt;
    color: #ffffff;
    padding-top: 4px;
}

#subscribe-cargo input {
    float: left;
    /*border:none;*/
    border: solid #ffffff 2px;
    border-radius: 12px;
    /*background:url(../images/subscribe-box-bg.png) no-repeat;*/
    background: #2F2F2F;
    background: rgba(37,36,36, 0.64);
    width: 102px;
    /*height:23px;*/
    height: 18px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'TradeGothic';
    font-size: 11px;
    color: #ffffff;
}

#subscribe-cargo img {
    float: left;
    padding-left: 5px;
    width: 24px;
    height: 23px;
    cursor: pointer;
}

#footer-menu-cargo {
    float: right;
    text-align: right;
    height: 18px;
    width: 678px;
    padding-top: 5px;
}

#footer-menu-cargo span {
    display: block;
    float: right;
    font-family: 'DbAdmanX';
    font-size: 11pt;
    color: #bababa;
    padding-left: 2px;
    padding-right: 2px;
}

#footer-menu-cargo li {
    display: block;
    float: right;
    text-decoration: none;
    font-family: 'DbAdmanX';
    font-size: 11pt;
    color: #ffffff;
    padding-left: 1px;
    padding-right: 1px;
    cursor: pointer;
}

#footer-menu-cargo li:hover {
    text-decoration: none;
    color: #bababa;
}

#line {
    height: 1px;
    width: 100%;
    background: #393939;
}

#footer-bottom-cargo {
    width: 957px;
    padding-top: 5px;
}

#footer-bottom-left-content {
    float: left;
    width: 500px;
}

#footer-bottom-left-content label {
    font-family: 'TradeGothic';
    font-size: 8pt;
    color: #ffffff;
    float: left;
    padding-top: 8px;
    padding-left: 5px;
}

#footer-bottom-right-content {
    float: right;
    font-family: 'TradeGothic';
    font-size: 7pt;
    color: #a2a2a2;
    text-align: right;
    padding-top: 8px;
    line-height: 13px;
}

#footer-bottom-right-content a {
    text-decoration: none;
    color: #ffffff;
}

#footer-bottom-right-content a:hover {
    text-decoration: none;
    color: #bcbbbb;
}

#facebook-btn, #twitter-btn, #video-btn, #pinterest-btn, #photo-btn, #youtube-btn, #admissions {
    float: left;
    background: url(../images/social-bg.png) no-repeat;
    width: 34px;
    height: 27px;
    cursor: pointer;
    opacity: 0.75;
}

#admissions {
    background-position: 0px bottom;
}

#facebook-btn {
    background-position: 0px bottom;
}

#twitter-btn {
    background-position: -34px bottom;
}

#video-btn {
    background-position: -68px bottom;
}

#pinterest-btn {
    background-position: -102px bottom;
}

#photo-btn {
    background-position: -136px bottom;
}

#youtube-btn {
    background-position: -170px bottom;
}

#admissions:hover {
    background-position: 0px top;
}

#facebook-btn:hover {
    background-position: 0px top;
}

#twitter-btn:hover {
    background-position: -34px top;
}

#video-btn:hover {
    background-position: -68px top;
}

#pinterest-btn:hover {
    background-position: -102px top;
}

#photo-btn:hover {
    background-position: -136px top;
}

#youtube-btn:hover {
    background-position: -170px top;
}/*.lightblue{	color:#3cc2ef;}.lightorange{	color:#f04d23;}.purple{	color:#d274e9;}.yellow{	color:#f6ca52;}*/.lightgray {
    color: #514c4d;
}

.lightblue {
    /*color:#3cc2ef;*/
    color: #007ba4;
}

.lightorange {
    /*color:#f04d23;*/
    color: #b52500;
}

.purple {
    color: #84229c;
}

.yellow {
    color: #f4d26b;
}

.bg-lightblue {
    background-color: #3cc2ef;
}

.bg-lightorange {
    background-color: #f04d23;
}

.bg-purple {
    background-color: #84229c;
}

.bg-yellow {
    background-color: #f4d26b;
}/* MENU */#nav {
    display: inline;
    list-style: none;
    float: right;
    text-align: center;
    padding-right: 20px;
}

#nav li a, #nav li {
    float: left;
}

#nav li {
    list-style: none;
    position: relative;
}

#nav li a {
    /*padding-right:10px;	padding-left:10px;*/
    width: 120px;
    padding-top: 23px;
    height: 39px;
    float: left;
    text-decoration: none;
    font-size: 18px;
}

#nav li a:hover {
    /*background:#f04d23;*/;
}

.whiteText {
    color: #ffffff;
}

#nav li.topnavlightblue ul li:hover {
    color: #5190a9;
    background: url(../images/menu-blue-arrow.gif) no-repeat;
}

#nav li.topnavlightorange ul li:hover {
    color: #303030;
    background: url(../images/menu-orange-arrow.gif) no-repeat;
}

#nav li.topnavpurple ul li:hover {
    color: #846399;
    background: url(../images/menu-purple-arrow.gif) no-repeat;
}

#nav li.topnavyellow ul li:hover {
    color: #f4d26b;
    background: url(../images/menu-yellow-arrow.gif) no-repeat;
}/* Submenu level 1 */.hasChildren {
    position: absolute;
    width: 5px;
    height: 5px;
    background: black;
    right: 0;
    bottom: 0;
}

#nav li ul {
    display: none;
    position: absolute;
    left: -54px;
    top: 100%;
    padding: 0;
    margin: 0;
    background: #4f4f4f;
    width:174px;
}

#nav li:hover > ul {
    display: block;
}

#nav li ul li, #nav li ul li a {
    float: none;
}

#nav li ul li {
    _display: inline;
    /* for IE6 */;
}

#nav li ul li a {
    display: block;
    padding-left: 27px;
    padding-right: 12px;
    padding-top: 13px;
    padding-bottom: 13px;
    margin-left: 0px;
    height: auto;
    text-decoration: none;
    text-align: right;
    color: #959595;
    width: 135px !important;
    border-bottom: 1px solid #626262;
}

#nav li ul li a:hover {
    color: #303030;
}
/* Submenu level 2 */#nav li ul li ul {
    display: none;
    background: #7d7d7d;
}

#nav li ul li:hover ul {
    left: -100%;
    top: 0;
}

#nav li ul li ul li a {
    display: block;
    padding-left: 27px;
    padding-right: 12px;
    padding-top: 13px;
    padding-bottom: 13px;
    height: auto;
    text-decoration: none;
    text-align: right;
    color: #303030;
    width: 135px;
    border-bottom: 1px solid #6f6f6f;
}

#nav li ul li ul li a:hover {
    color: #303030;
}

#nav li ul li ul li span {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    color: #454545;
}

#nav li ul li ul li span:hover {
    color: #454545;
}/* Submenu level 3 */#nav li ul li ul li ul {
    display: none;
    background: #4f4f4f;
}

#nav li ul li ul li:hover ul {
    left: -100%;
    top: 0;
}

#nav li ul li ul li ul li label {
    float: none;
    display: block;
    padding-left: 27px;
    padding-right: 12px;
    padding-top: 13px;
    padding-bottom: 13px;
    height: auto;
    text-align: right;
    background: #8d8d8d;
    color: #303030;
    width: 135px;
    border-bottom: 1px solid #626262;
}

#nav li ul li ul li ul li a {
    display: block;
    padding-left: 27px;
    padding-right: 12px;
    padding-top: 13px;
    padding-bottom: 13px;
    height: auto;
    text-decoration: none;
    text-align: right;
    color: #959595;
    width: 135px;
    border-bottom: 1px solid #626262;
}

#nav li ul li ul li ul li a:hover {
    color: #303030;
}


#nav li ul li ul li ul li span {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    color: #959595;
}

#nav li ul li ul li ul li a:hover span{
    color: #303030;
}

/* Submenu level 4 */
#nav li ul li ul li ul li ul {
    display: none;
    background: #7d7d7d;
}

#nav li ul li ul li ul li:hover ul {
    left: -100%;
    top: 0px;
}

#nav li ul li ul li ul li ul li label {
    display: block;
    padding-left: 27px;
    padding-right: 12px;
    padding-top: 13px;
    padding-bottom: 13px;
    height: auto;
    text-decoration: none;
    text-align: right;
    background: #969696;
    color: #303030;
    width: 135px;
    border-bottom: 1px solid #626262;
}

#nav li ul li ul li ul li ul li a {
    display: block;
    padding-left: 27px;
    padding-right: 12px;
    padding-top: 9px;
    padding-bottom: 9px;
    height: auto;
    text-decoration: none;
    text-align: right;
    color: #454545;
    width: 135px;
    border-bottom: 1px solid #6f6f6f;
    font-size: 15px;
}

#nav li ul li ul li ul li ul li a:hover {
    color: #ffffff;
}
/* Style for content */
p {
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: 'DbAdmanX';
    font-size: 15px;
    line-height: 18px;
}

h1 {
    font-family: 'DbAdmanX';
    font-size: 24px;
}

h2 {
    font-family: 'DbAdmanX';
    font-size: 20px;
}

h3 {
    font-family: 'DbAdmanX';
    font-size: 18px;
}

table {
    font-family: 'DbAdmanX';
    font-size: 15px;
}

#show-caption {
    float: left;
    width: 700px;
    height: 30px;
    font-family: 'TradeGothic';
    font-size: 8pt;
    color: #7a7a7a;
    text-align: left;
    padding-top: 8px;
    line-height: 13px;
}

ul.content-apply {
    position: relative;
}

#apply-cago ul li a {
    position: absolute;
    top: 70px;
}