body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.3em;
    color: #ffffff;
    background-color: #000000;
    margin: 10px 10px 10px 10px;
    height: 100%;
}
a
{
    color: #ff0090;
    text-decoration: none;
}
a:hover
{
    color: #ffffff;
    text-decoration: none;
}

/* layout */
#container
{
    width: 940px;
    height: inherit;
    left: 50%;
    margin-left: -470px; /* half the width of the div */
    margin: 10px auto;
    background-color: #000000;
    height: 100%;
}

/* header */
.header
{
    width: 100%;
    height: 41px;
    background-color: #000000;
}
.id-image
{
    float: right;
    width: 686px;
    height: 246px;
    margin-bottom: 10px;
}
.welcome
{
    float: right;
    width: 686px;
}
.menu-holder
{
    float: left;
    width: 200px;
    margin-left: 20px;
}
.header-cut-off
{
    width: 100%;
    border-top: dashed 1px #ffffff;
    margin-top: 20px;
}

h4
{
    height: 18px;
    background-image: url(../images/three-bullet.gif);
    background-repeat: no-repeat;
    padding-left: 14px;
    padding-top: 2px;
    padding-bottom: 0px;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
}

/* footer */
.footer
{
    clear: both;
    width: 100%;
    height: 41px;
    background-color: #000000;
    border-top: dashed 1px #ffffff;
    margin-top: 10px;
    margin-top: 20px;
}
.footer-left
{
    float: left;
    width: 30%;
    text-align: left;
}
.footer-right
{
    float: right;
    width: 60%;
    text-align: right;
}

/* main menu */
.menu-item
{
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: dashed 1px #ffffff;
}
.menu-item a
{
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    padding-left: 13px;
}
.menu-item a:hover
{
    font-size: 12px;
    color: #ff0090;
    text-decoration: none;
    padding-left: 13px;
}

.content-holder
{
    clear: both;
    padding-left: 18px;
    padding-right: 18px;
}

.latest-news
{
    float: left;
    width: 410px;
    margin-right: 10px;
}
.future-events
{
    float: left;
    width: 230px;
    margin-right: 10px;
}
.additional-content
{
    float: right;
    width: 225px;
}

.news-items
{
    border-left: 8px solid #ff0090;
    padding-left: 10px;
}
.news-title
{
    font-size: 12px;
    color: #ff0090;
}
.news-title a
{
    color: #ff0090;
}
.news-title a:hover
{
    color: #ffffff;
}

.news-image
{
    float: right;
    margin-left: 5px;
}
.news-images
{
    clear: both;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: solid 1px #585858;
}
.view-all-news
{
    padding-top: 4px;
    padding-bottom: 4px;
    border-top: dashed 1px #ffffff;
    border-bottom: dashed 1px #ffffff;
    margin-top: 10px;
}

.event-items
{
    border-left: 8px solid #c911a5;
    padding-left: 10px;
}
.event-title
{
    font-size: 12px;
    color: #c911a5;
}
.event-image
{
    float: right;
    margin-left: 5px;
}
.view-all-event
{
    padding-top: 4px;
    padding-bottom: 4px;
    border-top: dashed 1px #ffffff;
    border-bottom: dashed 1px #ffffff;
    margin-top: 10px;
}

.head-blog
{
    border-left: 8px solid #6c489b;
    padding-left: 10px;
    height: 47px;
}
.head-blog-label
{
    padding-left: 10px;
    background-color: #6c489b;
    font-size: 16px;
    height: 22px;
    padding-top: 15px;
    padding-bottom: 10px;
}
.head-blog a
{
    color: #ffffff;
}

.notice-items
{
    border-left: 8px solid #ffc700;
    padding-left: 10px;
}
.notice-content
{
    color: #ffc700;
    padding-bottom: 6px;
}
.view-all-notice
{
    padding-top: 4px;
    padding-bottom: 4px;
    border-top: dashed 1px #ffffff;
    border-bottom: dashed 1px #ffffff;
    margin-top: 10px;
}

