* { margin: 0; padding: 0;}

body
{
  background-color: #000 !important; 
  font-family: Arial;
  font-size: 10pt;
}

img
{
  border: none;
}

a
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

.orange-link {color: #f47920; }

.blue-link
{
  color: #06539f;
}

.clear { clear: both; }
/*
@media screen and (max-width: 873px){   
    #header-1-menu { display:none;}    
}
*/
@media screen and (max-width: 980px){    
    wrapper       { max-width: 90% !important; }   
}


@media (min-width: 768px){
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1  {
        width: 100%;
        *width: 100%;
    }
    
    #wrapper {
        width: 90% !important;        
    }
    .this-box{
        font-size: 1.1em;            
    }
}

@media (max-width:898px){
     .menu-right {
        width: 100% !important;      
        border:1px dashed #f8f8f8;      
        background: transparent;
        margin-top: 20px;
    }  
}

@media  (min-width: 995px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;       
    }
                                                                     
    #wrapper {    width: 90% !important;}        
   
    .this-box{
        font-size: 1.1em;            
    }
}
    
.row {
    margin-right: -15px !important;
    margin-left:  -15px !important;
}

#wrapper {
    background-color: #bdccd4;      
    max-width:960px;
    margin: 0 auto;
    padding:0;
}

#header-1 {
    background-color: #363636;
    color: #ffffff;
    padding: 10px 20px;  
    font-size: 9pt;
    border: solid 2px #444444;
    
}

#header-1-title {
    color: #c0dffe;
    float:left;
}

#header-1-title h1 {
    color: #c0dffe;
    float: left;
    font-size: 1em;
    margin: 0px;
}
                                   
.header-1-language {
  color: #ffffff;
  float: left;
  margin-left: 10px;
}

.header-1-language a {
    color: #fff;
}

#header-1-menu {    
    float:right;
    right:20px;
    top:5px;
    margin-left: 20px;
    position:relative;
}

.header-1-item {
    float:left;
    padding: 5px 10px 0;
    margin-left: 2px;    
}

.header-1-item a {
    color: #d9d9d9;
}

.header-1-item a:hover {
    color: #d9d9d9;
}
   

#header-2
{
    color: #ffffff;
    background-color: #06539f; 
    border: solid 1px #2D6EAE; /*   -moz-box-shadow:    0px 0px 6px 1px #303030;   -webkit-box-shadow: 0px 0px 6px 1px #303030;   box-shadow:         0px 0px 6px 1px #303030;   */
    position: relative;
    z-index: 100;
    padding:20px;  
}

#header-2-logo {
    display: inline;
}

#header-2-menu {
    float: right;
}

.header-2-item { float:left; margin-left: 16px; top:55px; position:relative; }
.header-2-item a {
    color: #ffffff;
    letter-spacing: 1px;
}

.header-2-item a:hover {
    color: #c0dffe;
    text-decoration: none;
}

.st-login-button {
    background: url('../images/btn-studentlogin.png') repeat-x;
    padding: 5px 14px 5px;
    font-weight: bold;
    font-size: 13px;
    color: #ffffff !important;
    margin-top:-5px;
}

.menu-button {
    background-color: #E65A26;
    padding: 10px 15px;
    border-top: solid 1px #05408C;
    border-bottom: solid 1px #6897C5;
    position: relative;
    text-align:  center !important;
    width : 120px;
}

#inquire-inner { 
    border-top: solid 1px #F8A36C;
    border-bottom: solid 1px #EA450F;
}

#footer-bar {
    height: 5px;
    background-image: url( '../images/footer-bar.png' );
}

.footer {
    /*width          : 100%;*/
    background     : #363636 url( '../images/footer-bg.png' ) repeat-x;
    color: #d9d9d9 !important;
    font-size      : 0.7em;
    margin-bottom  : 50px;
    letter-spacing : 0.1em;
}
.footer a{
    color: #d9d9d9;
}

.footer a:hover {
color: #f47920;
    text-decoration: none;
}

#partners
{
    margin      : 0px 120px 0px 120px;
    padding     : 30px 0px 30px 0px;
    font-family : Arial;
    font-size   : 10pt;
    border-top  : solid 1px #9b9b9b;
}

#partner1, #partner2, #partner3 {
    display        : inline-block;
    vertical-align : top;
}

#partner1 {
    width : 220px;
}

#partner2 {
    text-align : center;
    width      : 270px;
}

#partner3 {
    text-align : right;
    width      : 220px;
}

#footer-col-1, #footer-col-2, #footer-col-3, #footer-col-4, #footer-col-5 {
    margin-top   : 20px;  
    float        : left;
    line-height  : 1.9em;
    margin-left  : 20px;
    border: 1px dashed #ccc;
}

#footer-col-1 {
    width        : 130px;
}

#footer-col-2 {
    width       : 130px;  
}

#footer-col-3 {
    width      : 230px;
    padding    : 0 0 20px;
}

#footer-col-5
{
  width: 140px;
 
}

#footer-col-4
{
  width: 200px;
  text-align: right;
  padding-top: 20px;
}

#footer-col-1 a, #footer-col-2 a, #footer-col-3 a, #footer-col-4 a {
  color: #d9d9d9;
}

