body
{
    background: url(../images/new/body-bg.png) repeat-y center;
    margin: 0;
    padding: 0;
}
#custom-doc
{
    width: 61.538em; /* 800/13 */ 
    *width:60.002em;/* 800/13.3333 */
    margin:auto;
    text-align:left;
}
#hd .banner
{
    background: #000;
}
#col1
{
    width: 135px;
    float: left;
}
#col2
{
    width: 635px;
    float: right;
    padding-right:20px;
    overflow:hidden;
}

/* main menu */
#menu
{
    margin-bottom:10px;
}
#menu ul
{
    margin:0;
}
#menu li
{
    list-style: none;
    position:relative;
}
#menu li a
{
    display:block;
    width:120px;
    background:#231f20;
    color:#FFF;
    text-decoration:none;
    font-size:116%;
    font-weight:bold;
    margin:1px 0 0 1px;
    padding:10px 5px;
    line-height:100%;
}
#menu ul ul
{
    display:none;
}
#menu ul li:hover ul
{
    display:block;
    position:absolute;
    top:0;
    left:131px;
    z-index:1000;
}
#menu ul ul li a
{
    background:#b2b2b2;
    font-weight:normal;
    color:#000;
    width:70px;
    margin:0;
    border-bottom:1px solid #FFF;
}


/* link images under main menu */
.link-image
{
    display:block;
    margin:10px 0;
}

/* home page content */
.home-content
{
    font-family:Verdana;
    font-size:16px;
    background:url(../images/new/main1.jpg) no-repeat 0px 10px;
    padding-top:245px;
    margin-right:-19px;
}
.home-content ul
{
    margin-top:0;
    margin-left:20px;
}
.home-content .big
{
    font-size:26px;
}

/* footer menu */
#ft-menu
{
    border-top:1px solid #231f20;
    width:780px;
    margin:10px auto 0 auto;
    padding-top:5px;
}
#ft-menu ul
{
    margin:0;
}
#ft-menu li
{
    list-style: none;
    float:left;
}
#ft-menu li a
{
    display:block;
    color:#231f20;
    text-decoration:none;
    font-size:85%;
    padding:0 5px;
    border-right:1px solid #bc2b2e;
}
#ft-menu li a.last
{
    border:0;
}

/* link back to viontech site */
.viontech
{
    padding-top:5px;
    clear:both;
    text-align:center;
    font-size:85%;
}
.viontech a
{
    text-decoration:none;
    color:#231f20;
}

/* student of the month on home page */
.student-of-the-month
{
    float:right;
    border:1px solid #7e7e7e;
    width:200px;
    margin:0 30px 15px 0;
    text-align:center;
    padding:5px 0 20px 0;
}
.student-of-the-month a
{
    font-size:93%;
    text-decoration:none;
    color:#000;
    font-family:Tahoma;
}
.student-of-the-month img
{
    width:150px;
    margin-top:5px;
}

/* content on timetable page */
.timetable-content
{
    background:url(../images/new/bg_timetable.jpg) no-repeat center;
    min-height:462px;
}
* html .timetable-content
{
    height:462px;
}
.timetable-content table
{
    width:100%;
    margin-left:1px
}
.timetable-content td
{
    font-size:116%;
    vertical-align:top;
    padding:2px 5px;
}
.timetable-content td small
{
    font-weight:normal;
    font-size:70%;
}

/* notice board on events calendar page */
.notice-top
{
    background:url(../images/new/notice_01.jpg) no-repeat top;
    padding-top:66px;
    overflow:hidden;
}
.notice-bottom
{
    overflow:hidden;
    background:url(../images/new/notice_03.jpg) no-repeat bottom;
    padding-bottom:109px;
}
.notice-middle
{
    padding:0 50px;
    background:url(../images/new/notice_02.jpg) repeat-y center;
}

/* gallery clips */
.gallery-clips
{
    width:270px;
    float:left;
}
.gallery-clips .title
{
    font-weight:bold;
}
.gallery-clips .title a
{
    font-weight:normal;
    float:right;
}
.gallery-clips .clip
{
    border:1px solid #231f20;
    padding:7px;
    margin-top:10px;
    text-align:center;
}
.gallery-clips .clip-description
{
    margin-top:5px;
}

/* gallery pics */
.gallery-pics
{
    width:350px;
    float:right;
}
.gallery-pics .title
{
    font-weight:bold;
    padding:0 9px;
}
.gallery-pics .title a
{
    font-weight:normal;
    float:right;
}
.gallery-pics .pic
{
    float:left;
    border:1px solid #231f20;
    padding:7px;
    margin:10px 0 0 10px;
    text-align:center;
    width:145px;
    text-align:center;
}
* html .gallery-pics .pic
{
    width:140px;
}
.gallery-pics .pic a img
{
    display:block;
    height:84px;
    margin:auto;
}

/* main clips page */
#clips-table td
{
    border:0;
    vertical-align:top;
}
.clips-clips
{
    overflow:hidden;
    width:540px;
}
.clips-clips .clip
{
    float:left;
    border:1px solid #231f20;
    padding:5px;
    margin:7px 7px 0 0;
    text-align:center;
    width:240px;
}
.clips-clips .clip-description
{
    margin-top:5px;
}

/* main pics page */
#pics-table td
{
    border:0;
    vertical-align:top;
}
.pics-pics
{
    padding-top:10px;
}
.pics-pics .pic
{
    float:left;
    border:1px solid #231f20;
    padding:7px;
    margin:0 0 10px 10px;
    text-align:center;
    width:125px;
}
.pics-pics .pic a img
{
    display:block;
    height:84px;
    margin:auto;
}

/* contact form table */
#contact-table td
{
    border:0;
    padding-left:0;
    padding-top:0;
}

/* pager for clips and pics */
.pagerLabelDiv
{
    clear:both;
    text-align:right;
    padding-right:30px;
}