.links-items
{
    border-left: 8px solid #ff8e00;
    padding-left: 10px;
}
.links-content
{
    color: #ff8e00;
    border-bottom: dashed 1px #ffffff;
    padding-bottom: 6px;
}
.links-items a
{
    color: #ff8e00;
}
.links-items a:hover
{
    color: #ffffff;
}
.view-all-links
{
    padding-top: 4px;
    padding-bottom: 4px;
    border-top: dashed 1px #ffffff;
    border-bottom: dashed 1px #ffffff;
    margin-top: 10px;
}

.sub-nav-info
{
    float: left;
    width: 203px;
    margin-right: 20px;
}
.sub-content
{
    float: right;
    width: 660px;
    border-left: 8px solid #ff0090;
    padding-left: 10px;
    min-height: 100%;
}

/* information */
.sub-nav-dates
{
    float: left;
    width: 203px;
    margin-right: 20px;
}
.sub-content-info
{
    float: right;
    width: 660px;
    border-left: 8px solid #E20079;
    padding-left: 10px;
    min-height: 100%;
}
.inthissection-info
{
    width: 200px;
    height: 20px;
    background-color: #E20079;
    padding-left: 14px;
    padding-top: 5px;
}

.sub-nav-info div
{
    margin-bottom: 5px;
}

.sub-menu-item-info a
{
    width: 200px;
    color: #E20079;
    padding-left: 14px;
    text-decoration: none;
}
.sub-menu-item-info a:hover
{
    width: 200px;
    color: #ffffff;
    padding-left: 14px;
    text-decoration: none;
}

.sub-menu-item-info-on a
{
    width: 200px;
    color: #ffffff;
    padding-left: 14px;
    text-decoration: none;
}
.sub-menu-item-info-on a:hover
{
    width: 200px;
    color: #E20079;
    padding-left: 14px;
    text-decoration: none;
}



/* dates times */
.sub-nav-dates
{
    float: left;
    width: 203px;
    margin-right: 20px;
}
.sub-content-dates
{
    float: right;
    width: 660px;
    border-left: 8px solid #817BB6;
    padding-left: 10px;
    min-height: 100%;
}
.inthissection-dates
{
    width: 200px;
    height: 20px;
    background-color: #817BB6;
    padding-left: 14px;
    padding-top: 5px;
}

.sub-nav-dates div
{
    margin-bottom: 5px;
}

.sub-menu-item-dates a
{
    width: 200px;
    color: #817BB6;
    padding-left: 14px;
    text-decoration: none;
}
.sub-menu-item-dates a:hover
{
    width: 200px;
    color: #ffffff;
    padding-left: 14px;
    text-decoration: none;
}

.sub-menu-item-dates-on a
{
    width: 200px;
    color: #ffffff;
    padding-left: 14px;
    text-decoration: none;
}
.sub-menu-item-dates-on a:hover
{
    width: 200px;
    color: #817BB6;
    padding-left: 14px;
    text-decoration: none;
}


/* events */
.event-month
{
    clear: both;
    font-size: 12px;
    color: #000000;
    margin-bottom: 10px;
    color: #817BB6;
    font-weight: bold;
}
.event-date
{
    float: left;
    width: 15%;
    color: #000000;
    color: #817BB6;
    font-weight: bold;
}
.event-time
{
    float: left;
    width: 10%;
    color: #000000;
    color: #817BB6;
    font-weight: bold;
}
.event-event
{
    float: left;
    width: 45%;
    color: #000000;
    color: #817BB6;
    font-weight: bold;
}
.event-location
{
    float: left;
    width: 15%;
    color: #000000;
    color: #817BB6;
    font-weight: bold;
}
.event-more
{
    float: left;
    width: 10%;
    color: #000000;
    color: #817BB6;
    font-weight: bold;
}

.event-month-item
{
    clear: both;
    
}
.event-date-item
{
    float: left;
    width: 15%;
}
.event-time-item
{
    float: left;
    width: 10%;
}
.event-event-item
{
    float: left;
    width: 45%;
}
.event-location-item
{
    float: left;
    width: 15%;
}
.event-more-item
{
    float: left;
    width: 10%;
}

/* home */
.sub-nav-home
{
    float: left;
    width: 203px;
    margin-right: 20px;
}
.sub-content-home
{
    float: right;
    width: 660px;
    border-left: 8px solid #C5C7C8;
    padding-left: 10px;
    min-height: 100%;
}
.inthissection-home
{
    width: 200px;
    height: 20px;
    background-color: #C5C7C8;
    padding-left: 14px;
    padding-top: 5px;
}

