@import url(global/user.css);
@import url(global/common.css);
@import url(apps/forms01.css);
@import url(../../lightbox/2/css/lightbox.css);

html{
  
  background: #012a5e url(../images/html_bg.gif) repeat-x 0px 0px;
  height: 100%;
}

body{
  background: transparent;
  color:#444;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  height: 100%;
}

body.admin{
  background-position: 0 14px;
}

#wrap{
  margin:0px auto;
  text-align:left;
  width:960px;
  min-height: 100%;
  position: relative;
  /* Set this to the same height as the footer */
    margin-bottom: -50px;
}

/* HEADER
-------------------------------------------*/
#header{
  height: 126px;
  margin:0 auto;
  background:url(../images/header_bg.gif) no-repeat top left;
}

#header h1{
  position: absolute;
  top: 30px;
  font-size: 30px;
  color: #fff;
  font-family: Georgia, "Times New Roman", Times, serif;
}
  #logo{
    /*background: url(../images/logo.png) 0 0 no-repeat;*/
    left:0px;
    position:absolute;
    top: 0px;
  }
    #logo img{
      height:120px;
      width:230px;
    }

/* MAIN NAVIGATION
-------------------------------------------*/
#tabs{
  height:0;
  width:100%;
}
  #nav{
    margin:0 auto;
    text-align:center;
  }
    #nav ul{
      list-style:none;
      margin:0 auto;
      text-align:left;
    }
      #nav ul li{
        background-image:none;
        display:inline;
        margin:0;
        padding:0;
      }
      #nav a{
        color:#FFF;
        display:block;
        float:left;
        text-decoration:none;
        background:transparent;
        height:19px;
        padding:4px 10px 0;
        background:url(../images/nav_bg.gif) 0 0 no-repeat;
        height:0 !important;
        overflow:hidden;
        padding:55px 0 0 0;
        position:absolute;
      }
        #nav a:hover, #nav a.active{
          
        }
      /*home*/
      #nav #t57921 a{
      left:464px;
      top:69px;
      width:57px;
      }
      
      #nav #t57921 a:hover{
      background-position:-0px -55px;
      }
      
      /*About Us*/
      #nav #t58127 a{
      left:520px;
      top:69px;
      width:93px;
      background-position:-55px 0px;
      }
      
      #nav #t58127 a:hover,#nav #t58127 a.active{
      background-position:-55px -55px;
      }
      
      /*Programs*/
      #nav #t58128 a{
      left:613px;
      top:69px;
      width:95px;
      background-position:-149px 0px;
      }
      
      #nav #t58128 a:hover, #nav #t58128 a.active{
      background-position:-149px -55px;
      }
      
      /*News & Events*/
      #nav #t58158 a{
      left:707px;
      top:69px;
      width:131px;
      background-position:-243px -0px;
      }
      
      #nav #t58158 a:hover, #nav #t58158 a.active{
      background-position:-243px -55px;
      }
      
      /*Contact*/
      #nav #t58131 a{
      left:838px;
      top:69px;
      width:116px;
      background-position:-373px 0px;
      }
      
      #nav #t58131 a:hover, #nav #t58131 a.active{
      background-position:-373px -55px;
      }
      
      #t58135 a, #t58134 a, #t58136 a, #t58153 a{
      background:url(../images/nav_bg2.gif) 0 0 no-repeat;
      padding-top:33px;
      top:30px;
      }
      
      /*Students*/
      #t58135 a{
      width:105px;
      background-position:-0px -0px;
      left:522px;
      }
      
      #nav #t58135 a:hover, #nav #t58135 a.active{
      background-position:-0px -35px;
      }
      
      /*Teachers*/
      #t58134 a{
      width:105px;
      background-position:-117px -0px;
      left:638px;
      }
      
      #nav #t58134 a:hover, #nav #t58134 a.active{
      background-position:-117px -35px;
      }
      
      
      /*Alumni*/
      #t58136 a{
      width:105px;
      background-position:-226px -0px;
      left:749px;
      }
      
      #nav #t58136 a:hover, #nav #t58136 a.active{
      background-position:-226px -35px;
      }
      
      /*Donors*/
      #t58153 a{
      width:105px;
      background-position:-330px -0px;
      left:853px;
      }
      
      #nav #t58153 a:hover, #nav #t58153 a.active{
      background-position:-330px -35px;
      }
      
