﻿

div#section1
{
    width:740px;
}

div#section1 h3#title
{
    margin:22px 0 8px 14px;
    display:                block;
    height:                 29px;
    width:                  154px;
}

div#section1 h3#title span
{
    display:none;
}

div#section1.whatson h3#title
{
    background:             transparent url(../images/whatson/whatson.gif) no-repeat top left;
}

div#section1.students h3#title
{
    background:             transparent url(../images/students/students.gif) no-repeat top left;
    height:                 23px;
    width:                  124px;
}


div#section1.privacy h3#title
{
    background:             transparent url(../images/privacypolicy.gif) no-repeat top left;
    height:                 23px;
    width:                  186px;
}

div#section1.cinema h3#title
{
    background:             transparent url(../images/cinema.gif) no-repeat top left;
    height:                 23px;
    width:                  91px;
}

div#section1.sitemap h3#title
{
    background:             transparent url(../images/sitemap.gif) no-repeat top left;
    height:                 23px;
    width:                  112px;
}

div#whatson, div#students, div#privacy, div#sitemap, div#cinema
{
    border-top:solid 1px #B2B2B2;
    width:742px;
}

 div#sitemap ul
 {
    padding:5px 0 5px 15px;
    margin:0 0 0 20px;
    color:#5B5B5B;
    font-weight:bold;
 }
 
 div#sitemap ul a
 {
    text-decoration:none;
    color:#5B5B5B;
 }
 
 div#sitemap ul a:hover
 {
    text-decoration:underline;
 }
 
 div#sitemap ul ul
 {
    font-weight:normal;
    font-style:italic;
 }

div#privacy
{
    padding-top:17px;
}

div#privacy p, div#privacy h4
{
    color:#5B5B5B;
    margin:0 0 0 0;
    padding:0 17px 10px 17px;
}

div#privacy h4
{
    font-size:12px;
}

div#whatson ul, div#students ul
{
    margin:0 0 0 0;
    padding:5px 0 5px 6px;
    list-style:none;
}

div#whatson li, div#students li
{
    float:left;
    background:             transparent url(../images/whatson/item_bg.gif) no-repeat top left;
    margin:0 0 4px 0;
    padding:0 0 0 0;
    width:364px;
    height:147px;
}

div#students li
{
    background:             transparent url(../images/students/students_bg.gif) no-repeat top left;
    width:360px;
    height:165px;
}

div#students li.preview, div#whatson li.preview
{
    height:210px;
}

div#students li.preview div#previewItemBox
{
    
    position:relative;
    
}

div#students li div.wrapper
{
    width:360px;
    overflow:hidden;
}

div#whatson li div.wrapper
{
    height:147px;
    width:364px;
    overflow:hidden;
    
}



div#whatson li div#previewItemBox a
{
    background:none;
    width:auto;
    margin:0 0 0 0;
    padding:0 0 0 0;
}

div#whatson li.even, div#students li.even
{
    margin-left:4px;
}

div#whatson li img, div#students li img
{
    margin:15px;
    margin-right:0;
    display:inline;
    float:left;
}

* html div#whatson li img, * html div#students li img
{
    margin-right:15px;
}

div#students li img
{
    margin:0;
}

div#whatson li p, div#students li p, div#whatson li h5, div#students li h5, div#whatson li a, div#students li a
{
    color:#5B5B5B;
    margin:0 0 0 0;
    padding:0 20px 0 15px;
    overflow:hidden;
}

div#whatson li h5, div#students li h5
{
    font-size:12px;
    color:#EE1C23;
    padding-top:15px;
    padding-bottom:7px;
}

div#students li h5
{
    color:#179FD5;
}


div#whatson li a
{
    padding-top:10px;
    margin-left:15px;
    width:125px;
    overflow:hidden;
    display:block;
    background:             transparent url(../images/whatson/arrow.gif) no-repeat 0 10px;
}

/*students paging*/
div#students div#paging
{
    clear:both;
    padding-left:6px;
}


div#students div#paging ul, div#students div#paging ul li
{
    margin:0 0 0 0;
    padding:0 0 0 0;
}

div#students div#paging ul
{
    overflow:hidden;
    width:725px;
    background-color:#0083BE;
}

div#students div#paging ul li
{
    background:none;
    width:auto;
    height:auto;
    line-height:30px;
    display:block;
    float:left;
    list-style-type:none;
}

div#students div#paging li a
{
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    font-size:12px;
}

div#students div#paging li a.previous
{
    background: #0083BE url(../images/paging/blue_left.gif) no-repeat bottom left
}

div#students div#paging li a.previous span
{
    display:block;
    padding:0 0 0 40px;
}

div#students div#paging li a.next
{
    background: #0083BE url(../images/paging/blue_right.gif) no-repeat bottom right;
}

div#students div#paging li a.previous, div#students div#paging li a.next, div#students div#paging li.spacer
{
    display:block;
    width:180px;
    height:30px;
    font-weight:bold;
}

div#students div#paging li.spacer, div#students div#paging li a.previous
{
    width:340px;
}

div#students div#paging li.next
{
    float:right;
}

div#students div#paging li.next a span
{
    padding-left:100px;
}

div#students div#paging li a.normal
{
    font-weight:normal;
    padding:0 4px;
}

div#students div#paging li.selected a
{
    color:#EE3124;
    padding:0 4px;
}


/*whats on  paging*/
div#whatson div#paging
{
    clear:both;
    padding-left:6px;
}


div#whatson div#paging ul, div#students div#paging ul li
{
    margin:0 0 0 0;
    padding:0 0 0 0;
}

div#whatson div#paging ul
{
    overflow:hidden;
    width:725px;
    background-color:#A5050E;
}

div#whatson div#paging ul li
{
    background:none;
    width:auto;
    height:auto;
    line-height:30px;
    display:block;
    float:left;
    list-style-type:none;
}

div#whatson div#paging li a
{
    background:none;
    margin:0 0 0 0;
    padding:0 0 0 0;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    width:auto;
    height:auto;
    font-size:12px;
}

div#whatson div#paging li a.previous
{
    background: #A5050E url(../images/paging/red_left.gif) no-repeat bottom left
}

div#whatson div#paging li a.previous span
{
    display:block;
    padding:0 0 0 40px;
}

div#whatson div#paging li a.next
{
    background: #A5050E url(../images/paging/red_right.gif) no-repeat bottom right;
}

div#whatson div#paging li a.previous, div#whatson div#paging li a.next, div#whatson div#paging li.spacer
{
    display:block;
    width:180px;
    height:30px;
    font-weight:bold;
}

div#whatson div#paging li.spacer, div#whatson div#paging li a.previous
{
    width:340px;
}

div#whatson div#paging li.next
{
    float:right;
}

div#whatson div#paging li.next a span
{
    padding-left:100px;
}

div#whatson div#paging li a.normal
{
    font-weight:normal;
    padding:0 4px;
}

div#whatson div#paging li.selected a
{
    color:#EDB802;
    padding:0 4px;
}


div#cinema div.film
{
    color:#5B5B5B;
    padding:10px;
    border-bottom:dashed 1px #B2B2B2;
}

div#cinema div.film h5
{
    margin:0 0 0 0;
    font-size:14px;
}

div#cinema div.film p.director
{
    margin-top:0;
    padding-top:0;
}

div#cinema div.period p.days
{
    font-size:12px;
    font-weight:bold;
}

