/*
[Contents]

  0- Global
  1- Header
  2- Nav
  3- Footer
  4- Main Container
  5- Main
  6- Sidebar
*/

/* =0 Global
---------------------------------------------------------------------------------------------------------------------*/
.global-width {
  margin:0 auto;
  width:960px;
}
.two-column{
  float:left;
  width:50%;
}
/* =1 Header
---------------------------------------------------------------------------------------------------------------------*/
#header {
  height:84px;
}
/* LOGO */
.logo{
  float:left;
  margin-left:20px;
  margin-top:10px;
}
/* Quick Link */
.quick-link{
  float:right;
  height:20px;
  margin-right:20px;
  margin-top:40px;
}
.quick-link a{
  margin-left:15px;
}
/* Search */
.search{
  float:right;
  margin-right:10px;
  margin-top:40px;
}
.search label{
  clear:none;
  display:inline;
  line-height:20px;
  margin-right:5px;
  width:auto;
}
.search input{
  height:14px;
  margin:0;
  margin-right:5px;
  padding:3px;
  width:200px;
}
.search button{
  float:left;
  height:20px;
  margin:0;
  padding:0;
  width:14px;
}
/* =2 Nav
---------------------------------------------------------------------------------------------------------------------*/
#nav{
  height:53px;
}
#nav ul{
  height:46px;
  line-height:46px;
  padding-top:7px;
}
#nav li{
  float:left;
  padding:0 2px;
}
#nav a{
  display:block;
  padding-left:15px;
}
#nav span{
  display:block;
  padding-right:15px;
}
/* =3 Footer
---------------------------------------------------------------------------------------------------------------------*/
#footer{
  height:112px;
}
#footer h5{
  padding-bottom:5px;
  padding-top:20px;
}
#footer p{
  margin-bottom:20px;
}
.copyright{
  float:left;
}
.footer-link{
  float:right;
}
.footer-link a{
  margin:0 2px;
}
/* =4 Main Container
---------------------------------------------------------------------------------------------------------------------*/
#main-container{
  padding-top:20px;
}
#main-container.home-container{
  padding:30px 0 20px;
}
/* Links */
.links{
  padding:20px 0;
}
.link-block{
  float:left;
  width:192px;
}
.link-block h6{
  margin-bottom:10px;
}
/* =5 Main
---------------------------------------------------------------------------------------------------------------------*/
#main{
  float:left;
  width:650px;
  background-color:transparent;
   position:relative;
    
}
#main div.flash {
  clear:both;
  position:relative;
  height:403px;
  display:block;
}

.intro {

  position:relative;
}

.contentImage {
  float:right;  
  position:relative;
  width:322px;
  margin:0;
  padding:0 0 20px 20px; 
  *padding:0 0 0 20px;
}

.contentImage img {
  position:relative;
  padding:0;
}

/* Breadcrumbs */
.breadcrumbs{
  margin-bottom:20px;
  margin-top:4px;
}
.breadcrumbs li{
  float:left;
  margin-right:3px;
}
.breadcrumbs a{
  margin-right:3px;
}
/* Main Block */
.main-block{
  margin-bottom:30px;
  padding-left:35px;
}
.main-block .title{
  margin-left:-35px;
  margin-bottom:15px;
}
.main-block h4{
  margin-bottom:10px;
}
.main-block p{
  margin-bottom:20px;
}
/* Common Block */
.common-block{
  float:left;
  width:287px;
  margin-right:20px;
}
/* Latest News */
.latest-news div.clearfix{
  margin:20px 0 30px 0;
}
.latest-news a.more{
  display:block;
  height:28px;
  line-height:28px;
  padding-left:40px;
  width:95px;
}
.news-block{
  padding-right:20px;
}
.news-block h4{
  margin-bottom:15px;
}
.news-block p{
  margin-bottom:15px;
}
/* Category */
.category{
  margin-left:20px;
}
.category-block{
  float:left;
  margin-bottom:20px;
  margin-right:9px;
  padding:10px 9px 10px;
  width:183px;
}
.category-block h2{
  margin-bottom:20px;
}
.category-block h2 a{
  padding-right:20px;
}
/* Form */
.form{
  float:left;
}
.form button{
  margin-left:306px;
  margin-top:20px;
}
.alumnus{
  padding-top:35px;
}
.number{
  padding-top:35px;
}
.form h5{
  margin-bottom:40px;
}
/* Course Form */
.course-form label{
  width:195px;
}
.course-form .radio-label{
  width:auto;
}
.course-form fieldset {
  margin:0;
}
.course-form input,
.course-form select {
  
}