#footer-col-1 a:hover, #footer-col-2 a:hover, #footer-col-3 a:hover, #footer-col-4 a:hover {
    color: #f47920;
    text-decoration: none;
}

#footer-bar-2 {
    background-color : #bdccd4;
    height           : 60px;
}

#banner {
    position: relative;
    /* height: 260px;*/
}

#banner-nav {
    position  : absolute;
    right     : 10px;
    top       : 238px;
    z-index   : 100;
}

.nav-button {
    float            : left;
    margin-left      : 5px;
    width            : 12px;
    height           : 12px;
    background-color : #ffffff;
    opacity          : 0.4;
    cursor           : pointer;
}

.current {
    opacity: 1.0;
}

#content-title {
    background-color : #bdccd4;
    color            : #363636;
    text-align       : center;
    font-size        : 18pt;
    font-weight      : bold;
    padding-top      : 60px;
}

.content {    
    background : #F1F1F1;
    width: 96% !important;
    padding-bottom: 20px;
    font-size: 10pt;
    margin-top: 60px;
    margin-bottom: 20px;    
}

.content-2 {
    width: 96% !important;    
    margin: 0 auto;
}

/*Initialize*/
ul#site-menu, ul#site-menu ul.sub-menu {
    padding : 0;
    margin  : 0;
    z-index : 200;
}

ul#site-menu li, ul#site-menu ul.sub-menu li
{
  list-style-type: none;
  display: inline-block;
  width: 140px;
}

/*Link Appearance*/
ul#site-menu li a
{
  text-decoration: none;
  color: #c0dffe;
  background: #363636;
  /* padding: 5px; */
  padding: 5px;
  display: inline-block;
  width: 140px;
}

ul#site-menu li ul.sub-menu li a
{
  text-decoration: none;
  color: #fff;
  background: #363636;
  padding: 5px;
  display: inline-block;
  width: 140px;
}

/*Make the parent of sub-menu relative*/
ul#site-menu li
{
  position: relative;
}

/*sub menu*/
ul#site-menu li ul.sub-menu {
    display  : none;
    position : absolute;
    top      : 25px;
    left     : 0;
    width    : 140px;
}

ul#site-menu li:hover ul.sub-menu {
    display: block;
}

#notice {
    position     : absolute;
    width        : 347px;
    height       : 47px;
    background   : url('../images/bg-notice.png') no-repeat;
    z-index      : 300;
    top          : 7px;
    left         : 195px;
    padding-top  : 7px;
    padding-left : 30px;
    font-weight  : bold;
}

#notice-text {
    float: left;
}

#notice-close {
    float        : left;
    padding-top  : 9px;
    padding-left : 47px;
}

#btn-notice-close {
  cursor: pointer;
}

#banner-content h2
{
  font-weight: normal;
  margin: 0px;
}

.header-1-menu2{
    display:block;
}

.img-logo {    
    float:left;  
    margin-right:11px;
    margin-bottom:10px;
    vertical-align: central;    
    min-height: 55px;
}

.these_banners {
   width        : 100%;    
   padding      : 10px 20px 10px;
}

.these_banners p {
    margin-bottom: 10px;
    padding:0;
}

.these_banners h1 {   
    font-weight : bold; 
    font-size  : 1.7em; 
}
.font-1 { font-size : 1.1em; }
.shadow { box-shadow: 2px  2px 2px #3a3938; }
.carousel-indicators li { border-radius: 0; }

.mb20 { margin-bottom: 20px !important;}
.mt10 { margin-top: 10px !important;}
.bor  {  color: #d9d9d9; margin-bottom: 10px; font-size: 1em; min-height:85px; border:dashed 0 #fff;  }

.menu-right {      
    width:495px;
    text-align: right;
}

.menu-right ul {  
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ul1_links li a {
    color           : #ccc;
    text-decoration : none;
    font-size       : 0.85em;
    font-weight: normal;
    font-family     : Arial;
    list-style-type : none;
    margin-right    : 6px;
    padding         : 7px 3px;    
    display         : inline;
    text-align      : left;    
    float           : left;
}

.ul1_links li a:hover {
    color           : #f47920;
}

.topnav {
    background:transparent;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    padding: 5px 10px;
    text-decoration: none !important;
    font-size: 0.92em;
    letter-spacing: 1px;
}
/* Change the color of links on hover */
.topnav a:hover {   
    color: #ccc;    
}

/* Add an active class to highlight the current page */
.active {   
    color: #f47920;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}
@media screen and (max-width: 995px) {
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
        float: right;
        display: block;
        top:0;
        right:0;
        position: absolute;
        color : #fff;
    }
     div#myTopnav.topnav.responive#thismenu1 {
        float:none;
        position: relative;
    }
}

@media screen and (max-width: 995px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive a.icon {
        position: absolute;
        right : 0;
        top   : 0;
        color : #fff !important;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
}

.dashed { 
    margin-bottom: 10px; 
    background: #fff; 
    border-radius:4px;   
    margin-left: 15px !important;
    padding: 20px 40px;
}

.dashed2 { 
    margin-bottom: 10px;     
    border-radius:4px;   
    margin-left: 15px !important;       
    padding: 20px 40px;
}