#main-body{
border-bottom:5px solid #fff;
background:#fff;
}
  #main-table-body{
    background:transparent;
    border-collapse:collapse;
    clear:left;
    margin-left:3px;
  }
  #main-table-body-leftcell{
    background:#034D8A url(../images/leftcell_bg.gif) no-repeat 0px 0px;
    width:176px;
    vertical-align:top;
    border-left:5px solid #fff;
  }
  #main-table-body-rightcell{
    vertical-align:top;
    width:604px;
    padding-top:50px;
    background:transparent url(../images/rightcell_bg.gif) no-repeat scroll -5px 0px;
  }
  
  @media screen and (-webkit-min-device-pixel-ratio:0){
                #main-table-body-rightcell {
        background:transparent url(../images/rightcell_bg.gif) no-repeat scroll -8px 0px;
        width:596px;
        }
            
}

/* SUB MENU
-------------------------------------------*/
#sidebar {
  background:none;
  margin:7px 0 0 0;
  width:176px;
}

#menu-header {
  background:transparent;
}

#menu{
  margin: 35px 0 0 2px;
  padding:0;
  width: 171px;
}

#menu h3 a{
text-transform:uppercase;
font-size:20px;
color:#fff;
position:absolute;
left:11px;
border-top:none;
top:124px;
text-indent:-10000px;
}





.tab58127 #menu h3 a{
background:url(../images/about_heading.gif) no-repeat bottom left;
}
.tab58128 #menu h3 a{
background:url(../images/programs_heading.gif) no-repeat bottom left;
}
.tab58158 #menu h3 a{
background:url(../images/news_heading.gif) no-repeat -4px 2px;
padding-right:0px;
width:158px;
}
.tab58131 #menu h3 a{
background:url(../images/contact_heading.gif) no-repeat bottom left;
}
.tab58135 #menu h3 a{
background:url(../images/students_heading.gif) no-repeat bottom left;
}
.tab58134 #menu h3 a{
background:url(../images/teachers_heading.gif) no-repeat bottom left;
}
.tab58136 #menu h3 a{
background:url(../images/alumni_heading.gif) no-repeat bottom left;
}
.tab58153 #menu h3 a{
background:url(../images/donors_heading.gif) no-repeat bottom left;
}

  #menu ul{
    font-size: 12px;
    margin:0 0px 0 0;
    padding:0;
    list-style: square inside;
    border-bottom: 1px solid #1d5f96;
  }
    #menu li{
      background-image:none;
      padding:0 0 0 0px;
      margin: 0 0px 0px 0;
      list-style: none;
      width:171px;
    }
      #menu a {
        text-decoration:none;
        text-transform:none;
        color:#fff;
        display:block;
        font-size: 12px;
        padding: 6px 10px 6px 10px;
        border-top: 1px solid #1d5f96;
        width: 150px;
        font-family:Verdana, Arial, Helvetica, sans-serif, "Lucida Sans";
      }
      
      #menu a:hover {
        color: #79b3dc;
      }
      
      #menu a.current{
        color: #79b3dc;
      }
      
      #menu a.subcurrent{
        color: #79b3dc;
        text-decoration: none;
        background:url(../images/menu_li_li_a_active.gif) no-repeat 12px 2px;
      }
      
      #menu li ul{
        margin: 0 0px 0 0px;
        padding: 0;
        border-bottom: 1px solid #1d5f96;
      }
      
      #menu li ul li{
        list-style: none;
        padding: 0px 0 0px 0px;
        margin: 0;
      }
      
      #menu li ul li a {
        font-size: 11px;    
        padding-left: 30px;
        border-top: 1px solid #1d5f96;
        text-decoration: none;
        width: 130px;
      }
      
      #menu li ul li a:hover {
        background-color: transparent;
        color: #79b3dc;
      }
      
  #menu-footer{
    background:url(../images/menuFooter_bg.gif) repeat-x;
    height:10px;
  }