.course-form button{
  margin-left:300px;
  width:110px;
}
/* Course Form 2 */
.course-form-2 button{
  margin-left:470px;
  width:110px;
}
.select-block{
  clear:none;
  float:left;
  width:205px;
}
.select-block label{
  clear:none;
  float:none;
  margin-bottom:6px;
}
.select-block select{
  float:none;
  width:170px;
}
/* Course Form 3 */
.course-form-3 h5{
  margin:20px 0;
}
.course-form-3 ul{
  margin-bottom:20px;
}
.course-form-3 li{
  margin-bottom:3px;
}
.course-form-3 li span{
  display:block;
  float:left;
  width:120px;
}
.course-form-3 input[type="checkbox"]{
  height:15px;
}
.course-form-3 .checkbox-label{
  line-height:15px;
  margin-bottom:30px;
  margin-left:10px;
  width:590px;
}
.course-form-3 button{
  float:right;
  width:110px;
}
/* Banner */
.banner{
  float:left;
  margin-left:30px;
}
/* Search Container */
.search-container h4{
  margin-bottom:20px;
  margin-top:30px;
}
.search-container h6{
  margin-bottom:30px;
}
/* List */

/* Search List */
.search-list{
  border-top:1px solid #000;
}
.search-list li{
  border-bottom:1px solid #B3B2B0;
  padding:20px 10px;
}
.search-list h5 a{
  margin-right:5px;
}
/* Video */
.video{
  margin-bottom:30px;
}
.video-container{
  float:left;
  padding:10px;
  width:454px;
}
.video-container.clearfix{
  float:none;
  width:100%;
}
.video-tab{
  float:left;
  width:176px;
}
.video-tab li{
  margin-bottom:3px;
  padding:8px;
}
.video-tab p{
  float:left;
  width:107px;
}
.video-tab p span{
  display:block;
}
.video-tab img{
  float:right;
}
/* Facebook */
.facebook{
  margin-bottom:20px;
  margin-top:30px;
  margin-right:20px;
  padding:10px;
}
.facebook img{
  float:right;
  margin-left:10px;
}
.facebook-link{
  display:block;
  height:46px;
  margin-top:20px;
  padding-left:55px;
}
/* Film Block */
.film-block{
  margin-bottom:20px;
  margin-top:30px;
  padding:10px;
  width:284px;
}
.film-block p{
  margin-top:20px;
}
/* Video Player */
.video-player{
  margin-left:-35px;
  padding:5px;
  width:639px;
}
/* Editorial */
.editorial img{

  margin:0 0 5px 0px;
  float:right;

}
.content{
  clear:both;

}
.content table.tabledetails  {
  border:solid 1px #444444;
  padding:0px;
  margin:0px;
  background-color:#f8f8f8;
}
.content table.tabledetails td {
  border:solid 1px #888888;
    padding:4px;
  margin:0px;
  vertical-align:top;
}
.content table.tabledetails th {
  border:solid 1px #888888;
font-weight:bold;
      padding:4px;
  margin:0px;
}

.content UL {
 list-style:inherit;
  padding-left:20px;
  padding-bottom:20px;
}
/* Course List */
.course-list{
  margin-bottom:20px;
}
.course-list li{
  height:28px;
  margin-bottom:5px;
  margin-right:20px;
  padding:0 10px;
}
.course-list li span{
  float:left;
}
.course-list li a{
  float:right;
}
/* Setp Tab */
.setp-tab{
  margin-bottom:30px;
  margin-left:-35px;
}
.setp-tab li{
  float:left;
  height:76px;
  padding:20px 0 0 35px;
  width:181px;
}
/* Editor Info */