.sub-nav-home div
{
    margin-bottom: 5px;
}

.sub-menu-item-home a
{
    width: 200px;
    color: #C5C7C8;
    padding-left: 14px;
    text-decoration: none;
}
.sub-menu-item-home a:hover
{
    width: 200px;
    color: #ffffff;
    padding-left: 14px;
    text-decoration: none;
}

.sub-menu-item-home-on a
{
    width: 200px;
    color: #ffffff;
    padding-left: 14px;
    text-decoration: none;
}
.sub-menu-item-home-on a:hover
{
    width: 200px;
    color: #C5C7C8;
    padding-left: 14px;
    text-decoration: none;
}

/* information */
.sub-nav-pros
{
    float: left;
    width: 203px;
    margin-right: 20px;
}
.sub-content-pros
{
    float: right;
    width: 660px;
    border-left: 8px solid #009EE0;
    padding-left: 10px;
    min-height: 100%;
}
.inthissection-pros
{
    width: 200px;
    height: 20px;
    background-color: #009EE0;
    padding-left: 14px;
    padding-top: 5px;
}

.sub-nav-pros div
{
    margin-bottom: 5px;
}

.sub-menu-item-pros a
{
    width: 200px;
    color: #009EE0;
    text-decoration: none;
}
.sub-menu-item-pros a:hover
{
    width: 200px;
    color: #ffffff;
    text-decoration: none;
}

.sub-menu-item-pros-on a
{
    width: 200px;
    color: #ffffff;
    text-decoration: none;
}
.sub-menu-item-pros-on a:hover
{
    width: 200px;
    color: #009EE0;
    text-decoration: none;
}

/* student zone */
.sub-nav-stud
{
    float: left;
    width: 203px;
    margin-right: 20px;
}
.sub-content-stud
{
    float: right;
    width: 660px;
    border-left: 8px solid #EA5B0C;
    padding-left: 10px;
    min-height: 100%;
}
.inthissection-stud
{
    width: 200px;
    height: 20px;
    background-color: #EA5B0C;
    padding-left: 14px;
    padding-top: 5px;
}

.sub-nav-stud div
{
    margin-bottom: 5px;
}

.sub-menu-item-stud a
{
    width: 200px;
    color: #EA5B0C;
    text-decoration: none;
}
.sub-menu-item-stud a:hover
{
    width: 200px;
    color: #ffffff;
    text-decoration: none;
}

.sub-menu-item-stud-on a
{
    width: 200px;
    color: #ffffff;
    text-decoration: none;
}
.sub-menu-item-stud-on a:hover
{
    width: 200px;
    color: #EA5B0C;
    text-decoration: none;
}
.download-link-stud a
{
    display: block;
    width: 200px;
    color: #EA5B0C;
    padding-left: 14px;
    text-decoration: none;
}
.download-link-stud a:hover
{
    display: block;
    width: 200px;
    color: #ffffff;
    padding-left: 14px;
    text-decoration: none;
}


/* community zone */
.sub-nav-comm
{
    float: left;
    width: 203px;
    margin-right: 20px;
}
.sub-content-comm
{
    float: right;
    width: 660px;
    border-left: 8px solid #FCBF03;
    padding-left: 10px;
    min-height: 100%;
}
.inthissection-comm
{
    width: 200px;
    height: 20px;
    background-color: #FCBF03;
    padding-left: 14px;
    padding-top: 5px;
}

.sub-nav-comm div
{
    margin-bottom: 5px;
}

.sub-menu-item-comm a
{
    width: 200px;
    color: #FCBF03;
    text-decoration: none;
}
.sub-menu-item-comm a:hover
{
    width: 200px;
    color: #ffffff;
    text-decoration: none;
}

.sub-menu-item-comm-on a
{
    width: 200px;
    color: #ffffff;
    text-decoration: none;
}
.sub-menu-item-comm-on a:hover
{
    width: 200px;
    color: #FCBF03;
    text-decoration: none;
}