#banner {
  display:none;
}

/* BREADCRUMBS
-------------------------------------------*/
#breadcrumbbar{
  padding:0 0 0 0px;
  margin: 0;
  position:relative;
  width: 100%;
}
  #breadcrumblist{
    font-size: 10px;
    line-height:143%;
    padding:0 0 .5em 19px;
    width:490px;
    font-weight:bold;
    height:31px;
    overflow:hidden;
    margin-top:-5px;
  }
    #breadcrumblist a:link, #breadcrumblist a:visited{
    font-weight:normal;
      
    }
    #breadcrumblist a:hover, #breadcrumblist a:active{
    font-weight:normal;
    }
    
    .breadcrumbs-arrow{
    font-weight:normal;
    }
    #breadcrumbemail{
      font-size: 11px;
      position:absolute;
      right:-21px;
      text-align:right;
      top:5px;
      width:9em;
    }
      #breadcrumbemail a:link, #breadcrumbemail a:visited{
        background:url(../images/email.gif) 0 2px no-repeat;
        float:right;
        padding:0 5px 0 18px;
        color:#666;
        text-transform:uppercase;
        text-decoration:none;
      }
        #breadcrumbemail a:hover, #breadcrumbemail a:active{
        text-decoration:underline;
        }
    
    #breadcrumbprint{
      font-size: 11px;
      position:absolute;
      right:-125px;
      text-align:right;
      top:5px;
      width:9em;
    }
      #breadcrumbprint a:link, #breadcrumbprint a:visited{
        background:url(../images/printer.gif) 0 2px no-repeat;
        float:right;
        padding:0 5px 0 18px;
        color:#666;
        text-transform:uppercase;
        text-decoration:none;
      }
        #breadcrumbprint a:hover, #breadcrumbprint a:active{
        text-decoration:underline;
        }


/* CONTENT AREA
-------------------------------------------*/
#content{
  clear:left;
  width:599px;
}
  #content-header{
    display:none;
  }
  #content-body{
    margin: 5px 0px 0 9px;
    padding:0 0 10px 0;
    overflow:hidden;
  }
  #pagetitle{
    margin:15px 0 15px 0px;
    border-bottom:3px solid #9ea3aa;
  }
    #pagetitletext h1{
      font-size:23px;
      font-weight: normal;
      color:#255082;
      margin-bottom:0px;
    }
  #content-footer{
    
  }

/* FOOTER
-------------------------------------------*/
#clearfooter{
    /* Set this to the same height as the footer */
    height: 50px;
    clear: both;
}

#footer{
  clear:both;
  height: 50px;
  margin:0 auto;
  position:relative;
  background: #012a5e;
}

  #facebook{
    position: absolute;
    right: 0;
    top: 10px;
  }

  #footerwrap{
    margin:0;
    width: 960px;
    position:relative;
    height: 40px;
    text-align: left;
  }
  
  #copyright{
    color:#4e6a8f;
    font-size:9px;
    position:absolute;
    left:5px;
    bottom:0px;
  }
  
  #poweredby{
    color:#4e6a8f;
    font-size:9px;
    position:absolute;
    left:120px;
    bottom:0px;
  }
    #poweredby a{
      color:#4e6a8f;
      text-decoration:none;
    }
    #poweredby a:hover {text-decoration: underline;}
    
    #main-table-body-far-right-cell{
    width:170px;
    vertical-align:top;
    background:transparent url(../images/farRight_bg.gif) repeat-y scroll 0px 0px;
    }
    
    #third-column{
    min-height:82px;
    background:transparent url(../images/rightcell_bg.gif) no-repeat scroll -609px 0px;
    padding-top:79px;
    }