.editor-info img{
  float:right;
}
.editor-info .left{
  width:186px;
}
/* Employee List */
.employee-list .photo {
   position:absolute;
}

.employee-list h4{
  margin-bottom:20px;
  margin-left:10px;
}
.employee-list ul{
  margin-bottom:20px;
}
.employee-list li{
  margin-bottom:5px;
}
.employee-list img{
  border-right:5px solid #ECEDED;
  float:left;
  margin-right:5px;
  padding:10px;
}
.employee-list div.left{
  height:132px;
  padding:20px;
  position:relative;
  width:400px;
  margin-left:170px;
}
.employee-list p{
  margin-top:20px;
}
.employee-list a{
  position:absolute;
  bottom:20px;
}
/* Table */
.table{
  width:100%;
}
.table th{
  padding:10px;
}
.table td{
  height:34px;
  padding:0 10px;
  vertical-align:middle;
}
.table .topic{
  width:130px;
}
.table td a {
  color:#000;
}
.table .news-title{

}
.table .course{

}
.table .date{
  width:80px;
}
.table .link{
  width:70px;
}
/* Course Table */
.course-table{
  float:left;
  margin-right:15px;
  width:650px;
}
/* News Table */
.news-table td{
  height:50px;
}
/* About */
.about{
  float:left;
  margin-bottom:20px;
  margin-top:45px;
  padding:10px;
  width:130px;
}
.about h5{
  margin-bottom:20px;
}
/* Pagination */
.pager{
  margin-top:20px;
  padding-bottom:20px;
}
.pager a,
.pager span{
  margin:0 5px;
}
.pager .prev,
.pager .next{
  margin:0 20px;
}
/* =6 Sidebar
---------------------------------------------------------------------------------------------------------------------*/
#sidebar{
  float:left;
  padding-left:10px;
  padding-right:20px;

  width:280px;
}
.home-container #sidebar{
  padding:0;
  width:310px;
}
/* Block */
.block{
  margin-bottom:30px;
  padding:10px 0 10px 10px ;
  position:relative;
}
.block .title{
  margin-bottom:30px;
}
.block p.short{
  margin-right:40%;
}
.block img{
  margin-bottom:50px;
}
.block a.button,
.block button{
  bottom:0;
  position:absolute;
  right:0;
}
/* Sub Nav */
.sub-nav {
    padding-bottom:40px;
}
.sub-nav a{
  display:block;
  padding:0 10px;
  
}
.sub-nav li.current{
  padding:5px 0;
}
.sub-nav li.current li{
  padding:0 5px;
}
.sub-nav li.current li a{
  padding-left:20px;
}
/* Calendar */
.calendar{
  margin:0 auto;
  padding-bottom:120px;
  width:250px;
}
/* Contact Block */
.contact-block{
  height:82px;
  padding:10px 0 10px 10px;
  position:relative;
}
.home-container .contact-block{
  margin:0 0 10px 30px;
}
.contact-block p{
  margin-right:45%;
}
/* Search Block */
.search-block{
  margin-top:50px;
  padding-bottom:90px;
  padding-top:10px;
}
.search-block p{
  margin-bottom:30px;
}
.search-form{
  position:relative;
}
.search-block label{
  left:5px;
  position:absolute;
}
.search-block input{
  float:none;
}
.search-block button{
  bottom:-55px;
  right:-10px;
}
/* Banner Block */
.banner-block{
  float:right;
  margin-top:30px;
  padding-right:0;
}
/* Course Detail */
.course-detail{
  padding-bottom:100px;
}
.course-detail h4{
  margin-bottom:20px;
}
.course-detail h6{
  margin-top:15px;
}
.course-detail li{
  margin-left:3px;
}
/* In Touch */
.in-touch{
  padding-bottom:50px;
}
.in-touch img{
  float:left;
  margin-bottom:20px;
  margin-right:20px;
}
.in-touch h5{
  margin-bottom:20px;
}