/* vacancies */
.vacancies-more
{
    float: right;
    width: 40%;
    text-align: right;
}
.vacancies-more a
{
    color: #98D0AE;
    font-size: 11px;
    text-decoration: none;
}
.vacancies-more a:hover
{
    color: #ffffff;
    font-size: 11px;
    text-decoration: none;
}
.sub-nav-vaca
{
    float: left;
    width: 203px;
    margin-right: 20px;
}
.sub-content-vaca
{
    float: right;
    width: 660px;
    border-left: 8px solid #98D0AE;
    padding-left: 10px;
    min-height: 100%;
}
.inthissection-vaca
{
    width: 200px;
    height: 20px;
    background-color: #98D0AE;
    padding-left: 14px;
    padding-top: 5px;
}

.sub-nav-vaca div
{
    margin-bottom: 5px;
}

.sub-menu-item-vaca a
{
    width: 200px;
    color: #98D0AE;
    text-decoration: none;
}
.sub-menu-item-vaca a:hover
{
    width: 200px;
    color: #ffffff;
    text-decoration: none;
}

.sub-menu-item-vaca-on a
{
    width: 200px;
    color: #ffffff;
    text-decoration: none;
}
.sub-menu-item-vaca-on a:hover
{
    width: 200px;
    color: #98D0AE;
    text-decoration: none;
}

/* contact us */
.sub-nav-cont
{
    float: left;
    width: 203px;
    margin-right: 20px;
}
.sub-content-cont
{
    float: right;
    width: 660px;
    border-left: 8px solid #C5C7C8;
    padding-left: 10px;
    min-height: 100%;
}
.inthissection-cont
{
    width: 200px;
    height: 20px;
    background-color: #C5C7C8;
    padding-left: 14px;
    padding-top: 5px;
}

.sub-nav-cont div
{
    margin-bottom: 5px;
}

.sub-menu-item-cont a
{
    width: 200px;
    color: #C5C7C8;
    text-decoration: none;
}
.sub-menu-item-cont a:hover
{
    width: 200px;
    color: #ffffff;
    text-decoration: none;
}

.sub-menu-item-cont-on a
{
    width: 200px;
    color: #ffffff;
    text-decoration: none;
}
.sub-menu-item-cont-on a:hover
{
    width: 200px;
    color: #C5C7C8;
    text-decoration: none;
}

/* media zone */
.sub-nav-media
{
    float: left;
    width: 203px;
    margin-right: 20px;
}
.sub-content-media
{
    float: right;
    width: 660px;
    border-left: 8px solid #92BF06;
    padding-left: 10px;
    min-height: 100%;
}
.inthissection-media
{
    width: 200px;
    height: 20px;
    background-color: #92BF06;
    padding-left: 14px;
    padding-top: 5px;
}

.sub-nav-media div
{
    margin-bottom: 5px;
}

.sub-menu-item-media a
{
    width: 180px;
    color: #92BF06;
    text-decoration: none;
    display: block;
    padding-right: 10px;
}
.sub-menu-item-media a:hover
{
    width: 180px;
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding-right: 10px;
}

.sub-menu-item-media-on a
{
    width: 180px;
    color: #ffffff;
    text-decoration: none;
    display: block;
}
.sub-menu-item-media-on a:hover
{
    width: 180px;
    color: #92BF06;
    text-decoration: none;
    display: block;
}

/* gallery */
.gallery-container
{
    float: left;
    width: 49%;
    background-color: #e3e3e3;
    margin-right: 5px;
}
.gallery-stamp
{
    float: left;
    width: 140px;
}
.gallery-title
{
    color: #000000;
    font-weight: bold;
}
.gallery-title a
{
    color: #000000;
    font-weight: bold;
}
.gallery-title a:hover
{
    color: #92BF06;
    font-weight: bold;
}
.gallery-desc
{
    color: #8a8a8a;
    margin-bottom: 4px;
}
.gallery-photos
{
    color: #000000;
}
.gallery-content
{
    float: right;
    min-height: 100%;
    width: 170px;
    line-height: 1.5em;
}

/* news */
.sub-nav-news
{
    float: left;
    width: 203px;
    margin-right: 20px;
}
.sub-content-news
{
    float: right;
    width: 660px;
    border-left: 8px solid #FFED00;
    padding-left: 10px;
    min-height: 100%;
}
.inthissection-news
{
    width: 200px;
    height: 20px;
    background-color: #FFED00;
    padding-left: 14px;
    padding-top: 5px;
    color: #000000;
}

.sub-nav-news div
{
    margin-bottom: 5px;
}

.sub-menu-item-news a
{
    width: 200px;
    color: #FFED00;
    text-decoration: none;
}
.sub-menu-item-news a:hover
{
    width: 200px;
    color: #ffffff;
    text-decoration: none;
}

.sub-menu-item-news-on a
{
    width: 200px;
    color: #ffffff;
    text-decoration: none;
}
.sub-menu-item-news-on a:hover
{
    width: 200px;
    color: #FFED00;
    text-decoration: none;
}

.hrnews
{
    clear: both;
    width: 100%;
    border-bottom: solid 1px #585858;
}
.news-item
{
    clear: both;
    width: 100%;
    margin-top: 10px;
    border-bottom: solid 1px #585858;
}
.news-item-detail
{
    clear: both;
    width: 100%;
    margin-top: 5px;
}
.news-title-list
{
    color: #FFED00;
    font-size: 12px;
    line-height: 1.5em;
}
.news-title-list a
{
    color: #FFED00;
    font-size: 12px;
    text-decoration: none;
}
.news-title-list a:hover
{
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
}
.news-synopsis
{
    font-size: 11px;
    color: #ffffff;
    margin-bottom: 15px;
}
.posted
{
    float: left;
    width: 40%;
    text-align: left;
    color: #FFED00;
}
.news-more
{
    float: right;
    width: 40%;
    text-align: right;
}
.news-more a
{
    color: #FFED00;
    font-size: 11px;
    text-decoration: none;
}
.news-more a:hover
{
    color: #ffffff;
    font-size: 11px;
    text-decoration: none;
}

.news-image
{
    clear: both;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: solid 1px #585858;
}

/* document zone */
.sub-nav-docz
{
    float: left;
    width: 203px;
    margin-right: 20px;
}
.sub-content-docz
{
    float: right;
    width: 660px;
    border-left: 8px solid #4FBEBC;
    padding-left: 10px;
    min-height: 100%;
}
.inthissection-docz
{
    width: 200px;
    height: 20px;
    background-color: #4FBEBC;
    padding-left: 14px;
    padding-top: 5px;
}

.sub-nav-docz div
{
    margin-bottom: 5px;
}

.sub-menu-item-docz a
{
    width: 200px;
    color: #4FBEBC;
    text-decoration: none;
}
.sub-menu-item-docz a:hover
{
    width: 200px;
    color: #ffffff;
    text-decoration: none;
}

.sub-menu-item-docz-on a
{
    width: 200px;
    color: #ffffff;
    text-decoration: none;
}
.sub-menu-item-docz-on a:hover
{
    width: 200px;
    color: #4FBEBC;
    text-decoration: none;
}

/* inputs */
input
{
    padding: 3px 3px 3px 3px;
    font-size: 12px;
    color: #6182a0;
    border: solid 1px #6182a0;
}
textarea
{
    padding: 3px 3px 3px 3px;
    font-size: 12px;
    color: #6182a0;
    border: solid 1px #6182a0;
}

.form-item
{
    padding: 5px 5px 5px 5px;
}
.form-item label
{
    color: #ffffff;
}
.w100
{
    width: 96%;
}

.home-logos
{
    text-align: center;
    margin-top: 5px;
}
.home-logos img
{
    margin-right: 10px;
}


.gallery-panel
{
    clear: both;
    display: block;
    width: 100%;
    height: 100%;
    border-bottom: dashed 1px #92BF06;
    margin-bottom: 10px;
}
.gallery-title a
{
    font-size: 12px;
    color: #92BF06;
    text-decoration: none;
}
.gallery-title a:hover
{
    font-size: 12px;
    color: #92BF06;
    text-decoration: underline;
}
.gallery-desc
{
    color: #ffffff;
}
.photo-count
{
    width: 25%;
    text-align: left;
    margin-bottom: 10px;
}
.gallery-image
{
    float: left;
    display: block;
    margin-right: 10px;
}