/*@charset "UTF-8";*/
/* CSS Document FONS LIVE */
.Inner {
    width: 950px;
    min-height: 100%;
    height: 100%;
    margin: 0 auto 0 auto;
    background-color: #FFFFFF;
}

.Block {
    width: 950px;
    height: 50%;
    bottom: 0;
    z-index: -1;
    background-color: #FFFFFF;
    position: absolute;
    left: 50%;
    margin-left: -475px;
}
/* header css */

#headerwrapper {
    background-color: #FFFFFF;
}

#header {
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    width: 950px;
}

.login, .logout {
    width: 950px;
    padding: 0 0 0 0;
    margin: 2px 0 0 0;
    text-align: right;
    text-decoration: none;
}

.logout {
    margin: -4px 0 -1px 0;
}

    .login a, .login a:visited,
    .logout a, .logout a:visited {
        text-decoration: none;
        font-size: 65%;
        font-weight: bold;
        color: #6d78a6;
    }

        .login a:hover, .logout a:hover {
            color: #999;
        }

.EditDetails {
    padding-right: 15px;
}

.logo {
    width: 420px;
    height: 100px;
    float: left;
}

    .logo img {
        border: 0;
    }

.headerimages {
    background-image: url(/images/header_nursing.jpg);
    background-repeat: no-repeat;
    height: 100px;
    width: 300px;
    float: right;
}

#navcontainer {
    width: 950px;
    clear: both;
    font-size: 70%;
    padding-top: 10px;
    position: relative;
}

    #navcontainer input {
        float: right;
        display: inline;
    }



    /* mainNav
------------------------------------*/

    #navcontainer ul {
        float: left;
        margin: 0;
        padding: 0;
        overflow: hidden;
        list-style: none;
    }

        #navcontainer ul li {
            float: left;
            /*background-image: url(/images/MainNav/abouttab-right.gif);*/
            background-repeat: no-repeat;
            background-position: right top;
            margin-right: 4px;
        }


/* TABS
------------------------------------*/


#mainNav .hometab {
    background-image: url(/images/MainNav/hometab-right.gif);
}

#mainNav .hometabOn {
    background-image: url(/images/MainNav/hometab-right_on.gif);
}

#mainNav .hometab a, #mainNav .hometab a:visited,
#mainNav .homelink, #mainNav .homelink:visited {
    line-height: 3em;
    text-decoration: none;
    color: #fff;
    float: left;
    display: block;
    background-repeat: repeat-y;
    background-image: url(/images/MainNav/hometab-left.gif);
    padding-top: 0;
    padding-right: 1em;
    padding-bottom: 0;
    padding-left: 1em;
}

#mainNav .homelinkOn, #mainNav .homelinkOn:visited {
    line-height: 3em;
    text-decoration: none;
    color: #fff;
    float: left;
    display: block;
    background-repeat: repeat-y;
    background-image: url(/images/MainNav/hometab-left_on.gif);
    padding-top: 0;
    padding-right: 1em;
    padding-bottom: 0;
    padding-left: 1em;
}

#mainNav .abouttab {
    background-image: url(/images/MainNav/abouttab-right.gif);
}

#mainNav .abouttabOn {
    background-image: url(/images/MainNav/abouttab-right_on.gif);
}

#mainNav .abouttab a, #mainNav .abouttab a:visited,
#mainNav .aboutlink, #mainNav .aboutlink:visited {
    line-height: 3em;
    text-decoration: none;
    color: #fff;
    float: left;
    display: block;
    background-repeat: repeat-y;
    background-image: url(/images/MainNav/abouttab-left.gif);
    padding-top: 0;
    padding-right: 1em;
    padding-bottom: 0;
    padding-left: 1em;
}

#mainNav .aboutlinkOn, #mainNav .aboutlinkOn:visited {
    line-height: 3em;
    text-decoration: none;
    color: #fff;
    float: left;
    display: block;
    background-repeat: repeat-y;
    background-image: url(/images/MainNav/abouttab-left_on.gif);
    padding-top: 0;
    padding-right: 1em;
    padding-bottom: 0;
    padding-left: 1em;
}

#mainNav .librarytab {
    background-image: url(/images/MainNav/librarytab-right.gif);
}

#mainNav .librarytabOn {
    background-image: url(/images/MainNav/librarytab-right_on.gif);
}

#mainNav .librarytab a, #mainNav .librarytab a:visited,
#mainNav .librarylink, #mainNav .librarylink:visited {
    line-height: 3em;
    text-decoration: none;
    color: #fff;
    float: left;
    display: block;
    background-repeat: repeat-y;
    background-image: url(/images/MainNav/librarytab-left.gif);
    padding-top: 0;
    padding-right: 1em;
    padding-bottom: 0;
    padding-left: 1em;
}

#mainNav .librarytabOn a, #mainNav .librarytabOn a:visited,
#mainNav .librarylinkOn, #mainNav .librarylinkOn:visited {
    line-height: 3em;
    text-decoration: none;
    color: #fff;
    float: left;
    display: block;
    background-repeat: repeat-y;
    background-image: url(/images/MainNav/librarytab-left_on.gif);
    padding-top: 0;
    padding-right: 1em;
    padding-bottom: 0;
    padding-left: 1em;
}

#mainNav .programmestab {
    background-image: url(/images/MainNav/progtab-right.gif);
}

#mainNav .programmestabOn {
    background-image: url(/images/MainNav/progtab-right_on.gif);
}

#mainNav .programmestab a, #mainNav .programmestab a:visited,
#mainNav .programmeslink, #mainNav .programmeslink:visited {
    line-height: 3em;
    text-decoration: none;
    color: #fff;
    float: left;
    display: block;
    background-repeat: repeat-y;
    background-image: url(/images/MainNav/progtab-left.gif);
    padding-top: 0;
    padding-right: 1em;
    padding-bottom: 0;
    padding-left: 1em;
}

#mainNav .programmestabOn a, #mainNav .programmestabOn a:visited,
#mainNav .programmeslinkOn, #mainNav .programmeslinkOn:visited {
    line-height: 3em;
    text-decoration: none;
    color: #fff;
    float: left;
    display: block;
    background-repeat: repeat-y;
    background-image: url(/images/MainNav/progtab-left_on.gif);
    padding-top: 0;
    padding-right: 1em;
    padding-bottom: 0;
    padding-left: 1em;
}

#mainNav .commontab {
    background-image: url(/images/MainNav/commontab-right.gif);
}

#mainNav .commontabOn {
    background-image: url(/images/MainNav/commontab-right_on.gif);
}

#mainNav .commontab a, #mainNav .commontab a:visited,
#mainNav .commonlink, #mainNav .commonlink:visited {
    line-height: 3em;
    text-decoration: none;
    color: #fff;
    float: left;
    display: block;
    background-repeat: repeat-y;
    background-image: url(/images/MainNav/commontab-left.gif);
    padding-top: 0;
    padding-right: 1em;
    padding-bottom: 0;
    padding-left: 1em;
}

#mainNav .commontabOn a, #mainNav .commontabOn a:visited,
#mainNav .commonlinkOn, #mainNav .commonlinkOn:visited {
    line-height: 3em;
    text-decoration: none;
    color: #fff;
    float: left;
    display: block;
    background-repeat: repeat-y;
    background-image: url(/images/MainNav/commontab-left_on.gif);
    padding-top: 0;
    padding-right: 1em;
    padding-bottom: 0;
    padding-left: 1em;
}

#mainNav .learningtab {
    background-image: url(/images/MainNav/learningtab-right.gif);
}

#mainNav .learningtabOn {
    background-image: url(/images/MainNav/learningtab-right_on.gif);
}

#mainNav .learningtab a, #mainNav .learningtab a:visited,
#mainNav .learninglink, #mainNav .learninglink:visited {
    line-height: 3em;
    text-decoration: none;
    color: #fff;
    float: left;
    display: block;
    background-repeat: repeat-y;
    background-image: url(/images/MainNav/learningtab-left.gif);
    padding-top: 0;
    padding-right: 1em;
    padding-bottom: 0;
    padding-left: 1em;
}

#mainNav .learningtabOn a, #mainNav .learningtabOn a:visited,
#mainNav .learninglinkOn, #mainNav .learninglinkOn:visited {
    line-height: 3em;
    text-decoration: none;
    color: #fff;
    float: left;
    display: block;
    background-repeat: repeat-y;
    background-image: url(/images/MainNav/learningtab-left_on.gif);
    padding-top: 0;
    padding-right: 1em;
    padding-bottom: 0;
    padding-left: 1em;
}

#mainNav .supporttab {
    background-image: url(/images/MainNav/supporttab-right.gif);
}

#mainNav .supporttabOn {
    background-image: url(/images/MainNav/supporttab-right_on.gif);
}

#mainNav .supporttab a, #mainNav .supporttab a:visited,
#mainNav .supportlink, #mainNav .supportlink:visited {
    line-height: 3em;
    text-decoration: none;
    color: #fff;
    float: left;
    display: block;
    background-repeat: repeat-y;
    background-image: url(/images/MainNav/supporttab-left.gif);
    padding-top: 0;
    padding-right: 1em;
    padding-bottom: 0;
    padding-left: 1em;
}

#mainNav .supporttabOn a, #mainNav .supporttabOn a:visited,
#mainNav .supportlinkOn, #mainNav .supportlinkOn:visited {
    line-height: 3em;
    text-decoration: none;
    color: #fff;
    float: left;
    display: block;
    background-repeat: repeat-y;
    background-image: url(/images/MainNav/supporttab-left_on.gif);
    padding-top: 0;
    padding-right: 1em;
    padding-bottom: 0;
    padding-left: 1em;
}

#mainNav .logintab {
    background-image: url(/images/MainNav/logintab-right.gif);
}

#mainNav .logintabOn {
    background-image: url(/images/MainNav/logintab-right_on.gif);
}

#mainNav .logintab a, #mainNav .logintab a:visited,
#mainNav .loginlink, #mainNav .loginlink:visited {
    line-height: 3em;
    text-decoration: none;
    color: #fff;
    float: left;
    display: block;
    background-repeat: repeat-y;
    background-image: url(/images/MainNav/logintab-left.gif);
    padding-top: 0;
    padding-right: 1em;
    padding-bottom: 0;
    padding-left: 1em;
}

#mainNav .logintabOn a, #mainNav .logintabOn a:visited,
#mainNav .loginlinkOn, #mainNav .loginlinkOn:visited {
    line-height: 3em;
    text-decoration: none;
    color: #fff;
    float: left;
    display: block;
    background-repeat: repeat-y;
    background-image: url(/images/MainNav/logintab-left_on.gif);
    padding-top: 0;
    padding-right: 1em;
    padding-bottom: 0;
    padding-left: 1em;
}

#navcontainer ul a:hover {
    /*color: #CCC;*/
}

#navcontainer .subnav {
    height: 50px;
    background-color: #B972EA;
}

/* search form 
-------------------------------------- */
#searchwrap {
    width: 240px;
    height: 27px;
    float: right;
}


.searchform {
    /*padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;	
	float:left;*/
}

.SearchTBBG {
    width: 170px;
    height: 27px;
    float: left;
    background-image: url(/images/SearchBG.gif);
    background-repeat: no-repeat;
}

.SearchTB {
    color: #474747;
    width: 164px;
    height: 27px;
    margin: 0 3px 0 0;
    display: inline;
    border: 0;
    background-color: Transparent;
    font-size: 12px;
}

.SearchButton {
    float: left;
    width: 70px;
    height: 27px;
}


/*/header css*/

/* body css*/

* {
    margin: 0px;
    padding: 0px;
}

body {
    font-size: 100%;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f4f4f4;
}

h1 {
    font-size: 105%;
    font-weight: normal;
    padding-bottom: 10px;
    padding-top: 0px;
}

h2 {
    font-size: 85%;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 10px;
}

.Larger {
    font-size: 120%;
}

body#home h1 {
    color: #6D78A7;
}

body#home #column2 h2 {
    color: #017398;
}

.LoginBlue {
    font-size: 120%;
    font-weight: normal;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #5c658d;
}

body#about h1, body#about #column1 h2 {
    color: #1c3668;
}

body#about #column1 h2 a, body#about #column1 h2 a:visited {
    color: #1c3668;
    text-decoration: none;
}
body#about #column1 h2 a:hover {
    text-decoration: underline;
}

body#library h1, body#library h2 {
    color: #4f8a0f;
}
body#library h2 a, body#library h2 a:visited {
    color: #4f8a0f !important;
    text-decoration: none;
}
body#library h2 a:hover {
    /*color: #4f8a0f !important;*/
    text-decoration: underline;
}

body#programmes h1, body#programmes h2 {
    color: #a41265;
}

body#common h1, body#common h2 {
    color: #8058B9;
}

body#learning h1, body#learning h2 {
    color: #c06206;
}

body#supporting h1, body#supporting h2 {
    color: #8d9c08;
}

body#login h1, body#login h2 {
    color: #017398;
}

body#home #column2 h1 {
    color: #017398;
    font-size: 100%;
}

p {
    margin: 0;
    padding: 0px 0 10px 0;
    font-size: 75%;
}

body#home #bodywrapper {
    background-color: #f4f4f4;
    background-image: url(/images/MainNav/bodyBckg_home.gif);
    background-repeat: repeat-x;
    line-height: 110%;
}

body#about #bodywrapper {
    background-color: #f4f4f4;
    background-image: url(/images/MainNav/bodyBckg_about.gif);
    background-repeat: repeat-x;
    line-height: 110%;
}

body#library #bodywrapper {
    background-color: #f4f4f4;
    background-image: url(/images/MainNav/bodyBckg_library.gif);
    background-repeat: repeat-x;
    line-height: 110%;
}

body#programmes #bodywrapper {
    background-color: #f4f4f4;
    background-image: url(/images/MainNav/bodyBckg_prog.gif);
    background-repeat: repeat-x;
    line-height: 110%;
}

body#common #bodywrapper {
    background-color: #f4f4f4;
    background-image: url(/images/MainNav/bodyBckg_common.gif);
    background-repeat: repeat-x;
    line-height: 110%;
}

body#learning #bodywrapper {
    background-color: #f4f4f4;
    background-image: url(/images/MainNav/bodyBckg_learning.gif);
    background-repeat: repeat-x;
    line-height: 110%;
}

body#supporting #bodywrapper {
    background-color: #f4f4f4;
    background-image: url(/images/MainNav/bodyBckg_support.gif);
    background-repeat: repeat-x;
    line-height: 110%;
}

body#login #bodywrapper {
    background-color: #f4f4f4;
    background-image: url(/images/MainNav/bodyBckg_login.gif);
    background-repeat: repeat-x;
    line-height: 110%;
}

    body#login #bodywrapper #container #mainwindow #column1 #RegForm {
        line-height: 100%;
    }

#container {
    width: 950px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-color: #FFF;
    color: #474747;
}

.subnav {
    list-style-type: none;
    height: 40px;
    width: 950px;
    overflow: hidden;
    background-repeat: repeat-x;
}
 
body#home .subnav {
    background-image: url(/images/MainNav/subnav_homebckg.gif);
}

body#about .subnav, div.bottom ul#sn-abouttab.subnav {
    background-image: url(/images/MainNav/subnav_aboutbckg.gif);
}

body#library .subnav, div.bottom ul#sn-librarytab.subnav {
    background-image: url(/images/MainNav/subnav_librarybckg.gif);
}

body#programmes .subnav, div.bottom ul#sn-programmestab.subnav {
    background-image: url(/images/MainNav/subnav_progbckg.gif);
}

body#common .subnav, div.bottom ul#sn-commontab.subnav {
    background-image: url(/images/MainNav/subnav_commonbckg.gif);
}

body#learning .subnav, div.bottom ul#sn-learningtab.subnav {
    background-image: url(/images/MainNav/subnav_learningbckg.gif);
}

body#supporting .subnav, div.bottom ul#sn-supporttab.subnav {
    background-image: url(/images/MainNav/subnav_supportbckg.gif);
}

body#login .subnav, div.bottom ul#sn-logintab.subnav {
    background-image: url(/images/MainNav/subnav_loginbckg.gif);
}

.subnav li {
    float: left;
}

    .subnav li a, .subnav li a:visited {
        text-decoration: none;
        font-size: 75%;
        padding-right: 1em;
        padding-left: 1em;
        line-height: 3em;
    }

body#about .subnav li a, body#about .subnav li a:visited, div.bottom ul#sn-abouttab.subnav li a, div.bottom ul#sn-abouttab.subnav li a:visited  {
    color: #b9bed3;
}

body#library .subnav li a, body#library .subnav li a:visited, div.bottom ul#sn-librarytab.subnav li a, div.bottom ul#sn-librarytab.subnav li a:visited {
    color: #c0ea93;
}

body#programmes .subnav li a, body#programmes .subnav li a:visited, div.bottom ul#sn-programmestab.subnav li a, div.bottom ul#sn-programmestab.subnav li a:visited  {
    color: #f695cb;
}

body#common .subnav li a, body#common .subnav li a:visited, div.bottom ul#sn-commontab.subnav li a, div.bottom ul#sn-commontab.subnav li a:visited  {
    color: #e5c7fb;
}

body#learning .subnav li a, body#learning .subnav li a:visited, div.bottom ul#sn-learningtab.subnav li a, div.bottom ul#sn-learningtab.subnav li a:visited  {
    color: #fdd7b2;
}

body#supporting .subnav li a, body#supporting .subnav li a:visited, div.bottom ul#sn-supporttab.subnav li a, div.bottom ul#sn-supporttab.subnav li a:visited  {
    color: #edf69D;
}

body#login .subnav li a, body#login .subnav li a:visited, div.bottom ul#sn-logintab.subnav li a, div.bottom ul#sn-logintab.subnav li a:visited  {
    color: #9edaee;
}

    body#about .subnav li a:hover, div.bottom ul#sn-abouttab.subnav li a:hover,
    body#library .subnav li a:hover, div.bottom ul#sn-librarytab.subnav li a:hover,
    body#common .subnav li a:hover, div.bottom ul#sn-programmestab.subnav li a:hover,
    body#programmes .subnav li a:hover, div.bottom ul#sn-commontab.subnav li a:hover,
    body#learning .subnav li a:hover, div.bottom ul#sn-learningtab.subnav li a:hover,
    body#supporting .subnav li a:hover, div.bottom ul#sn-supporttab.subnav li a:hover,
    body#login .subnav li a:hover, div.bottom ul#sn-logintab.subnav li a:hover {
        color: #FFFFFF;
    }

body#about .subnav .CurrentLiA a, body#about .subnav .CurrentLiA a:visited, body#about .subnav .CurrentLiA a:hover,
body#library .subnav .CurrentLiA a, body#library .subnav .CurrentLiA a:visited, body#library .subnav .CurrentLiA a:hover,
body#common .subnav .CurrentLiA a, body#common .subnav .CurrentLiA a:visited, body#common .subnav .CurrentLiA a:hover,
body#programmes .subnav .CurrentLiA a, body#programmes .subnav .CurrentLiA a:visited, body#programmes .subnav .CurrentLiA a:hover,
body#learning .subnav .CurrentLiA a, body#learning .subnav .CurrentLiA a:visited, body#learning .subnav .CurrentLiA a:hover,
body#supporting .subnav .CurrentLiA a, body#supporting .subnav .CurrentLiA a:visited, body#supporting .subnav .CurrentLiA a:hover,
body#login .subnav .CurrentLiA a, body#login .subnav .CurrentLiA a:visited, body#login .subnav .CurrentLiA a:hover {
    color: #FFFFFF;
}

#mainwindow {
    width: 900px;
    padding-right: 25px;
    padding-left: 25px;
}

    #mainwindow ul {
        width: 95%;
        font-size: 75%;
        color: #474747;
        margin: 0;
        padding: 0 0 15px 15px;
    }

body#learning #mainwindow #tablenavlist {
    font-size: 90%;
    color: #474747;
    margin: 0;
    padding: 0 0 0 15px;
}

#breadcrumb {
    float: left;
    width: 800px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eaeaea;
    color: #999;
    font-size: 70%;
    padding-top: 5px;
    padding-bottom: 5px;
}

body#about #breadcrumb a, body#about #breadcrumb a:visited {
    color: #474747;
    text-decoration: none;
}

    body#about #breadcrumb a:hover {
        text-decoration: underline;
    }

body#library #breadcrumb a, body#library #breadcrumb a:visited {
    color: #474747;
    text-decoration: none;
}

    body#library #breadcrumb a:hover {
        text-decoration: underline;
    }

body#programmes #breadcrumb a, body#programmes #breadcrumb a:visited {
    color: #474747;
    text-decoration: none;
}

    body#programmes #breadcrumb a:hover {
        text-decoration: underline;
    }

body#common #breadcrumb a, body#common #breadcrumb a:visited {
    color: #474747;
    text-decoration: none;
}

    body#common #breadcrumb a:hover {
        text-decoration: underline;
    }

body#learning #breadcrumb a, body#learning #breadcrumb a:visited {
    color: #474747;
    text-decoration: none;
}

    body#learning #breadcrumb a:hover {
        text-decoration: underline;
    }

body#supporting #breadcrumb a {
    color: #474747;
    text-decoration: none;
}

    body#supporting #breadcrumb a:hover {
        text-decoration: underline;
    }

body#login #breadcrumb a {
    color: #474747;
    text-decoration: none;
}

    body#login #breadcrumb a:hover {
        text-decoration: underline;
    }

body#home #breadcrumb a {
    color: #474747;
    text-decoration: none;
}

    body#home #breadcrumb a:hover {
        text-decoration: underline;
    }

body#about #breadcrumb #ActiveBreadcrumb, body#about #breadcrumb #ActiveBreadcrumb:visited {
    color: #1c3668;
    text-decoration: none;
}

    body#about #breadcrumb #ActiveBreadcrumb:hover {
        text-decoration: underline;
    }

body#library #breadcrumb #ActiveBreadcrumb, body#library #breadcrumb #ActiveBreadcrumb:visited {
    color: #4f8a0f;
    text-decoration: none;
}

    body#library #breadcrumb #ActiveBreadcrumb:hover {
        text-decoration: underline;
    }

body#programmes #breadcrumb #ActiveBreadcrumb, body#programmes #breadcrumb #ActiveBreadcrumb:visited {
    color: #a41265;
    text-decoration: none;
}

    body#programmes #breadcrumb #ActiveBreadcrumb:hover {
        text-decoration: underline;
    }

body#common #breadcrumb #ActiveBreadcrumb, body#common #breadcrumb #ActiveBreadcrumb:visited {
    color: #8058B9;
    text-decoration: none;
}

    body#common #breadcrumb #ActiveBreadcrumb:hover {
        text-decoration: underline;
    }

body#learning #breadcrumb #ActiveBreadcrumb, body#learning #breadcrumb #ActiveBreadcrumb:visited {
    color: #c06206;
    text-decoration: none;
}

    body#learning #breadcrumb #ActiveBreadcrumb:hover {
        text-decoration: underline;
    }

body#supporting #breadcrumb #ActiveBreadcrumb {
    color: #8d9c08;
    text-decoration: none;
}

    body#supporting #breadcrumb #ActiveBreadcrumb:hover {
        text-decoration: underline;
    }

body#login #breadcrumb #ActiveBreadcrumb {
    color: #017398;
    text-decoration: none;
}

    body#login #breadcrumb #ActiveBreadcrumb:hover {
        text-decoration: underline;
    }

body#home #breadcrumb #ActiveBreadcrumb {
    color: #017398;
    text-decoration: none;
}

    body#home #breadcrumb #ActiveBreadcrumb:hover {
        text-decoration: underline;
    }

.TextSize {
    float: left;
    width: 100px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eaeaea;
    padding-top: 5px;
    padding-bottom: 4px;
    text-align: right;
}

.SmallText, .MediumText, .LargeText {
    cursor: pointer;
    color: #284C94;
}

.SmallText {
    font-size: 13px;
}

.MediumText {
    font-size: 15px;
}

.LargeText {
    font-size: 17px;
}

.darkerBlue {
    color: #111F3B;
}

.SmallSize {
    font-size: 100%;
}

.MediumSize {
    font-size: 115%;
}

.LargeSize {
    font-size: 130%;
}

#column1 {
    width: 431px;
    padding: 0 10px 0 0;
    float: left;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #eaeaea;
    margin: 10px 0 5px 0;
    display: inline;
}

    #column1.wide {
        width: 642px;
    }

body#home #column1, body#about #column1, body#library #column1, body#programmes #column1, body#common #column1, body#supporting #column1, body#login #column1 {
    min-height: 550px;
}

/*#column1 .staffbox img {
	float: right;clear: right;
	padding:0 10px 10px 10px;
}*/
#programmes #column1 .sampleproject img, #library #column1 .sampleproject img {
    float: right;
    clear: right;
    padding: 0 10px 10px 10px;
    margin-top: 0px;
}

    #library #column1 .sampleproject img.left {
        clear: none;
        float: left;
        margin-bottom: 10px;
    }

    #library #column1 .sampleproject img.right {
        clear: none;
        float: right;
        margin-bottom: 10px;
    }

    #library #column1 .sampleproject img.clr {
        clear: both;
    }

    /*@media screen and (max-width: 950px) {
        #library #column1 .sampleproject img {
            float: initial !important;
            display: block;
        }
    }*/
/*#column1 .publicationbox img {
	float: right;clear: right;
	padding:0 10px 10px 10px;margin-top:0px;
}*/
body#about #column1, body#common #column1, body#supporting #column1 {
    width: 658px;
    float: left;
    padding: 0 10px 0 0;
    overflow: hidden;
}

body#library #column1, #column1.error {
    width: 658px;
    float: left;
    padding: 0 10px 0 0;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #eaeaea;
    overflow: hidden;
}

#login #column1 {
    width: 658px;
    float: left;
    padding: 0 10px 0 0;
}

#programmes #column1 {
    width: 658px;
    float: left;
    padding: 0 10px 0 0;
}

    #programmes #column1 .intro {
        font-weight: bold;
    }

    #programmes #column1 img {
        float: none;
        margin: 0px;
        padding-top: 10px;
        padding-right: 0px;
        padding-bottom: 10px;
        padding-left: 0px;
        max-width: 100%;
        height: auto;
    }

    #programmes #column1 h2 {
        color: #B21265;
        font-weight: bold;
        font-size: 90%;
        padding-top: 10px;
    }

    #programmes #column1 .programmessubmenu {
        float: left;
        width: 168px;
    }
    #programmes #column1 .programmessubmenu2 {
        float: left;
        width: 78px;
        padding-bottom: 5px;
    }

        #programmes #column1 .programmessubmenu h1, #programmes #column1 .programmessubmenu2 h1 {
            text-align: right;
        }

        #programmes #column1 .programmessubmenu ul {
            list-style-type: none;
            padding-bottom: 20px;
        }
        #programmes #column1 .programmessubmenu2 ul {
            list-style-type: none;
            padding-bottom: 0px;
        }

            #programmes #column1 .programmessubmenu ul li, #programmes #column1 .programmessubmenu2 ul li {
                text-align: right;
                color: #a41265;
            }

    #programmes #column1 .sampleproject {
        float: right;
        width: 485px;
        /*padding-bottom: 30px;*/
    }

        #programmes #column1 .sampleproject:last-child {
            padding-bottom: 30px;
        }

        #programmes #column1 .sampleproject ul p {
            padding-top: 0px 0px 10px 0px;
            font-size: 100%;
        }

        #programmes #column1 .sampleproject ul li div {
            width: 465px;
        }

        #programmes #column1 .sampleproject ul {
            list-style-type: none;
            padding-bottom: 20px;
        }

            #programmes #column1 .sampleproject ul li {
                color: #474747;
            }



    #programmes #column1 .sampleproject2 {
        float: right;
        width: 575px;
        padding-bottom: 5px;
        overflow: hidden;
    }

        #programmes #column1 .sampleproject2 ul {
            list-style-type: none;
            padding-bottom: 0px;
        }

            #programmes #column1 .sampleproject2 ul li {
                color: #474747;
            }


            #programmes #column1 .sampleproject2 ul li p , #programmes #column1 .sampleproject2 ul li div {
                padding-top: 0px 0px 10px 0px;
                font-size: 100%;
            }

            #programmes #column1 .sampleproject2 ul li.desc_with_image p, #programmes #column1 .sampleproject2 ul li.desc_with_image div {
                width: 52%;
                float: left;
            }

            #programmes #column1 .sampleproject2 ul li.desc_with_image img {
                padding-left: 4%;
                max-width: 43%;
                float: right;
            }



#library #column1 .librarysubmenu {
    float: left;
    width: 168px;
}

@media screen and (max-width: 950px) {
    #library #column1 .librarysubmenu {
        display: none;
    }
        #library #column1 .librarysubmenu.width-100-perc {
            display: block;
        }
}

    #library #column1 .librarysubmenu h1 {
        text-align: right;
    }

    #library #column1 .librarysubmenu ul {
        list-style-type: none;
        padding-bottom: 20px;
    }

        #library #column1 .librarysubmenu ul.green li, #library #column1 .sampleproject ul.green li {
            text-align: right;
            color: #61a814;
            /*width: 168px;*/
            width: 160px;
        }
/*@media screen and (max-width: 950px){
    #library #column1 .librarysubmenu ul.green li, #library #column1 .sampleproject ul.green li {
        width: 140px;
    }
    #library #column1 .librarysubmenu ul.green{
        padding-left: 0px;
    }
    #library #column1 .sampleproject td:first-child {
        display:none;
    }
}*/

@media screen and (max-width: 650px){
    #library #column1 .librarysubmenu ul.green li, #library #column1 .sampleproject ul.green li {
        width: 140px;
    }
    #library #column1 .librarysubmenu ul.green{
        padding-left: 0px;
    }
    #library #column1 .sampleproject td:first-child {
        display:none;
    }
}

@media screen and (max-width: 650px){
    #library #column1 .librarysubmenu ul.green li, #library #column1 .sampleproject ul.green li {
        width: 140px;
    }
    #library #column1 .librarysubmenu ul.green{
        padding-left: 0px;
    }
    #library #column1 .sampleproject td:first-child {
        display:none;
    }
}
.width-100-perc{
    width:100% !important;
}




#library #column1 .sampleproject td {
    vertical-align: top;
}

#library #column1 .sampleproject {
    float: right;
    width: 485px;
    padding-bottom: 30px;
}

@media screen and (max-width: 950px) {
    #library #column1 .sampleproject {
        float: initial;
        width: 100%;
    }

        #library #column1 .sampleproject ul {
            padding-right: 15px;
        }
}

    #library #column1 .sampleproject ul p {
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 10px;
        padding-left: 0px;
        font-size: 100%;
        /* width: 465px; */
    }

    #library #column1 .sampleproject ul {
        list-style-type: none;
        padding-bottom: 20px;
    }

        /*#library #column1 .sampleproject ul li {
            color: #474747;
        }*/

    #library #column1 .sampleproject li ul,
    #programmes #column1 .sampleproject li ul,
    #common #column1 .sampleproject li ul,
    #learning #column1 .sampleproject li ul,
    #supporting #column1 .sampleproject li ul {
        list-style-type: disc;
        font-size: 100%;
        padding-top: 4px;
        padding-bottom: 4px;
    }

/*form {
	width: 667px;
	margin: 0px;
	padding: 0px;
}*/

/* fieldset styling */
.fieldset {
    float: left;
    background-color: #eaeaea;
    margin-top: 5px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    height: 70px;
    padding: 0 0 0 10px;
    width: 648px;
    overflow: hidden;
}

#organise {
    width: 271px;
    padding-right: 1.8em;
    float: left;
}

.ProjectsDDList {
    color: #474747;
}

/*form div {
	position: relative;
	width: 270px;
	padding-right: 2.8em;
	float: left;
}*/

/* style for  labels */
label {
    float: left;
    width: 10em;
}

form #tablesearch {
    padding-left: 10px;
    float: left;
}

form #tablesearchProgs {
    padding-left: 60px;
    float: left;
}

learning form #tablesearch input {
    padding-left: 20px;
    float: left;
    margin-top: 2px;
}

body#library #column1 fieldset div input {
    width: 150px;
    float: left;
    margin-top: 1px;
}

body#library #column1 a.searchreports {
    text-indent: -9999px;
    display: block;
    height: 20px;
    width: 114px;
    background-image: url(/images/searchreports_btn.gif);
    background-position: 0px 0px;
    float: right;
}

    body#library #column1 a.searchreports:hover {
        background-position: -114px 0px;
    }

.SearchReportsTB {
    float: left;
    width: 145px;
    height: 18px;
    color: #474747;
    border: 1px solid #D0D0D0;
}

#library #tablesearch {
    margin: 0 0 0 46px;
    display: inline;
}

#learning #tablesearch {
    margin: 0 0 0 55px;
    display: inline;
}

/*.SearchReportsSubmit
{
    float:left;
    width:114px;height:20px;
    margin:0 0 0 -2px;display:inline;    
}*/
.SearchReportsSubmit img {
    border: 0;
}
/*.viewreport {
	width: 98px;height: 20px;
	margin:0 0 0 15px;display:inline;
}*/

body#learning #column1 a.searchreports {
    text-indent: -9999px;
    display: block;
    height: 20px;
    width: 114px;
    background-image: url(/images/learningsearchreports_btn.gif);
    background-position: 0px 0px;
    float: right;
}

    body#learning #column1 a.searchreports:hover {
        background-position: -114px 0px;
    }

body#learning #column1 a.viewreport {
    text-indent: -9999px;
    display: block;
    height: 20px;
    width: 98px;
    background-image: url(/images/viewreport_btn.gif);
    background-position: 0px 0px;
}

    body#learning #column1 a.viewreport:hover {
        background-position: -98px 0px;
    }

body#library #column1 a.downloadbook {
    text-indent: -9999px;
    display: block;
    height: 20px;
    width: 118px;
    background-image: url(/images/downloadbook_btn.gif);
    background-position: 0px 0px;
}

    body#library #column1 a.downloadbook:hover,
    body#library #column1 #publications a:hover {
        background-position: -118px 0px;
    }

/* Comments Form */
.comments textarea {
    width: 100%;
    height: 80px;
    font-family: Arial, Helvetica, sans-serif;
}

.comments p {
    margin: 0 !important;
    padding: 0px 0 10px 0 !important;
    font-size: 75% !important;
}

.comments .error-message {
    color: red !important;
    font-weight: 600;
    padding: 0 !important;
}

.comments .submitted-comment span.author-job {
    border-left: 1px dotted;
    padding-left: 7px;
    margin-left: 4px;
    font-size: 85% !important;
}

.comments .submitted-comment span.author-org {
    border-left: 1px dotted;
    padding-left: 7px;
    margin-left: 4px;
    font-size: 85% !important;
}

/* End Comments Form */

/* News Story Comments */
.view-comments {
    margin-right: 15px;
    float: right;
}

    .view-comments .PurpleButton {
        margin-top: -20px;
    }

.submitcomment {
    margin-bottom: 40px;
}

.journal-comments {
    margin-top: 40px;
}

    .journal-comments .comments {
        border-top: 5px solid #4f8a0f !important;
    }

        .journal-comments .comments h3 {
            color: #4f8a0f !important;
        }

    .journal-comments .submitted-comment {
        border-bottom: 1px dotted #000;
        margin-top: 10px;
    }

    .journal-comments .comments .submitted-comment:last-child {
        border: none;
    }

    .journal-comments .comments .submitted-comment p {
        margin: 5px 0 5px 0;
    }

    .journal-comments .comments .submitted-comment h4 {
        float: none !important;
    }

        .journal-comments .comments .submitted-comment h4.details {
            font-size: 80%;
            color: #4f8a0f !important;
        }

/* End News Story Comments*/

/* Blog Comments */
.comments label {
    float: none;
}

.comments {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 5px;
    border-top: 5px solid #8058B9;
}

    .comments h3 {
        font-size: 100% !important;
        color: #8058B9 !important;
    }

    .comments label.note {
        color: #999;
        font-size: 12px;
    }

    .comments label.required:after {
        content: "*";
        color: red;
    }

    .comments p input {
        margin-left: 0 !important;
    }

    .comments .submitted-comment {
        border-bottom: 1px dotted #000;
        margin-top: 10px;
    }

        .comments .submitted-comment:last-child {
            border: none;
        }

        .comments .submitted-comment p {
            margin: 5px 0 5px 0;
        }

        .comments .submitted-comment h4 {
            float: none !important;
        }
/* End Blog Comments*/

/* Tables */

/* library */

#library #column1 table .title {
    color: #518F20;
    font-size: 90%;
    font-weight: bold;
}

    #library #column1 table .title a {
        color: #518F20;
        font-weight: bold;
        text-decoration: none;
        display: block;
    }

    #library #column1 table .title td {
        padding: 10px;
        border-right-style: solid;
        border-right-width: 1px;
        border-right-color: #eaeaea;
    }

#library #column1 table .DownArrowLibrary {
    background-image: url(/images/librarytablearrow.gif);
    background-repeat: no-repeat;
    background-position: 90% 50%;
}

#library #column1 table .datadisplay {
    color: #474747;
    font-size: 75%;
    vertical-align: top;
}

    #library #column1 table .datadisplay td {
        padding: 20px 20px 20px 10px;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #eaeaea;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #eaeaea;
    }

        #library #column1 table .datadisplay td a:link, #library #column1 table .datadisplay td a:visited {
            text-decoration: underline;
            color: #474747;
        }

        #library #column1 table .datadisplay td a:hover {
            color: #AEAEAE;
        }

.OrganiseBy, .SearchTitle {
    font-size: 75%;
    font-weight: bold;
    color: #474747;
    padding: 10px 0 10px 0;
}

/*common*/

#common #column1 table {
    margin-left: -10px;
    display: inline;
}

    #common #column1 table .title {
        color: #8058B9;
        font-size: 81%;
        font-weight: bold;
    }

        #common #column1 table .title a {
            color: #8058B9;
            font-weight: bold;
            text-decoration: none;
            display: block;
        }

        #common #column1 table .title td {
            padding: 10px;
            border-right-style: solid;
            border-right-width: 1px;
            border-right-color: #eaeaea;
            background-image: url(/images/commontablearrow.gif);
            background-repeat: no-repeat;
            background-position: 97% 50%;
        }

    #common #column1 table .datadisplay {
        color: #474747;
        font-size: 75%;
        vertical-align: top;
    }

        #common #column1 table .datadisplay td {
            padding: 20px 20px 20px 10px;
            border-right-width: 1px;
            border-right-style: solid;
            border-right-color: #eaeaea;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #eaeaea;
        }

            #common #column1 table .datadisplay td a:link, #common #column1 table .datadisplay td a:visited {
                text-decoration: underline;
                color: #474747;
            }

            #common #column1 table .datadisplay td a:hover {
                color: #AEAEAE;
            }

#learning #column1 {
    width: 658px;
}
/* Programmes */


#programmes #column1 table .title {
    color: #A41265;
    font-size: 90%;
    font-weight: bold;
}

    #programmes #column1 table .title a {
        color: #A41265;
        font-weight: bold;
        text-decoration: none;
        display: block;
    }

    #programmes #column1 table .title td {
        padding: 10px;
        border-right-style: solid;
        border-right-width: 1px;
        border-right-color: #eaeaea;
    }

#programmes #column1 table .DownArrowprogrammes {
    background-image: url(/images/programmestablearrow.gif);
    background-repeat: no-repeat;
    background-position: 90% 50%;
}

#programmes #column1 table .datadisplay {
    color: #474747;
    font-size: 75%;
    vertical-align: top;
}

    #programmes #column1 table .datadisplay td {
        padding: 20px 20px 20px 10px;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #eaeaea;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #eaeaea;
    }

        #programmes #column1 table .datadisplay td a:link, #programmes #column1 table .datadisplay td a:visited {
            text-decoration: underline;
            color: #474747;
        }

        #programmes #column1 table .datadisplay td a:hover {
            color: #AEAEAE;
        }

#programmes #column1 table {
    clear: both;
    width: 100%;
}


/*Learning*/
.ToolsAndResTable {
    clear: left;
    float: left;
    width: 100%;
}

#learning #column1 table .title {
    color: #C06206;
    font-size: 90%;
    font-weight: bold;
}

    #learning #column1 table .title a {
        color: #C06206;
        font-weight: bold;
        text-decoration: none;
        display: block;
    }

    #learning #column1 table .title td {
        padding: 10px;
        border-right-style: solid;
        border-right-width: 1px;
        border-right-color: #eaeaea;
    }

#learning #column1 table .DownArrowLR {
    background-image: url(/images/learningtablearrow.gif);
    background-repeat: no-repeat;
    background-position: 90% 50%;
}

#learning #column1 table .datadisplay {
    color: #474747;
    font-size: 70%;
    vertical-align: top;
}

    #learning #column1 table .datadisplay td {
        padding: 10px;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #eaeaea;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #eaeaea;
    }

        #learning #column1 table .datadisplay td a:link, #learning #column1 table .datadisplay td a:visited {
            text-decoration: underline;
            color: #474747;
        }

        #learning #column1 table .datadisplay td a:hover {
            color: #AEAEAE;
        }

#column1 .cai .title td {
    color: #8C790B;
}

/* login */

#login #column1 table .title {
    color: #017398;
    font-size: 90%;
    font-weight: bold;
}

    #login #column1 table .title a {
        color: #017398;
        font-weight: bold;
        text-decoration: none;
        display: block;
    }

    #login #column1 table .title td {
        padding: 10px;
        border-right-style: solid;
        border-right-width: 1px;
        border-right-color: #eaeaea;
        background-image: url(/images/logintablearrow.gif);
        background-repeat: no-repeat;
        background-position: 90% 50%;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #eaeaea;
    }

#login #column1 table .datadisplay {
    color: #474747;
    font-size: 75%;
    vertical-align: top;
}

    #login #column1 table .datadisplay td {
        padding: 10px;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: #eaeaea;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #eaeaea;
    }

        #login #column1 table .datadisplay td a:link, #login #column1 table .datadisplay td a:visited {
            text-decoration: underline;
            color: #474747;
        }

        #login #column1 table .datadisplay td a:hover {
            color: #AEAEAE;
        }
/*end tables*/


#column1 .tablefooter {
    clear: left;
    float: left;
    width: 628px;
    background-color: #eaeaea;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}

#column1 .tablefooterForums {
    clear: left;
    float: left;
    width: 628px;
    background-color: #eaeaea;
    margin: 0 0 15px -10px;
    display: inline;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    #column1 .tablefooter .pages,
    #column1 .tablefooterForums .pages {
        float: left;
        padding-top: 0px;
        padding-right: 180px;
        padding-bottom: 0px;
        padding-left: 0px;
        font-size: 70%;
    }

#login #column1 .tablefooter .pages,
#login #column1 .tablefooterForums .pages {
    float: left;
    padding-top: 0px;
    padding-right: 180px;
    padding-bottom: 0px;
    padding-left: 0px;
    font-size: 70%;
}

#column1 .tablefooter #pageno,
#column1 .tablefooterForums #pageno {
    list-style-type: none;
}

    #column1 .tablefooter #pageno li,
    #column1 .tablefooterForums #pageno li {
        float: left;
    }

        #column1 .tablefooter #pageno li a, #column1 .tablefooter #pageno li a:visited,
        #column1 .tablefooterForums #pageno li a, #column1 .tablefooterForums #pageno li a:visited {
            color: #474747;
            font-size: 90%;
            padding-right: 5px;
            padding-left: 5px;
        }

            #column1 .tablefooter #pageno li a:hover,
            #column1 .tablefooterForums #pageno li a:hover {
                color: #AEAEAE;
            }

#library #column1 .tablefooter #otherinfo, #programmes #column1 .tablefooter #otherinfo,
#library #column1 .tablefooterForums #otherinfo, #programmes #column1 .tablefooterForums #otherinfo,
#library #column1 .tablefooter #otherinfoRight, #programmes #column1 .tablefooter #otherinfoRight,
#library #column1 .tablefooterForums #otherinfoRight, #programmes #column1 .tablefooterForums #otherinfoRight {
    width: 290px;
    list-style-type: none;
    color: #333;
    font-size: 75%;
    font-weight: bold;
    float: left;
    padding-right: 5px;
}

#library #column1 .tablefooter #otherinfo {
    width: 550px;
}

    #library #column1 .tablefooter #otherinfo li, #programmes #column1 .tablefooter #otherinfo li {
    }

        #library #column1 .tablefooter #otherinfo li a, #library #column1 .tablefooter #otherinfo li a:visited, #programmes #column1 .tablefooter #otherinfo li a, #library #column1 .tablefooter #otherinfo li a:visited,
        #library #column1 .tablefooterForums #otherinfo li a, #library #column1 .tablefooterForums #otherinfo li a:visited, #programmes #column1 .tablefooterForums #otherinfo li a, #library #column1 .tablefooterForums #otherinfo li a:visited,
        #library #column1 .tablefooter #otherinfoRight li a, #library #column1 .tablefooter #otherinfoRight li a:visited, #programmes #column1 .tablefooter #otherinfoRight li a, #library #column1 .tablefooter #otherinfoRight li a:visited,
        #library #column1 .tablefooterForums #otherinfoRight li a, #library #column1 .tablefooterForums #otherinfoRight li a:visited, #programmes #column1 .tablefooterForums #otherinfoRight li a, #library #column1 .tablefooterForums #otherinfoRight li a:visited {
            color: #474747;
            padding-right: 5px;
            padding-left: 5px;
            font-weight: normal;
        }

            #library #column1 .tablefooter #otherinfo li a:hover, #programmes #column1 .tablefooter #otherinfo li a:hover,
            #library #column1 .tablefooterForums #otherinfo li a:hover, #programmes #column1 .tablefooterForums #otherinfo li a:hover,
            #library #column1 .tablefooter #otherinfoRight li a:hover, #programmes #column1 .tablefooter #otherinfoRight li a:hover,
            #library #column1 .tablefooterForums #otherinfoRight li a:hover, #programmes #column1 .tablefooterForums #otherinfoRight li a:hover {
                color: #AEAEAE;
            }

#library #otherinfo li span,
#library #otherinfoRight li span {
    color: #61a814;
}

#common #column1 .comment, #common #column1 .comment:visited {
    float: left;
    width: auto;
    font-size: 80%;
    color: #474747;
    padding: 0 0 0 30px;
}

    #common #column1 .comment:hover {
        color: #AEAEAE;
    }

.ForumComment {
    float: left;
    width: auto;
    font-size: 80%;
    color: #474747;
    padding: 0 0 0 40px;
}

.DiscussionForumContent {
    clear: left;
    float: left;
    width: 660px;
}

#common #column1 .discussiontitle {
    float: left;
}

.DiscussionForumTitle {
    float: left;
    width: 500px;
    color: #8058B9;
    font-size: 100%;
    font-weight: bold;
}

.DiscussionForumPosted {
    float: left;
    width: 500px;
    color: #8058B9;
    font-size: 85%;
    font-weight: bold;
}

.DiscussionForumRating {
    float: left;
    width: 500px;
    color: #8058B9;
    font-size: 85%;
    font-weight: normal;
}

.DiscussionForumRatingTxt {
    float: left;
    width: auto;
}

.DiscussionForumRatingImg {
    width: 57px;
    height: 16px;
    margin: 5px 0 0 5px;
    display: inline;
}

#common #column1 .title,
#common #column1 h3 {
    font-size: 80%;
    color: #8058B9;
}

#common #column1 .form h3 {
    font-size: 1em;
}

#common #column1 .form p {
    font-size: 1em;
}

.postreply {
    float: left;
    font-size: 80%;
    font-weight: bold;
    color: #8058B9;
    margin: 0;
    padding: 0;
    display: inline;
    width: 500px;
}

#common #column1 .rating,
#common #column1 h4 {
    font-size: 80%;
    color: #8058B9;
    float: left;
}

#common #column1 img {
    margin: 0px;
    padding: 0px;
    float: none;
}

#common #column1 .discussionbox p {
    padding: 0 0 10px 0;
    line-height: 130%;
}

.ForumLinks {
    clear: left;
    float: left;
    width: 660px;
    font-size: 75%;
    padding: 10px 0 15px 0;
    border-bottom: 1px solid #EAEAEA;
    margin: 0 0 25px 0;
}

.ForumIndex, .ForumPrev, .ForumNext {
    float: left;
    width: auto;
}

.ForumPrev {
    padding: 0 0 0 435px;
}

.ForumNext {
    padding: 0 0 0 20px;
}

#programmes #otherinfo li span {
    color: #a41265;
}

.ViewallButton {
    float: right;
    width: auto;
    margin: 0 0 0 -2px;
    display: inline;
}

body#library #column1 a.viewall {
    text-indent: -9999px;
    display: block;
    height: 20px;
    width: 75px;
    background-image: url(/images/viewall_btn.gif);
    background-position: 0px 0px;
    float: right;
}

    body#library #column1 a.viewall:hover {
        background-position: -75px 0px;
    }

body#library #column1 a.viewpaging {
    text-indent: -9999px;
    display: block;
    height: 20px;
    width: 118px;
    background-image: url(/images/viewpaging_btn.gif);
    background-position: 0px 0px;
    float: right;
}

    body#library #column1 a.viewpaging:hover {
        background-position: -118px 0px;
    }

body#common #column1 a.viewall {
    text-indent: -9999px;
    display: block;
    height: 20px;
    width: 75px;
    background-image: url(/images/commonviewall_btn.gif);
    background-position: 0px 0px;
    float: right;
}

    body#common #column1 a.viewall:hover {
        background-position: -75px 0px;
    }

body#common #column1 a.viewall {
    text-indent: -9999px;
    display: block;
    height: 20px;
    width: 75px;
    background-image: url(/images/commonviewall_btn.gif);
    background-position: 0px 0px;
    float: right;
}


body#common #column1 a.viewpaging {
    text-indent: -9999px;
    display: block;
    height: 20px;
    width: 118px;
    background-image: url(/images/commonviewpaging_btn.gif);
    background-position: 0px 0px;
    float: right;
}

body#learning #column1 a.viewpaging:hover {
    background-position: -118px 0px;
}

body#learning #column1 a.viewall {
    text-indent: -9999px;
    display: block;
    height: 20px;
    width: 75px;
    background-image: url(/images/learningviewall_btn.gif);
    background-position: 0px 0px;
    float: right;
}


    body#learning #column1 a.viewall:hover {
        background-position: -75px 0px;
    }

body#learning #column1 a.viewpaging {
    text-indent: -9999px;
    display: block;
    height: 20px;
    width: 118px;
    background-image: url(/images/learningviewpaging_btn.gif);
    background-position: 0px 0px;
    float: right;
}

    body#learning #column1 a.viewpaging:hover {
        background-position: -118px 0px;
    }


body#login #column1 a.viewall {
    text-indent: -9999px;
    display: block;
    height: 20px;
    width: 75px;
    background-image: url(/images/login_viewall.gif);
    background-position: 0px 0px;
    float: right;
}

    body#login #column1 a.viewall:hover {
        background-position: -75px 0px;
    }


body#login #column1 a.viewpaging {
    text-indent: -9999px;
    display: block;
    height: 20px;
    width: 118px;
    background-image: url(/images/loginviewpaging_btn.gif);
    background-position: 0px 0px;
    float: right;
}

    body#login #column1 a.viewpaging:hover {
        background-position: -118px 0px;
    }



body#programmes #column1 a.viewall {
    text-indent: -9999px;
    display: block;
    height: 20px;
    width: 75px;
    background-image: url(/images/programmesviewall_btn.gif);
    background-position: 0px 0px;
    float: right;
}

    body#programmes #column1 a.viewall:hover {
        background-position: -75px 0px;
    }

body#programmes #column1 a.viewpaging {
    text-indent: -9999px;
    display: block;
    height: 20px;
    width: 118px;
    background-image: url(/images/programmesviewpaging_btn.gif);
    background-position: 0px 0px;
    float: right;
}

    body#programmes #column1 a.viewpaging:hover {
        background-position: -118px 0px;
    }

#column1.staffs h3 {
    clear: left;
    float: left;
    color: #1D376A;
    font-size: 80%;
    padding: 15px 0 0px 0;
    width: 490px;
    margin: 0;
}

.StaffBoxLeft {
    float: left;
    width: 490px;
    padding: 0px 0 0 0;
}

.staffboxcontent {
    float: left;
    width: 490px;
    height: 136px;
    overflow: hidden;
    line-height: 122%;
}

.partnerbox-content {
    float: left;
    width: 100%;
    line-height: 122%;
}

    .partnerbox-content ul {
        float: left;
    }

#column1 .partnerbox {
    float: left;
    padding: 15px 0 15px 0;
}

    #column1 .partnerbox.first {
        padding-top: 0px;
    }

        #column1 .partnerbox.first .partnerbox-content {
            padding-top: 10px;
        }

#common #column1 .partnerbox .title {
    color: #8058B9;
}

#learning #column1 .podcastbox h3 {
    color: #c06206;
    font-size: 80%;
}

#column1 .partnerbox .partnerbox-content a,
#column1 .partnerbox .partnerbox-content a:visited {
    color: #474747;
}

    #column1 .partnerbox .partnerbox-content a:hover {
        color: #AEAEAE;
    }

#column1 .staffbox {
    float: left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eaeaea;
    padding: 15px 0 15px 0;
}

    #column1 .staffbox.first {
        padding-top: 0px;
    }

        #column1 .staffbox.first .staffboxcontent {
            padding-top: 10px;
        }

#common #column1 .staffbox .title {
    color: #8058B9;
}

#learning #column1 .podcastbox h3 {
    color: #c06206;
    font-size: 80%;
}

#column1 .staffbox .staffboxcontent a, #column1 .staffbox .staffboxcontent a:visited {
    color: #474747;
}

    #column1 .staffbox .staffboxcontent a:hover {
        color: #AEAEAE;
    }

#column1 .linkbox {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eaeaea;
    padding: 20px 0 10px 0;
    width: 665px;
}

    #column1 .linkbox p {
        padding: 0;
        margin: 0;
    }

#linkboxes {
    clear: left;
    float: left;
    margin-top: -10px;
}

#column1 #linkboxes a, #column1 #linkboxes a:visited, #column1 #linkboxes a:hover {
    font-size: 75%;
}

#column1 .podcastbox {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eaeaea;
    padding: 20px 0 10px 0;
    width: 665px;
}

    #column1 .podcastbox p {
        padding: 0;
        margin: 0;
    }

    #column1 .podcastbox img {
        border: 0;
    }

#column1 .newsbox, #column1 .eventsbox {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eaeaea;
    padding: 10px 0 10px 0;
    width: 665px;
}

.newsboxccontent {
    height: 100px;
    overflow: hidden;
    line-height: 122%;
}

.newsboxshort {
    margin-bottom: 60px;
}

.commentsbox {
    padding-top: 1px;
}

.ShowNews {
    min-height: 100px;
    height: auto !important;
}

.eventsboxccontent {
    height: 100px;
    overflow: hidden;
    line-height: 122%;
}

.ShowEvents {
    min-height: 100px;
    height: auto !important;
}

#column1 .newsbox .NewsBoxShowHide a, #column1 .newsbox .NewsBoxShowHide a:visited, #column1 .newsbox .NewsBoxShowHide a:hover,
#column1 .eventsbox .EventsBoxShowHide a, #column1 .eventsbox .EventsBoxShowHide a:visited, #column1 .eventsbox .EventsBoxShowHide a:hover {
    cursor: pointer;
    border: 0;
}

.RankingPanel {
    float: left;
    width: 150px;
}

.StarRankHolder {
    float: left;
    width: 150px;
    margin: 5px 0 0 0;
    display: inline;
}

.StarRank {
    float: left;
    width: 10px;
    height: 9px;
    margin: 0 1px 0 1px;
    display: inline;
    cursor: pointer;
}

.Rank {
    padding: 2px 0 0 0;
}


.RateThis {
    float: left;
    width: 150px;
}

#column1 .publicationbox p {
    clear: left;
    float: left;
    width: 490px;
    padding: 0 0 10px 0;
}

.PublicationImage {
    float: left;
    width: auto;
    margin: 10px 0 0 20px;
    display: inline;
}

.PublicationDownload {
    clear: left;
    float: left;
    width: 490px;
}

    .PublicationDownload img {
        border: 0;
    }

#column1 .staffbox p {
    float: left;
    width: 490px;
    padding: 0 0 0 0;
}

#column1 .partnerbox p {
    float: left;
    width: 100%;
    padding: 0 0 0 0;
}

#column1 .newsbox p, #column1 .eventsbox p {
    width: 645px;
    padding: 0;
}

.StaffBoxShowHide, .NewsBoxShowHide, .EventsBoxShowHide {
    width: 490px;
    padding: 10px 0 0 0;
}

.ReadMoreTxt {
    float: left;
    width: auto;
}

.ReadMoreImg {
    float: left;
    width: 8px;
    height: 6px;
    margin: 7px 0 0 5px;
    display: inline;
}

    .ReadMoreImg img {
        border: 0;
    }

#column1 .staffbox .StaffBoxShowHide a, #column1 .staffbox .StaffBoxShowHide a:visited {
    color: #474747;
    font-size: 75%;
    cursor: pointer;
}

    #column1 .staffbox .StaffBoxShowHide a:hover {
        color: #AEAEAE;
    }

.EmailSymbol {
    font-size: 110%;
    font-weight: bold;
    color: #1D376A;
}

.Show {
    min-height: 136px;
    height: auto !important;
}

.ReadCloseArrow {
    font-size: 85%;
    font-weight: bold;
}

.StaffBoxImg {
    float: left;
    width: auto;
    margin: 0 0 0 20px;
}

.BorderHide {
    margin-top: -7px;
}

.BorderHideStaff {
    clear: left;
    float: left;
    width: 660px;
    height: 2px;
    margin-top: -1px;
    background-color: white;
}

/*discussion box*/

#column1 .discussionbox {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eaeaea;
    padding-bottom: 0px;
    background-color: #F0F0F0;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
}

    #column1 .discussionbox .title {
        color: #1D376A;
        font-size: 80%;
        padding-top: 5px;
        float: left;
    }

#common #column1 .discussionbox .title {
    color: #8058B9;
}

#column1 .discussionbox a, #column1 .discussionbox a:visited {
    color: #AEAEAE;
    font-size: 70%;
}

#common #column1 p input {
    margin-bottom: 3px;
    margin-left: 5px;
}

#common #column1 textarea {
    width: 660px;
    height: 80px;
    background-image: none;
}

#common #column1 p .security {
    width: 40px;
    margin-right: 5px;
    margin-left: 5px;
}



body#common #column1 a.readmore {
    text-indent: -9999px;
    display: block;
    height: 20px;
    width: 85px;
    background-image: url(/images/readmore_btn.gif);
    background-position: 0px 0px;
}

    body#common #column1 a.readmore:hover {
        background-position: -85px 0px;
    }

body#common #column1 a.close {
    margin: 15px 0 5px 0;
    display: inline;
    text-indent: -9999px;
    display: block;
    height: 20px;
    width: 58px;
    background-image: url(/images/close_btn.gif);
    background-position: 0px 0px;
}

    body#common #column1 a.close:hover {
        background-position: -58px 0px;
    }

#column1 .staffbox a:hover {
    color: #999;
}

.PublicationBoxHolder {
    clear: left;
    float: left;
    width: 660px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eaeaea;
    padding-bottom: 20px;
}

#column1 .publicationbox {
    clear: left;
    float: left;
    width: 490px;
}

    #column1 .publicationbox h3 {
        clear: left;
        float: left;
        width: 490px;
        color: #4f8a0f;
        font-size: 80%;
        padding-top: 15px;
    }

    #column1 .publicationbox a, #column1 .publicationbox a:visited {
        color: #AEAEAE;
        font-size: 70%;
    }

        #column1 .publicationbox a:hover {
            color: #999;
        }

body#about #column1 #bulletlist {
    list-style-type: disc;
    list-style-position: inside;
    font-size: 80%;
    padding-top: 10px;
    padding-bottom: 10px;
}

    body#about #column1 #bulletlist li {
    }

#column2 {
    width: 212px;
    margin-left: 15px;
    float: left;
    margin-top: 10px;
}
/*body#home #column2 input {
	background-image: url(/images/login_bckg.gif);
	background-repeat: no-repeat;
	height: 25px;
	background-position: -3px -1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
	padding-right: 5px;
	padding-left: 5px;
	width: 130px;
	display: inline-block;
}
body#home #column2 input:focus, textarea:focus{
	color: #474747;
	background-image: url(/images/login_bckg.gif);
	background-repeat: no-repeat;
	background-position: -3px -36px;
}
body#home #column2 a.loginbutton {
	width: 86px;
	display: block;
	background-image: url(/images/login_btn.gif);
	background-repeat: no-repeat;
	height: 20px;
	text-indent: -9999px;
	background-position: 0px 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
body#home #column2 a.loginbutton:hover {
	background-position: -86px 0px;
}*/
body#home #column2 a.forgotten, body#home #column2 a.forgotten:visited {
    color: #474747;
    text-decoration: underline;
    font-size: 70%;
}

    body#home #column2 a.forgotten:hover {
        color: #AEAEAE;
    }

body#home #column2 a.getregistered {
    width: 101px;
    display: block;
    background-image: url(/images/register_btn.gif);
    background-repeat: no-repeat;
    height: 20px;
    text-indent: -9999px;
    background-position: 0px 0px;
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

    body#home #column2 a.getregistered:hover {
        background-position: -101px 0px;
    }

body#home #column2 a.now:link, body#home #column2 a.now:visited {
    color: #FFF;
    background-image: url(/images/col1login_more.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    font-size: 70%;
    line-height: 1.8em;
    text-align: center;
    display: block;
    width: 54px;
    text-decoration: none;
}

body#home #column2 a.now:hover {
    background-position: -54px;
}

.NotReg {
    clear: left;
    float: left;
    width: 210px;
}

#NotReg {
    clear: left;
    float: left;
    width: 210px;
    padding: 5px 0 0 0;
}

.HomeMidColBlue {
    float: left;
    width: 210px;
    color: #017398;
    font-weight: bold;
    font-size: 80%;
    padding: 20px 0 0 0;
}

/*.RegButton
{
    clear:left;float:left;
    width:210px;
    text-align:right;
}*/
#column2 #progbox {
    clear: left;
    float: left;
    width: 210px;
    padding-top: 20px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #eaeaea;
    margin-top: 15px;
    display: inline;
}

body#home #column2 #progbox h2 {
    color: #a41265;
    font-size: 85%;
    font-weight: bold;
}

#column2 .progbox a.prog:link, #column2 .progbox a.prog:visited {
    background-image: url(/images/col1prog_more.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-decoration: none;
    font-size: 70%;
    color: #FFF;
    text-align: center;
    display: block;
    width: 54px;
    line-height: 1.8em;
}

#column2 .progbox a.prog:hover {
    background-position: -54px;
}

#column3 {
    width: 216px;
    margin: 0 0 10px 15px;
    float: left;
}

/* about page */

#about #column3 .relatedinfo {
    list-style-type: none;
    padding-top: 5px;
    color: #1c3668;
    font-size: 80%;
}

    #about #column3 .relatedinfo .first {
        font-size: 140%;
        padding-bottom: 10px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
    }

    #about #column3 .relatedinfo li {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #eaeaea;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        #about #column3 .relatedinfo li a, #about #column3 .relatedinfo li a:visited {
            color: #474747;
            text-decoration: underline;
        }

        #about #column3 .relatedinfo li a:hover {
            color: #b9bed3;
        }
        #about #column3 .relatedinfo li a.selected {
            color: #1c3668;
        }

/* /about page */

#library #column3 .relatedinfo {
    list-style-type: none;
    padding-top: 5px;
    color: #4f8a0f;
    font-size: 80%;
}

#library #column3 .relatedinfo li a, #library #column3 .relatedinfo li a:visited {
    color: #474747;
    text-decoration: underline;
}

#library #column3 .relatedinfo li a:hover, #library #column3 .relatedinfo li a.selected {
    color: #4f8a0f ;
}

#programmes #column3 .relatedinfo {
    list-style-type: none;
    padding-top: 5px;
    color: #BC1271;
    font-size: 80%;
}

    #programmes #column3 .relatedinfo .first, #library #column3 .relatedinfo .first {
        font-size: 140%;
        padding-bottom: 10px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
    }

    #programmes #column3 .relatedinfo li, #library #column3 .relatedinfo li {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #eaeaea;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        #programmes #column3 .relatedinfo li a, #programmes #column3 .relatedinfo li a:visited{
            color: #474747;
            text-decoration: underline;
        }

            #programmes #column3 .relatedinfo li a:hover, #programmes #column3 .relatedinfo li a.selected {
                color: #a41265;
            }




#column3 .relatedinfo {
    padding-bottom: 20px;
}


#common #column3 .relatedinfo {
    list-style-type: none;
    padding-top: 20px;
    color: #8058B9;
    font-size: 80%;
}

    #common #column3 .relatedinfo .first {
        font-size: 120%;
        font-weight: bold;
        padding-bottom: 10px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
    }

        #common #column3 .relatedinfo .first span {
            font-size: 80%;
        }

    #common #column3 .relatedinfo li {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #eaeaea;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        #common #column3 .relatedinfo li a, #common #column3 .relatedinfo li a:visited {
            color: #474747;
            text-decoration: underline;
        }

            #common #column3 .relatedinfo li a:hover, #common #column3 .relatedinfo li a.selected {
                color: #8058B9;
                text-decoration: none;
            }


#learning #column3 .relatedinfo {
    list-style-type: none;
    padding-top: 20px;
    color: #c06206;
    font-size: 80%;
}

    #learning #column3 .relatedinfo .first {
        font-size: 120%;
        font-weight: bold;
        padding-bottom: 10px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
    }

        #learning #column3 .relatedinfo .first span {
            font-size: 70%;
        }

    #learning #column3 .relatedinfo li {
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #eaeaea;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        #learning #column3 .relatedinfo li a, #learning #column3 .relatedinfo li a:visited {
            color: #474747;
            text-decoration: underline;
        }

            #learning #column3 .relatedinfo li a:hover, #learning #column3 .relatedinfo li a.selected {
                color: #c06206;
            }

.NotRegistered {
    background-image: url(/images/notregistered_boxtop.gif);
    background-repeat: no-repeat;
    margin: 0px 0 20px 0;
    padding: 0px 0 0px 0;
    clear: both;
    overflow: hidden;
}

    .NotRegistered h3 {
        font-size: 85%;
        font-weight: bold;
        padding: 10px;
        color: #2982B0;
    }

    .NotRegistered p {
        padding-right: 10px;
        padding-bottom: 5px;
        padding-left: 10px;
        width: 196px;
    }

#common #column3 .suggesttopic p .security {
    width: 40px;
    margin-left: 10px;
    margin-right: 10px;
}

#common #column3 .suggesttopic p strong {
    font-size: 80%;
}

.notregisteredbtm {
    background-image: url(/images/notregistered_boxbottom.gif);
    width: 216px;
    height: 17px;
}

.NotRegistered a, .SpotlightBox.CleanBlue a.More {
    color: #fff;
    font-size: 0.7em;
    font-weight: bold;
    text-decoration: none;
    display: block;
    /*padding: 2px 0 0 10px;*/
    padding: 1px 0 0 6px;
    height: 19px;
    width: 95px;
    background-image: url(/images/register_btn.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    margin: 10px 0 0 10px;
}

.SpotlightBox.CleanBlue a.More {
    clear: left;
    float: left;
    margin: 0 0 0 108px;
    display: inline;
}

.SpotlightBox.CleanRed a.More {
    color: #fff;
    font-size: 0.7em;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 1px 0 0 5px;
    height: 19px;
    width: 50px;
    background-image: url(/images/bgPinkButton.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    margin: 15px 0 0 0px;
}

.socialnetwork {
	border-top: 1px solid #EAEAEA;
    font-size: 13px;
    padding: 3px 0 0px 0;
}

    .socialnetwork a {
        color: #3a3a3a;
        text-decoration: none;
    }

    .socialnetwork img {
        width: 29px;
    }

    .socialnetwork ul {
        list-style-type: none;
    }

        .socialnetwork ul li {
            margin-right: 5px;
            display: inline-block;
        }

#mainwindow .socialnetwork ul {
    margin: 7px 0 5px;
    padding: 0;
}

    /*.socialnetwork div {
        clear: both;
        height: auto;
        overflow: hidden;
        padding: 7px 5px 0 5px;
    }

    .socialnetwork a.left {
        color: #3a3a3a;
        float: left;
    }

    .socialnetwork a.right {
        color: #3a3a3a;
        float: right;
        text-decoration: none;
    }

        .socialnetwork a.right img {
            border: 0;
        }

    .socialnetwork a.left:hover {
        text-decoration: none;
    }*/

.SpotlightBox.CleanRed a.More:hover {
    background-position: -55px 0px;
}

.NotRegistered a:hover, .SpotlightBox.CleanBlue a.More:hover {
    background-position: -101px 0px;
}

/*suggest a topic box*/
#column3 .suggesttopic {
    float: left;
    background-image: url(/images/sugesttopic_boxtop.gif);
    background-repeat: no-repeat;
    background-color: #f2e8fa;
    margin-top: 15px;
    padding: 0px;
}

.SuggestTopicRow {
    clear: left;
    float: left;
    width: 200px;
    padding: 0 0 8px 0;
    margin: 0 0 0 10px;
    display: inline;
    font-size: 80%;
    color: #474747;
}

    .SuggestTopicRow.error {
        padding-top: 10px;
    }

    .SuggestTopicRow .Captcha.image {
        width: 200px !important;
        height: 50px !important;
        overflow: hidden;
    }

.SuggestTopicRowNaS {
    clear: left;
    float: left;
    width: 650px;
    padding: 0 0 8px 0;
    margin: 0 0 0 0px;
    display: inline;
    font-size: 75%;
    color: #474747;
}

.SuggestTopicLabel {
    float: left;
    width: 40px;
}

.SuggestTopicTextBox {
    float: left;
    width: 150px;
}

.SuggestTopicTextBoxUC {
    color: #474747;
}

.SuggestTopicLabelWide {
    float: left;
    width: 190px;
}

.SuggestTopicTextBoxWide {
    float: left;
    width: 190px;
    padding: 10px 0 0 0;
}

.SuggestTopicTextBoxWideUC {
    color: #474747;
}

.SecurityLabel {
    float: left;
    width: 95px;
}

.SecurityTextBox {
    float: left;
    width: 45px;
}

.SecurityTextBoxUC {
    color: #474747;
    font-weight: bold;
}

.SecurityLetters {
    float: left;
    width: 40px;
    font-weight: bold;
    margin: 0 0 0 8px;
    display: inline;
}

.Underline {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eaeaea;
    padding: 0;
}

.SecurityLabelNaS {
    float: left;
    width: 95px;
}

.SecurityTextBoxNaS {
    float: left;
    width: 45px;
}

.SecurityLettersNaS {
    float: left;
    width: 45px;
    font-weight: bold;
    margin: 0 0 0 15px;
    display: inline;
}

.NaSMessageTextBoxUC {
    color: #474747;
    height: 280px;
    border: 1px solid #AEAEAE;
}

.SuggestTopicBottom {
    clear: left;
    float: left;
    width: 216px;
    height: 17px;
}

#column3 .suggesttopic h2 {
    font-size: 85%;
    font-weight: bold;
    padding: 10px;
    color: #8058B9;
}

#column3 .suggesttopic p {
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

#common #column3 .suggesttopicbtm {
    background-image: url(/images/sugesttopic_boxbtm.gif);
    height: 17px;
}

#column1 a.commonsubmit, #column3 a.commonsubmit {
    text-indent: -9999px;
    display: block;
    height: 20px;
    width: 65px;
    background-image: url(/images/commonsubmit_btn.gif);
    background-position: 0px 0px;
    margin-left: 10px;
}

    #column3 a.commonsubmit:hover {
        background-position: -65px 0px;
    }

.Col3Boxes {
    padding-top: 10px;
}

.SpotlightBox {
    height: auto;
    overflow: hidden;
}
.SpotlightBox.ImageWidthFull img {
    max-width: 216px;
}
.SpotlightBox.ImageWidthFull p {
    color: #474747;
}

.SpotlightBox.ImageWidthTheme img {
    max-width: 196px;
}



.BoxFunding h3 {
    clear: left;
    float: left;
    width: 196px;
    height: 17px;
    background-image: url(/images/fundingbox_header.gif);
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 196px;
    padding: 23px 10px 10px 10px;
    font-weight: bold;
    color: #FFF;
    font-size: 90%;
    line-height: normal;
}

.BoxFunding p,
.SpotlightBox p {
    /*background-color: #566190;*/
    clear: left;
    float: left;
    width: 196px;
    color: #FFF;
    padding: 10px 10px 0 10px;
    margin: 0;
}

.SpotlightBox .More {
    /*background-color: #566190;*/
    clear: left;
    float: left;
    width: 196px;
    color: #FFF;
    padding: 2px 10px 5px 10px;
    margin: 0;
    font-size: 78%;
}

    .BoxFunding p a,
    .SpotlightBox p a, .SpotlightBox p a:visited,
    .SpotlightBox .More a, .SpotlightBox .More a:visited,
    .SpotlightBox .More, .SpotlightBox .More:visited {
        color: #FFF;
        text-decoration: none;
        font-weight: bold;
    }

        .BoxFunding p a:hover,
        .SpotlightBox p a:hover,
        .SpotlightBox .More a:hover,
        .SpotlightBox .More:hover {
            color: #6D77A7;
        }

.SpotlightBox.adjustPadding h3 {
    padding-top: 12px;
    height: 28px;
}

.BoxFundingbottom,
.SpotlightBoxBottom {
    clear: left;
    float: left;
    width: 216px;
    height: 31px;
    background-repeat: no-repeat;
    /*margin:0 0 20px 0;display:inline;*/
    background-position: left top;
}

#column2 .SpotlightBox {
    width: 210px;
    clear: both !important;
    height: auto;
    overflow: hidden;
    margin-top: 15px;
}

.SpotlightBox.CleanBlue p,
.SpotlightBox.CleanRed p,
.SpotlightBox.ClearNavyBlue p,
.SpotlightBox.ClearBottleGreen p,
.SpotlightBox.ClearPurple p,
.SpotlightBox.ClearOrange p, 
.SpotlightBox.ClearLimeGreen p,
.SpotlightBox.ClearTaupe p {
    color: #474747;
    padding: 0 0 5px 0;
}


#column2 .SpotlightBox.CleanRed p {
    padding-top: 10px;
}

.SpotlightBox.CleanBlue {
    padding: 5px 0 0 0;
}



#column2 .SpotlightBox.CleanBlue,
#column2 .SpotlightBox.CleanRed,
#column2 .SpotlightBox.ClearNavyBlue,
#column2 .SpotlightBox.ClearBottleGreen,
#column2 .SpotlightBox.ClearPurple,
#column2 .SpotlightBox.ClearOrange,
#column2 .SpotlightBox.ClearLimeGreen,
#column2 .SpotlightBox.ClearTaupe {
    border-bottom: solid 1px #eaeaea;
    padding-bottom: 20px !important;
    margin-bottom: 15px !important;
}



/* spotlight box headings */

.SpotlightBox h3 {
    padding-bottom: 5px;
    padding-top: 10px;
    font-size: 85%;
    font-weight: bold;
    margin: 0;
}

.SpotlightBox.CleanRed h3 {
    color: #a41265;
}

.SpotlightBox.CleanBlue h3 {
    color: #017398;
}

.SpotlightBox.ClearNavyBlue h3 {
    color: #1c3668;
}

.SpotlightBox.ClearBottleGreen h3 {
    color: #4f8a0f;
}

.SpotlightBox.ClearPurple h3 {
    color: #609;
}

.SpotlightBox.ClearOrange h3 {
    color: #c06206;
}

.SpotlightBox.ClearLimeGreen h3 {
    color: #8d9c08;
}

.SpotlightBox.ClearTaupe h3 {
    color: #b1a35d;
}




/* end spotlight box headings */

.BoxFunding p, .BoxFunding .More {
    background-color: #566190;
}

.BoxFunding .SpotlightBoxBottom {
    background-image: url(/images/fundingbox_bottom.gif);
}

.BoxCommon p, .BoxCommon .More {
    background-color: #831dcc;
}

.BoxCommon .SpotlightBoxBottom {
    background-image: url(/images/commonbox_bottom.gif);
}


.BoxSupport p, .BoxSupport .More {
    background-color: #8f9f0a;
}

.BoxSupport .SpotlightBoxBottom {
    background-image: url(/images/supportbox_bottom.gif);
}

.BoxDeveloping p, .BoxDeveloping .More {
    background-color: #901455;
}

.BoxDeveloping .SpotlightBoxBottom {
    background-image: url(/images/developingbox_bottom.gif);
}

.BoxCommon h3 {
    clear: left;
    float: left;
    width: 196px;
    height: 17px;
    background-image: url(/images/commonbox_header.gif) !important;
    background-repeat: no-repeat;
    display: block;
    padding: 23px 10px 10px 10px;
    font-weight: bold;
    color: #FFF;
    font-size: 90%;
    line-height: normal;
}

.BoxCommon p {
    background-color: #831dcc;
    color: #FFF;
    padding: 10px;
}

.BoxCommon a {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}

.BoxCommon p a:hover {
    color: #A74FE6;
}

.BoxCommonbottom {
    clear: left;
    float: left;
    width: 216px;
    height: 11px;
    background-image: url(/images/commonbox_bottom.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}








.BoxLightBlue div, .BoxLightBlue .More {
    background-color: #E0F3F6;
}

.BoxLightBlue p {
    background-color: #E0F3F6;
    color: #2982B0;
    padding: 10px;
}

.BoxLightBlue .SpotlightBoxBottom {
    background-image: url(/images/lightbluebox_footer3.png);
    height: 11px !important;
}

.BoxLightBlue h3 {
    clear: left;
    float: left;
    width: 196px;
    height: 17px;
    background-image: url(/images/lightbluebox_header3.png) !important;
    background-repeat: no-repeat;
    display: block;
    padding: 23px 10px 10px 10px;
    font-weight: bold;
    color: #2982B0;
    font-size: 90%;
    line-height: normal;
}


.BoxLightBlue a, .BoxLightBlue a.More  {
    color: #2982B0 !important;
    text-decoration: none;
    font-weight: bold;
}

.BoxLightBlue a:hover, .BoxLightBlue a.More:hover {
    color: #21B0B8 !important;
}














.BoxSupport h3 {
    clear: left;
    float: left;
    width: 196px;
    height: 17px;
    background-image: url(/images/supportbox_header.gif) !important;
    background-repeat: no-repeat;
    display: block;
    padding: 23px 10px 10px 10px;
    font-weight: bold;
    color: #FFF;
    font-size: 90%;
    line-height: normal;
}

.BoxSupport p {
    background-color: #8f9f0a;
    color: #FFF;
    padding: 10px;
}

.BoxSupport a {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}

.BoxSupport p a:hover {
    color: #AEC231;
}

.BoxSupportbottom {
    clear: left;
    float: left;
    width: 216px;
    height: 11px;
    background-image: url(/images/supportbox_bottom.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.BoxDeveloping h3 {
    clear: left;
    float: left;
    width: 196px;
    height: 17px;
    background-image: url(/images/developingbox_header.gif);
    background-repeat: no-repeat;
    display: block;
    padding: 23px 10px 10px 10px;
    font-weight: bold;
    color: #FFF;
    font-size: 90%;
    line-height: normal;
}

.BoxDeveloping p {
    background-color: #901455;
    color: #FFF;
    padding: 10px;
}

.BoxDeveloping a {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}

.BoxDeveloping p a:hover {
    color: #AEC231;
}

.BoxDevelopingbottom {
    clear: left;
    float: left;
    width: 216px;
    height: 11px;
    background-image: url(/images/developingbox_bottom.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}


.returntop {
    padding-top: 5px;
    width: 900px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #eaeaea;
    margin-left: 25px;
    text-align: right;
}

    .returntop a {
        background-image: url(/images/top_arrow.gif);
        background-repeat: no-repeat;
        text-decoration: none;
        font-size: 70%;
        padding-right: 20px;
        background-position: right 0px;
        color: #6d78a6;
        text-align: right;
    }

        .returntop a:hover {
            color: #999;
        }

body#home #column1 a.more:link, body#home #column1 a.more:visited {
    background-image: url(/images/col1home_more.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: block;
    width: 54px;
    color: #FFF;
    text-decoration: none;
    font-size: 70%;
    text-align: center;
    line-height: 1.8em;
    clear: both;
    margin-top: 15px;
}

body#home #column1 a.more:hover {
    background-position: -54px;
}

body#about #column1 a.more:link, body#about #column1 a.more:visited {
    background-image: url(/images/col1about_more.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: block;
    width: 54px;
    color: #FFF;
    text-decoration: none;
    font-size: 70%;
    text-align: center;
    line-height: 1.8em;
}

body#about #column1 a.more:hover {
    background-position: -54px;
}

body#library #column1 a.more:link, body#library #column1 a.more:visited {
    background-image: url(/images/col1library_more.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: block;
    width: 54px;
    color: #FFF;
    text-decoration: none;
    font-size: 70%;
    text-align: center;
    line-height: 1.8em;
}

body#library #column1 a.more:hover {
    background-position: -54px;
}

body#programmes #column1 a.more:link, body#programmes #column1 a.more:visited {
    background-image: url(/images/col1prog_more.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: block;
    width: 54px;
    color: #FFF;
    text-decoration: none;
    font-size: 70%;
    text-align: center;
    line-height: 1.8em;
}

body#programmes #column1 a.more:hover {
    background-position: -54px;
}

body#common #column1 a.more:link, body#common #column1 a.more:visited {
    background-image: url(/images/col1common_more.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: block;
    width: 54px;
    color: #FFF;
    text-decoration: none;
    font-size: 70%;
    text-align: center;
    line-height: 1.8em;
}

body#common #column1 a.more:hover {
    background-position: -54px;
}

body#learning #column1 a.more:link, body#learning #column1 a.more:visited {
    background-image: url(/images/col1learning_more.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: block;
    width: 54px;
    color: #FFF;
    text-decoration: none;
    font-size: 70%;
    text-align: center;
    line-height: 1.8em;
}

body#learning #column1 a.more:hover {
    background-position: -54px;
}

body#supporting #column1 a.more:link, body#supporting #column1 a.more:visited {
    background-image: url(/images/col1support_more.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: block;
    width: 54px;
    color: #FFF;
    text-decoration: none;
    font-size: 70%;
    text-align: center;
    line-height: 1.8em;
}

body#supporting #column1 a.more:hover {
    background-position: -54px;
}

body#login #column1 a.more:link, body#login #column1 a.more:visited {
    background-image: url(/images/col1login_more.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: block;
    width: 54px;
    color: #FFF;
    text-decoration: none;
    font-size: 70%;
    text-align: center;
    line-height: 1.8em;
}

body#login #column1 a.more:hover {
    background-position: -54px;
}

#column1 a, #column1 a:visited {
    color: #474747;
}

    #column1 a:hover {
        color: #AEAEAE;
    }

    #column1 a.selected, #column1 a.selected:visited, #column1 a.selected:hover {
        color: #1c3668;
        font-weight: bold;
        cursor: pointer;
        text-decoration: none;
    }

    .journal #column1 a.selected, .journal #column1 a.selected:visited, .journal #column1 a.selected:hover {
        color: #4f8a0f !important;
    }





#column1 .caitable tr td {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eaeaea;
}

#column1 .caitable tr .caititle {
    padding: 10px;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #eaeaea;
    color: #C06206;
    font-size: 85%;
    font-weight: bold;
}

#library .caitable tr .caititle {
    color: #4f8a0f;
}

#column1 .caitable tr .caiparagraph {
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

    #column1 .caitable tr .caiparagraph #tablenavlist li {
        font-size: 80%;
        list-style-type: none;
    }

        #column1 .caitable tr .caiparagraph #tablenavlist li a, #column1 .caitable tr .caiparagraph #tablenavlist li a:visited {
            color: #474747;
        }

            #column1 .caitable tr .caiparagraph #tablenavlist li a:hover {
                color: #AEAEAE;
            }

    #column1 .caitable tr .caiparagraph p a {
        color: #474747;
        clear: left;
    }

        #column1 .caitable tr .caiparagraph p a:hover {
            color: #AEAEAE;
        }

#learning #column1 a.podcast,
#learning #column1 #podcasts a {
    text-indent: -9999px;
    display: block;
    height: 20px;
    width: 151px;
    background-image: url(/images/podcast_btn.gif);
    background-position: 0px 0px;
    margin-top: 15px;
    outline: 0;
}

    #learning #column1 a.podcast:hover,
    #learning #column1 #podcasts a:hover {
        background-position: -151px 0px;
        outline: 0;
    }

#login #column1 .RegForm p {
    /*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eaeaea;*/
    float: none;
    clear: left;
}

#login #column1 h3 {
    font-size: 80%;
    font-weight: bold;
    color: #017398;
    padding-top: 10px;
    clear: left;
}

#RegForm {
    float: left;
    width: 660px;
    padding: 10px 0 10px 0;
}

#login #column1 #RegForm h3 {
    font-size: 80%;
    font-weight: bold;
    color: #017398;
    padding-top: 10px;
    clear: left;
    display: inline;
}

#login #column1 h3 span {
    color: #474747;
    font-weight: normal;
    font-size: 80%;
    padding-left: 10px;
}

#login #column1 .logincontainer {
    width: 320px;
    float: left;
}

#login #column1 .line {
    clear: both;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E3E3E3;
}

#login #column1 .logincontainer p {
    float: left;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

#login #column1 .logincontainer .formtitle {
    text-align: right;
    width: 100px;
    padding-right: 5px;
}

    #login #column1 .logincontainer .formtitle span {
        font-size: 40%;
    }

    #login #column1 .logincontainer .formtitle small {
        font-size: 80%;
    }

.LoginLabel {
    clear: left;
    float: left;
    width: 60px;
    font-size: 80%;
    color: #474747;
    margin: 0 0 15px 0;
    display: inline;
}

.LoginLabelWide {
    clear: left;
    float: left;
    width: 100px;
    font-size: 80%;
    color: #474747;
    margin: 0 0 15px 0;
    display: inline;
}

.LoginLabelWideDB, .LoginLabelWideDBCountry {
    clear: left;
    float: left;
    width: 100px;
    font-size: 80%;
    color: #474747;
    margin: 0;
    display: inline;
    text-align: right;
}

.LoginLabelWideReg, .LoginLabelWideRegCountry {
    clear: left;
    float: left;
    width: 110px;
    font-size: 75%;
    color: #474747;
    margin: 1px 0 0 0;
    display: inline;
    text-align: right;
}

.LoginLabelWideDBCountry, .LoginLabelWideRegCountry {
    margin: 3px 0 0 0;
    display: inline;
}

.LoginTextBox {
    float: left;
    border: 0;
    background-image: url(/images/login_bckg2.gif);
    background-repeat: no-repeat;
    width: 195px;
    height: 18px;
    padding: 2px 2px 0 2px;
    margin: 0 0 15px 10px;
    display: inline;
}

.FormValue {
    float: left;
    width: auto;
    /*border:solid 1px blue;*/
    padding-left: 9px;
    /*font-weight:normal;*/
    font-size: 0.9em;
}

.m_LoginTextBox {
    float: left;
    width: 195px;
    background-color: Transparent;
    border: 0;
    color: #474747;
}

.ReqField {
    font-size: 11px;
}

.smalltxt {
    font-size: 9px;
    line-height: normal;
}

.KeepInTouchText {
    clear: left;
    float: left;
    width: 600px;
    padding: 10px 0 5px 0;
    font-size: 80%;
}

.KeepInTouchRadios {
    clear: left;
    float: left;
    width: 600px;
    font-size: 80%;
}

.LoginDropDown {
    float: left;
    border: 0;
    width: 195px;
    height: 18px;
    padding: 2px 2px 0 2px;
    margin: 0 0 15px 10px;
    display: inline;
}

.m_LoginDropDown {
    float: left;
    width: 195px;
    background-color: Transparent;
    border: 0;
    color: #474747;
}

.ForgottenPWContainer {
    clear: left;
    float: left;
    width: 310px;
}

.SearchDBContainer {
    clear: left;
    float: left;
    width: 320px;
    margin: 20px 0 0 0;
    display: inline;
}

.SearchDBContainerRight {
    float: left;
    width: 320px;
    margin: 20px 0 0 10px;
    display: inline;
}

.SearchDBSubmit {
    clear: both;
    width: 125px;
    height: 20px;
    margin: 20px 0 10px 0;
}

    .SearchDBSubmit img {
        border: 0;
    }

.SearchDBReset {
    float: left;
    width: auto;
    margin: 20px 0 10px 10px;
    display: inline;
    font-size: 75%;
}

.RegFormRow, .RegFormRowPW {
    clear: left;
    float: left;
    width: 320px;
    min-height: 22px;
    padding: 0 0 3px 0;
}

.ForgottenPWText {
    clear: left;
    float: left;
    width: 310px;
    font-size: 80%;
    padding: 20px 0 0 0;
}

.LoginSubmitWide {
    clear: left;
    float: left;
    width: 310px;
    text-align: right;
}

.LoginSubmit img {
    border: 0;
}

.ForgottenPWClick {
    clear: both;
    float: left;
    width: 270px;
    margin: 10px 0 0 0;
    display: inline;
}

.LoginLabelHome {
    clear: left;
    float: left;
    width: 60px;
    font-size: 80%;
    color: #474747;
    margin: 0 0 15px 0;
    display: inline;
}

.LoginTextBoxHome {
    float: left;
    border: 0;
    background-image: url(/images/LoginHomeBG.gif);
    background-repeat: no-repeat;
    width: 133px;
    height: 18px;
    padding: 2px 2px 0 2px;
    margin: 0 0 15px 15px;
    display: inline;
}

.m_LoginTextBoxHome {
    float: left;
    width: 133px;
    background-color: Transparent;
    border: 0;
    color: #474747;
}
/*.LoginSubmitHome
{
    clear:left;float:left;
    width:208px;
    text-align:right;
}*/
.LoginSubmitHome img {
    border: 0;
}

.ForgottenPWHome {
    clear: both;
    float: left;
    width: 208px;
    padding: 20px 0 0 0;
}

#login #column1 a.loginbutton {
    width: 86px;
    display: block;
    background-image: url(/images/login_btn.gif);
    background-repeat: no-repeat;
    height: 20px;
    text-indent: -9999px;
    background-position: 0px 0px;
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    float: left;
}

    #login #column1 a.loginbutton:hover {
        background-position: -86px 0px;
    }
/* Color form styling */
#stayintouch {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    clear: left;
}

    #stayintouch h2 {
        width: 10em;
        float: left;
        font-size: 1em;
        font-weight: normal;
    }

    #stayintouch .col {
        width: 8em;
        float: left;
        clear: none;
        padding-bottom: 10px;
    }

    #stayintouch label {
        float: none;
        font-size: 80%;
    }

    #stayintouch input {
        margin-right: 10px;
    }

#login #column1 #stayintouch .checkbox {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}


#login #column1 a.forgotten, #login #column1 a.forgotten:visited {
    color: #474747;
    text-decoration: underline;
    font-size: 70%;
}

    #login #column1 a.forgotten:hover {
        color: #AEAEAE;
    }

a.submitdetails {
    width: 107px;
    display: block;
    background-image: url(/images/submitdetails_btn.gif);
    background-repeat: no-repeat;
    height: 20px;
    text-indent: -9999px;
    background-position: 0px 0px;
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}

    a.submitdetails:hover {
        background-position: -107px 0px;
    }

a.searchdata {
    width: 125px;
    display: block;
    background-image: url(/images/searchdata_btn.gif);
    background-repeat: no-repeat;
    height: 20px;
    text-indent: -9999px;
    background-position: 0px 0px;
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}

    a.searchdata:hover {
        background-position: -125px 0px;
    }

#login #column1 p a {
    color: #474747;
}


/* Common Room */



.column4 {
    width: 420px;
    float: left;
}

    .column4 h1 {
        font-weight: normal;
        font-size: 105%;
        padding: 10px 0 10px 0;
        color: #609;
    }

    .column4 p {
        color: #474747;
        font-size: 75%;
        padding-bottom: 10px;
    }

    .column4 .intro {
        font-weight: bold;
    }

    .column4 .newsevents {
        background-image: url(/images/notepaper.jpg);
        background-repeat: no-repeat;
        float: left;
        padding-top: 20px;
        padding-right: 40px;
        padding-bottom: 20px;
        padding-left: 40px;
        width: 340px;
        height: 166px;
    }

.newsevents h2 {
    font-weight: normal;
    font-size: 100%;
    padding-bottom: 10px;
    color: #609;
}

.col_news p {
    clear: left;
    float: left;
    width: 150px;
    color: #609;
    line-height: 130%;
    padding-top: 30px;
    font-size: 80%;
}

.col_events p {
    clear: left;
    float: left;
    width: 150px;
    color: #609;
    line-height: 130%;
    padding-top: 27px;
    font-size: 80%;
}

.col_news {
    float: left;
    width: 150px;
    height: 160px;
    overflow: hidden;
}

.LatestNewsTitle {
    float: left;
    width: 99px;
    height: 14px;
    margin-top: 2px;
}

.LatestNewsMore {
    clear: left;
    float: left;
}

    .LatestNewsMore img {
        border: 0;
    }

.col_events {
    float: right;
    width: 150px;
    height: 158px;
    overflow: hidden;
    padding-left: 10px;
}

.UpcomingEventsTitle {
    float: left;
    width: 129px;
    height: 19px;
}

.UpcomingEventsMore {
    clear: left;
    float: left;
}

    .UpcomingEventsMore img {
        border: 0;
    }

.column5 {
    width: 470px;
    float: right;
    font-size: 80%;
}

    .column5 h1 {
        font-weight: normal;
        font-size: 140%;
        padding-bottom: 20px;
        color: #609;
    }

    .column5 .box_Network {
        height: 160px;
        background-image: url(/images/box_network.jpg);
        background-position: 0px 4px;
        background-repeat: no-repeat;
        color: #609;
        position: relative;
    }

.NaSContent {
    float: left;
    width: 420px;
    height: 130px;
    margin: 10px 0 0 25px;
    overflow: hidden;
}

.NaSTitle {
    float: left;
    width: 153px;
    height: 15px;
    margin: 25px 0 0 0;
}

.NaSMore {
    clear: left;
    float: left;
}

    .NaSMore img {
        border: 0;
    }

.NaSBody {
    float: left;
    width: auto;
}



.column5 .box_Network p {
    clear: left;
    float: left;
    width: 420px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 100%;
    padding-bottom: 0px;
    line-height: 140%;
}

img.follow {
    position: absolute;
    border: 0;
}

    img.follow.on {
        right: 115px;
        top: 25px;
    }

    img.follow.fb {
        right: 60px;
        top: 12px;
    }

    img.follow.twitter {
        right: 5px;
        top: 7px;
    }

a.commonmore, a.commonmore:visited {
    color: #609;
    font-weight: bold;
    text-decoration: none;
    font-size: 80%;
}

    a.commonmore:hover {
        color: #9900E6;
    }



#column1 a.external:link, #column1 a.external:visited {
    color: #474747;
}

#column1 a.external:hover {
    color: #AEAEAE;
}

.column5 .box_stickies {
    background-image: url(/images/stickies.jpg);
    background-repeat: no-repeat;
    float: left;
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 40px;
    padding-left: 30px;
    height: 151px;
    width: 423px;
}

.col_spotlitlink {
    float: left;
    width: 170px;
    height: 165px;
    overflow: hidden;
}

.SpotlitLinkTitle {
    float: left;
    width: 120px;
    height: 19px;
    margin: 10px 0 0 0;
}

.SpotlitLinkMore {
    clear: left;
    float: left;
    width: 52px;
    height: 17px;
}

    .SpotlitLinkMore img {
        border: 0;
    }

.col_topdisc {
    float: left;
    width: 170px;
    height: 165px;
    margin: 0 0 0 50px;
    overflow: hidden;
}

.TopDiscTitle {
    float: left;
    width: 147px;
    height: 24px;
    margin: 10px 0 0 0;
}

.TopDiscMore {
    clear: left;
    float: left;
    width: 51px;
    height: 15px;
}

    .TopDiscMore img {
        border: 0;
    }

.column5 .box_stickies h2 {
    font-weight: normal;
    font-size: 100%;
    padding-bottom: 10px;
    color: #609;
}

.col_spotlitlink p {
    clear: left;
    float: left;
    width: 170px;
    color: #000000;
    line-height: 120%;
    font-size: 100%;
    padding: 10px 0 0 0;
}

.col_topdisc p {
    clear: left;
    float: left;
    width: 170px;
    color: #000000;
    line-height: 120%;
    font-size: 100%;
    padding: 5px 0 0 0;
}

.column5 .box_stickies .col_news {
    float: left;
    width: 150px;
    font-size: 120%;
}

.column5 .box_stickies .col_events {
    float: right;
    width: 150px;
    padding-left: 10px;
    font-size: 120%;
}

#library #column3 {
    width: 217px;
    margin-left: 14px;
}

#column3 .tagcloudtop {
    height: 65px;
    background-image: url(/images/TagCloudTop.jpg);
    background-repeat: no-repeat;
}

#column3 .tagcloudcontent {
    background-image: url(/images/TagCloudBG.jpg);
    background-repeat: repeat-y;
    padding: 0 15px 0 15px;
}

#column3 .tagcloudtop h2 {
    display: block;
    padding: 10px;
    font-weight: bold;
    color: #0082AD;
    font-size: 100%;
    height: 30px;
    line-height: 2em;
    margin: 0px;
}

#column3 .tagcloud {
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: url(/images/tagclouds.jpg);
    background-repeat: no-repeat;
    background-position: 0px 12px;
}

#column3 .tagcloudbottom {
    margin: 0 0 30px 0;
}

#column3 .tagcloud p {
    color: #FFF;
    margin: 10px 15px 10px 15px;
}

#column3 .tagcloudbottom {
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 7px;
}

a.tag1:link, a.tag1:visited {
    font-size: 75%;
    color: #0082AD;
    text-decoration: none;
}

a.tag2:link, a.tag2:visited {
    font-size: 130%;
    color: #00A4DA;
    text-decoration: none;
}

a.tag3:link, a.tag3:visited {
    font-size: 150%;
    color: #00A8E0;
    text-decoration: none;
}

a.tag4:link, a.tag4:visited {
    font-size: 85%;
    color: #006D91;
    text-decoration: none;
}

a.tag5:link, a.tag5:visited {
    font-size: 100%;
    color: #008DBB;
    text-decoration: none;
}

#column3 .tagcloudcontent a:hover {
    color: #69F;
    text-decoration: underline;
}

/*/body css*/

/* footer css*/

#footerwrap {
    background-color: #f4f4f4;
}

#footer {
    width: 925px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding-left: 25px;
    background-color: #FFF;
}

.secondarylinks {
    width: 890px;
    background-color: #eaeaea;
    float: left;
    padding: 20px 5px 15px 5px;
    margin: 5px 0 20px 0;
    display: inline;
}

.secondarylinksrow {
    clear: left;
    float: left;
    width: 890px;
}

.linkcolumnfirst, .linkcolumnfirsttitle {
    width: 110px;
    float: left;
    margin-right: 2px;
    padding: 0 5px 0 10px;
}

    .linkcolumnfirst ul,
    .linkcolumnfirsttitle ul {
        list-style-type: none;
        line-height: 78%;
        padding: 0;
        margin: 0;
        clear: both;
    }

        .linkcolumnfirst ul li,
        .linkcolumnfirsttitle ul li {
            padding-bottom: 5px;
        }

            .linkcolumnfirst ul li a,
            .linkcolumnfirsttitle ul li a {
                text-decoration: none;
                color: #999;
                font-size: 70%;
            }

                .linkcolumnfirst ul li a:hover,
                .linkcolumnfirsttitle ul li a:hover {
                    color: #AEAEAE;
                }

.linkcolumntitle {
    width: 109px;
    float: left;
    margin-right: 2px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #999;
    padding: 0 5px 0 10px;
}

.linkcolumn {
    width: 109px;
    float: left;
    min-height: 385px;
    margin-right: 2px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #999;
    padding: 0 5px 0 10px;
}

    .linkcolumn ul,
    .linkcolumntitle ul {
        list-style-type: none;
        /*line-height: 78%;*/
        line-height: 0.9em;
        clear: both;
    }

        .linkcolumn ul li,
        .linkcolumntitle ul li {
            padding-bottom: 5px;
        }

            .linkcolumn ul li a,
            .linkcolumntitle ul li a {
                text-decoration: none;
                color: #999;
                font-size: 70%;
            }

                .linkcolumn ul li a:hover,
                .linkcolumntitle ul li a:hover {
                    color: #AEAEAE;
                }

.aboutSitemap, .librarySitemap, .programmesSitemap, .commonSitemap, .learningzoneSitemap, .supportingfonsSitemap, .loginzoneSitemap {
    float: left;
    width: auto;
    height: 15px;
    padding: 0 0 4px 0;
}

    .aboutSitemap a, .librarySitemap a, .programmesSitemap a, .commonSitemap a, .learningzoneSitemap a, .supportingfonsSitemap a, .loginzoneSitemap a,
    .aboutSitemap a:visited, .librarySitemap a:visited, .programmesSitemap a:visited, .commonSitemap a:visited,
    .learningzoneSitemap a:visited, .supportingfonsSitemap a:visited, .loginzoneSitemap a:visited {
        color: #3C3C3C;
        font-weight: bold;
        font-size: 80%;
        text-decoration: none;
    }

        .aboutSitemap a:hover, .librarySitemap a:hover, .programmesSitemap a:hover, .commonSitemap a:hover,
        .learningzoneSitemap a:hover, .supportingfonsSitemap a:hover, .loginzoneSitemap a:hover {
            color: #737272;
        }


.aboutSitemap {
    border-bottom: 2px solid #6d78a7;
}

.librarySitemap {
    border-bottom: 2px solid #4f8a0f;
}

.programmesSitemap {
    border-bottom: 2px solid #b90f73;
}

.commonSitemap {
    border-bottom: 2px solid #7205bf;
}

.learningzoneSitemap {
    border-bottom: 2px solid #bf6105;
}

.supportingfonsSitemap {
    border-bottom: 2px solid #ad9700;
}

.loginzoneSitemap {
    border-bottom: 2px solid #0082ad;
}

.SitemapBR {
    line-height: 15px;
}

#footer2 {
    clear: both;
    background-color: #FFF;
    width: 900px;
}

    #footer2 p {
        color: #AEAEAE;
        font-size: 70%;
        float: left;
    }

        #footer2 p a, #footer2 p a:visited {
            color: #6d78a6;
            text-decoration: none;
        }

            #footer2 p a:hover {
                color: #AEAEAE;
            }

    #footer2 .designedby {
        float: right;
    }

/* /footer css*/

/* Login Box css */

#loginbox {
    width: 351px;
    color: #FFF;
    font-size: 100%;
    background-color: #025A79;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

    #loginbox .loginboxtop {
        background-image: url(/images/loginbox_header.jpg);
        height: 45px;
        background-color: #025A79;
        background-repeat: no-repeat;
        margin: 0px;
        padding-top: 5px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
    }

    #loginbox .loginnow {
        width: 86px;
        height: 20px;
        background-image: url(/images/loginnow_btn.gif);
        text-indent: -9999px;
        display: block;
        background-repeat: no-repeat;
        background-position: 0px 0px;
        float: left;
        margin-left: 20px;
        margin-right: 20px;
    }

    #loginbox a.loginnow:hover {
        background-position: -86px;
    }

    #loginbox .registernow {
        height: 20px;
        width: 101px;
        background-image: url(/images/registernowwht_btn.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        text-indent: -9999px;
        display: block;
        float: left;
        margin-right: 20px;
    }

    #loginbox a.registernow:hover {
        background-position: -101px;
    }

    #loginbox a.cancel {
        height: 20px;
        width: 69px;
        background-image: url(/images/cancel.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        text-indent: -9999px;
        display: block;
        float: left;
    }

        #loginbox a.cancel:hover {
            background-position: -69px;
        }

    #loginbox .clearfix {
        clear: both;
    }

.loginboxbtm {
    background-image: url(/images/loginbox_btm.gif);
    background-repeat: no-repeat;
    height: 7px;
}

/*/Login Box css */

/*  Not logged in box */

.login_box {
    width: 351px;
    /*height:108px;*/
    height: auto;
    /*overflow: hidden;*/
    font-family: Arial;
    color: white;
    font-weight: bold;
    padding: 0px;
    border: 0px;
    margin: 0px;
}

    .login_box.top {
        height: 45px;
        background: url(/images/login_background_top_v1.1.png) no-repeat;
        background-position: top left;
    }

    .login_box p {
        padding: 15px 0 15px 20px;
        font-size: 13px;
    }

    .login_box.main {
        height: auto;
        overflow: hidden;
        background: url(/images/login_background_main_v1.0.0.png) repeat-y;
        /*background: #045a77;*/
    }

    .login_box.close_button {
        width: 100px;
        margin: auto;
        /*border:solid 1px yellow;*/
    }

    .login_box.more_buttons {
        width: 340px;
        margin: auto;
        /*border:solid 1px green;*/
    }

    .login_box a {
        display: block;
        float: left;
        color: #045a77;
        text-decoration: none;
        /*margin-top: 25px;*/
        margin-left: 15px;
        margin-right: 7px;
        height: 18px;
        font-size: 12px;
        padding-top: 2px;
        padding-left: 7px;
        /*border:solid 1px red;*/
    }

    .login_box.bottom {
        height: 14px;
        background: url(/images/login_background_bottom_v1.1.png) no-repeat;
        background-position: bottom left;
        position: relative;
    }

.login_now {
    width: 79px;
    background-image: url(/images/login_now.png);
}

.register_now {
    width: 94px;
    background-image: url(/images/register_now.png);
}

.cancel {
    width: 62px;
    background-image: url(/images/login_cancel.png);
}

.popupBg {
    background-color: #fff;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

/*.login_box.message a
{
    margin-top: 0px;
}*/

/* /Not logged in box */
.wrapper {
    height: auto;
    overflow: hidden;
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.form .textbox {
    border: solid 1px #999;
}

.form textarea.textbox {
    height: 200px !important;
}

.rating {
    height: auto;
    overflow: hidden;
    padding: 5px 0 0 0;
}

    .rating span {
        width: 10px;
        height: 9px;
        margin: 0 2px 0 0;
    }

        .rating span.star, .rating span.empty {
            background: url(/images/starOff.gif) no-repeat 0 0;
        }

        .rating span.filled {
            background: url(/images/starOn.gif) no-repeat 0 0;
        }

/* ---------- Forum Comments ---------------------- */

#forumComments {
    width: 648px;
}

    #forumComments h1 {
        margin: 0;
        padding: 0 0 5px 0;
    }

    #forumComments .rating {
        color: #8058B9;
        height: auto;
        overflow: hidden;
    }

        #forumComments .rating label {
            width: auto;
        }

    #forumComments a.leaveComment {
        float: right;
        font-size: 12px;
        display: inline-block;
        margin-right: 10px;
    }

    #forumComments .message {
        height: auto;
        overflow: hidden;
        clear: both;
        padding-bottom: 30px;
    }


    #forumComments .reply {
        height: auto;
        overflow: hidden;
        clear: both;
        background: #f4f4f4;
        padding: 10px;
        border-bottom: solid 1px #e9eaed;
        width: 628px;
    }

        #forumComments .reply p {
            padding-top: 5px;
        }

    #forumComments .nvaigation {
        font-size: 0.8em;
        padding: 0px 0 20px 0;
        width: 648px;
    }

    #forumComments .tline {
        border-top: solid 1px #e9eaed;
        padding-top: 20px;
    }

        #forumComments .tline p {
            font-size: 0.8em;
        }

    #forumComments .form .field label {
        width: 50px;
    }

        #forumComments .form .field label.long {
            width: 160px;
        }

/* ---------- End Forum Comments ---------------------- */


.form {
    font-size: 0.8em;
}

    .form .field {
        height: auto;
        overflow: hidden;
        clear: both;
        padding: 10px 0 0 0;
    }
/*------------- Form ------------------------------------------*/




/*------------- End Form ------------------------------------------*/

.BoxLibrary h3 {
    clear: left;
    float: left;
    width: 196px;
    height: 17px;
    background-image: url(/images/librarybox_header.jpg) !important;
    background-repeat: no-repeat;
    display: block;
    padding: 23px 10px 10px 10px;
    font-weight: bold;
    color: #FFF;
    font-size: 90%;
    line-height: normal;
}

.BoxLibrary p {
    background-color: #4f8a0f;
    color: #FFF;
    padding: 10px;
}

.BoxLibrary a {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}

.BoxLibrary p a:hover {
    color: #A74FE6;
}

.BoxLibrarybottom {
    clear: left;
    float: left;
    width: 216px;
    height: 11px;
    background-image: url(/images/librarybox_bottom.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.BoxLibrary p, .BoxLibrary .More {
    background-color: #3b680a;
}

.BoxLibrary .SpotlightBoxBottom {
    background-image: url(/images/librarybox_bottom.jpg);
}

.BoxLearning h3 {
    clear: left;
    float: left;
    width: 196px;
    height: 17px;
    background-image: url(/images/learningbox_header.jpg) !important;
    background-repeat: no-repeat;
    display: block;
    padding: 23px 10px 10px 10px;
    font-weight: bold;
    color: #FFF;
    font-size: 90%;
    line-height: normal;
}

.BoxLearning p {
    background-color: #bf6105;
    color: #FFF;
    padding: 10px;
}

.BoxLearning a {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}

.BoxLearning p a:hover {
    color: #A74FE6;
}

.BoxLearningbottom {
    clear: left;
    float: left;
    width: 216px;
    height: 11px;
    background-image: url(/images/learningbox_bottom.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.BoxLearning p, .BoxLearning .More {
    background-color: #994c00;
}

.BoxLearning .SpotlightBoxBottom {
    background-image: url(/images/learningbox_bottom.jpg);
}

/*Buttons*/

.BlueButton,
.PinkButton,
.TurquoiseButton,
.GreenButton,
.PurpleOpenButton,
.PurpleCloseButton,
.PurpleButton,
.OrangeButton,
.LimeGreenButton,
.TaupeButton {
    float: left;
    width: auto;
    height: 20px;
    cursor: pointer;
    background-repeat: no-repeat;
}

.BlueButtonLeft, 
.PinkButtonLeft, 
.TurquoiseButtonLeft, 
.GreenButtonLeft, 
.PurpleOpenButtonLeft, 
.PurpleCloseButtonLeft, 
.PurpleButtonLeft,
.OrangeButtonLeft,
.LimeGreenButtonLeft,
.TaupeButtonLeft {
    float: left;
    width: 5px;
    height: 20px;
    background-repeat: no-repeat;
}

.BlueButtonLeft {
    background-image: url(/images/MoreBlueLeft.gif);
}

.PinkButtonLeft {
    background-image: url(/images/MorePinkLeft.gif);
}

.TurquoiseButtonLeft {
    background-image: url(/images/TurquoiseLeft.gif);
}

.GreenButtonLeft {
    background-image: url(/images/GreenLeft.gif);
}

.PurpleOpenButtonLeft {
    background-image: url(/images/PurpleReadLeft.gif);
}

.PurpleCloseButtonLeft {
    background-image: url(/images/PurpleCloseLeft.gif);
}

.PurpleButtonLeft {
    background-image: url(/images/PurpleLeft.gif);
}

.OrangeButton {
    background-image: url(/images/OrangeLeft.gif);
}

.LimeGreenButtonLeft {
    background-image: url(/images/LimeGreenLeft.gif);
}

.TaupeButtonLeft {
    background-image: url(/images/TaupeLeft.gif);
}

.BlueButtonContent, 
.PinkButtonContent, 
.TurquoiseButtonContent, 
.GreenButtonContent, 
.PurpleOpenButtonContent, 
.PurpleCloseButtonContent,
.PurpleButtonContent, 
.OrangeButtonContent,
.LimeGreenButtonContent,
.TaupeButtonContent {
    float: left;
    width: auto;
    background-repeat: repeat-x;
}

.ButtonSubmit {
    float: left;
    width: auto;
    height: 19px;
    padding: 1px 0 0 0;
}

.ButtonSubmit2 {
    float: left;
    width: auto;
    height: 20px;
    margin: -1px 0 0 0;
}

.BlueButtonContent {
    height: 18px;
    padding: 2px 6px 0 4px;
    background-image: url(/images/MoreBlueBG.gif);
}

.PinkButtonContent {
    height: 19px;
    padding: 1px 6px 0 4px;
    background-image: url(/images/MorePinkBG.gif);
}

.TurquoiseButtonContent {
    height: 19px;
    padding: 1px 6px 0 4px;
    background-image: url(/images/TurquoiseBG.gif);
}

.GreenButtonContent {
    height: 19px;
    padding: 1px 6px 0 4px;
    background-image: url(/images/GreenBG.gif);
}

.PurpleOpenButtonContent {
    height: 19px;
    padding: 1px 6px 0 4px;
    background-image: url(/images/PurpleReadBG.gif);
}

.PurpleCloseButtonContent {
    height: 19px;
    padding: 1px 6px 0 4px;
    background-image: url(/images/PurpleCloseBG.gif);
}

.PurpleButtonContent {
    height: 19px;
    padding: 1px 6px 0 4px;
    background-image: url(/images/PurpleBG.gif);
}

.OrangeButtonContent {
    height: 19px;
    padding: 1px 6px 0 4px;
    background-image: url(/images/OrangeBG.gif);
}

.LimeGreenButtonContent {
    height: 19px;
    padding: 1px 6px 0 4px;
    background-image: url(/images/LimeGreenBG.gif);
}

.TaupeButtonContent {
    height: 19px;
    padding: 1px 6px 0 4px;
    background-image: url(/images/TaupeBG.gif);
}

#column1 .BlueButtonContent a, #column1 .BlueButtonContent a:visited, #column1 .BlueButtonContent a:hover,
#column2 .BlueButtonContent a, #column2 .BlueButtonContent a:visited, #column2 .BlueButtonContent a:hover,
#column3 .BlueButtonContent a, #column3 .BlueButtonContent a:visited, #column3 .BlueButtonContent a:hover,
#column1 .PinkButtonContent a, #column1 .PinkButtonContent a:visited, #column1 .PinkButtonContent a:hover,
#column2 .PinkButtonContent a, #column2 .PinkButtonContent a:visited, #column2 .PinkButtonContent a:hover,
#column3 .PinkButtonContent a, #column3 .PinkButtonContent a:visited, #column3 .PinkButtonContent a:hover,
#column1 .TurquoiseButtonContent a, #column1 .TurquoiseButtonContent a:visited, #column1 .TurquoiseButtonContent a:hover,
#column2 .TurquoiseButtonContent a, #column2 .TurquoiseButtonContent a:visited, #column2 .TurquoiseButtonContent a:hover,
#column3 .TurquoiseButtonContent a, #column3 .TurquoiseButtonContent a:visited, #column3 .TurquoiseButtonContent a:hover,
#column1 .GreenButtonContent a, #column1 .GreenButtonContent a:visited, #column1 .GreenButtonContent a:hover,
#column2 .GreenButtonContent a, #column2 .GreenButtonContent a:visited, #column2 .GreenButtonContent a:hover,
#column3 .GreenButtonContent a, #column3 .GreenButtonContent a:visited, #column3 .GreenButtonContent a:hover,
#column1 .PurpleOpenButtonContent a, #column1 .PurpleOpenButtonContent a:visited, #column1 .PurpleOpenButtonContent a:hover,
#column2 .PurpleOpenButtonContent a, #column2 .PurpleOpenButtonContent a:visited, #column2 .PurpleOpenButtonContent a:hover,
#column3 .PurpleOpenButtonContent a, #column3 .PurpleOpenButtonContent a:visited, #column3 .PurpleOpenButtonContent a:hover,
#column1 .PurpleCloseButtonContent a, #column1 .PurpleCloseButtonContent a:visited, #column1 .PurpleCloseButtonContent a:hover,
#column2 .PurpleCloseButtonContent a, #column2 .PurpleCloseButtonContent a:visited, #column2 .PurpleCloseButtonContent a:hover,
#column3 .PurpleCloseButtonContent a, #column3 .PurpleCloseButtonContent a:visited, #column3 .PurpleCloseButtonContent a:hover,
#column1 .PurpleButtonContent a, #column1 .PurpleButtonContent a:visited, #column1 .PurpleButtonContent a:hover,
#column2 .PurpleButtonContent a, #column2 .PurpleButtonContent a:visited, #column2 .PurpleButtonContent a:hover,
#column3 .PurpleButtonContent a, #column3 .PurpleButtonContent a:visited, #column3 .PurpleButtonContent a:hover,
#column1 .OrangeButtonContent a, #column1 .OrangeButtonContent a:visited, #column1 .OrangeButtonContent a:hover,
#column2 .OrangeButtonContent a, #column2 .OrangeButtonContent a:visited, #column2 .OrangeButtonContent a:hover,
#column3 .OrangeButtonContent a, #column3 .OrangeButtonContent a:visited, #column3 .OrangeButtonContent a:hover,
#column1 .LimeGreenButtonContent a, #column1 .LimeGreenButtonContent a:visited, #column1 .LimeGreenButtonContent a:hover,
#column2 .LimeGreenButtonContent a, #column2 .LimeGreenButtonContent a:visited, #column2 .LimeGreenButtonContent a:hover,
#column3 .LimeGreenButtonContent a, #column3 .LimeGreenButtonContent a:visited, #column3 .LimeGreenButtonContent a:hover,
#column1 .TaupeButtonContent a, #column1 .TaupeButtonContent a:visited, #column1 .TaupeButtonContent a:hover,
#column2 .TaupeButtonContent a, #column2 .TaupeButtonContent a:visited, #column2 .TaupeButtonContent a:hover,
#column3 .TaupeButtonContent a, #column3 .TaupeButtonContent a:visited, #column3 .TaupeButtonContent a:hover {
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
}

.BlueButtonRight, 
.PinkButtonRight, 
.TurquoiseButtonRight, 
.GreenButtonRight, 
.PurpleOpenButtonRight, 
.PurpleCloseButtonRight, 
.PurpleButtonRight,
.OrangeButtonRight,
.LimeGreenButtonRight,
.TaupeButtonRight {
    float: left;
    background-repeat: no-repeat;
}

.BlueButtonRight {
    width: 12px;
    height: 20px;
    background-image: url(/images/MoreBlueRight.gif);
}

.PinkButtonRight {
    width: 13px;
    height: 20px;
    background-image: url(/images/MorePinkRight.gif);
}

.TurquoiseButtonRight {
    width: 15px;
    height: 20px;
    background-image: url(/images/TurquoiseRight.gif);
}

.GreenButtonRight {
    width: 13px;
    height: 20px;
    background-image: url(/images/GreenRight.gif);
}

.PurpleOpenButtonRight {
    width: 13px;
    height: 20px;
    background-image: url(/images/PurpleReadRight.gif);
}

.PurpleCloseButtonRight {
    width: 15px;
    height: 20px;
    background-image: url(/images/PurpleCloseRight.gif);
}

.PurpleButtonRight {
    width: 11px;
    height: 20px;
    background-image: url(/images/PurpleRight.gif);
}

.OrangeButtonRight {
    width: 15px;
    height: 20px;
    background-image: url(/images/OrangeRight.gif);
}

.LimeGreenButtonRight {
    width: 15px;
    height: 20px;
    background-image: url(/images/LimeGreenRight.gif);
}

.TaupeButtonRight {
    width: 15px;
    height: 20px;
    background-image: url(/images/TaupeRight.gif);
}

.LoginSubmitHome /*Replace old style */ {
    clear: left !important;
    float: right;
    width: auto;
    padding: 0 4px 0 0;
}

.SearchReportsSubmit /*Replace old style */ {
    float: left;
    display: inline;
    width: 130px;
    height: auto;
    margin: 0 0 0 -2px;
    display: inline;
}

.LoginSubmit /*Replace old style */ {
    clear: left !important;
    float: right;
    width: auto;
    padding: 0 50px 0 0;
}

.RegButton /*Replace old style */ {
    clear: left;
    float: right;
    width: auto;
}

.viewreport /*Replace old style */ {
    clear: left;
    float: left;
    width: auto;
    height: 20px;
    margin: 0 0 0 15px;
    display: inline;
}

#column3 .notregistered /*Replace old style */ {
    float: left;
    background-image: url(/images/notregistered_boxtop.gif);
    background-repeat: no-repeat;
    margin-top: 15px;
    padding: 0px;
}

    #column3 .notregistered h2 /*Replace old style */ {
        float: left;
        width: 180px;
        font-size: 85%;
        font-weight: bold;
        padding: 10px;
        color: #2982B0;
    }

    #column3 .notregistered p /*Replace old style */ {
        clear: left;
        float: left;
        width: 180px;
        padding-right: 10px;
        padding-bottom: 5px;
        padding-left: 10px;
    }

.NYRButton {
    float: left;
    width: 206px;
    padding: 10px 0 0 10px;
}

#common #column3 .notregisteredbtm /*Replace old style */ {
    /*background-image: url(/images/notregistered_boxbottom.gif);*/
    clear: left;
    float: left;
    width: 216px;
    height: 17px;
}

body#library #column1 .viewall, body#common #column1 .tablefooterForums .viewall, body#common #column1 .tablefooter .viewall,
body#learning #column1 .tablefooter .viewall {
    float: right;
    width: auto;
}


.field.captcha label, .SuggestTopicRowNaS.captcha .SecurityLabelNaS {
    padding-top: 3px;
}

.field.captcha .left.box, .SuggestTopicRowNaS.captcha .SecurityTextBoxNaS {
    padding-top: 3px;
    padding-right: 5px;
}

.SuggestTopicRowNaS.captcha .SecurityTextBoxNaS {
    margin-right: 35px;
}


/*---------------------------------- Online Journal -------------------------------------------------------*/

#mainwindow.journal .search {
    border-bottom: solid 1px #eaeaea;
    padding-bottom: 20px;
    margin-bottom: 10px;
    height: auto;
    overflow: hidden;
}

#mainwindow.journal .banner {
    padding: 10px 0 20px 0;
}

#mainwindow.journal hr {
    color: #ebecf0;
    font-size: 1px;
    font-weight: normal;
    line-height: 2px;
    background: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: solid 1px #ebecf0;
    display: block;
    margin-bottom: 10px;
}

#mainwindow.journal .news {
    margin-top: 20px;
    background: #eaeaea;
    padding: 10px;
    color: #666666;
}

#mainwindow.journal h3 {
    font-size: 13px;
}


#mainwindow.journal .search h3 {
    margin-bottom: 10px;
}

#mainwindow.journal .volumes h2 {
    margin: 0;
    padding: 0 0 20px 0;
}

#mainwindow.journal .volumes ul {
    padding-bottom: 10px;
}

#mainwindow.journal .search .input {
    width: 197px;
    height: 18px;
    background: url(/images/bg-journal-search.jpg) no-repeat 0 0;
    padding: 2px 10px 0 10px;
    margin: 10px 0 10px 0;
}

    #mainwindow.journal .search .input input {
        border: 0;
        background: none;
        width: 197px;
    }

        #mainwindow.journal .search .input input.watermark {
            color: #3c3c3c;
        }

#mainwindow.journal #column3 h2 {
    padding-top: 20px;
}

#mainwindow.journal #column3 .search h2 {
    padding-top: 5px;
}

#mainwindow.journal .relatedinfo {
    list-style-type: none;
    padding: 5px 0 0 0;
    color: #474747;
    font-size: 80%;
}

#mainwindow.journal #column1 .relatedinfo li {
    border-bottom: 0;
}

#mainwindow.journal .relatedinfo li {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eaeaea;
    padding-top: 5px;
    padding-bottom: 5px;
}

    #mainwindow.journal .relatedinfo li.last {
        border-bottom: 0;
    }

    #mainwindow.journal .relatedinfo li a, #mainwindow.journal .relatedinfo li a:visited {
        color: #474747;
        text-decoration: underline;
    }

        #mainwindow.journal .relatedinfo li a:hover, #mainwindow.journal .relatedinfo li.selected, #mainwindow.journal .relatedinfo li.selected a {
            color: #4F8A0F;
        }

#mainwindow.journal .issue-text {
}

    #mainwindow.journal .issue-text h2 {
        padding: 0;
        margin: 0;
    }

        #mainwindow.journal .issue-text h2 a {
            color: #4F8A0F;
            text-decoration: underline;
        }

            #mainwindow.journal .issue-text h2 a:hover {
                text-decoration: none;
            }

    #mainwindow.journal .issue-text hr {
        margin: 5px;
    }

.hidden, .StarOffHide {
    display: none;
}

/*#sn-abouttab, 
#sn-librarytab,
#sn-programmestab,
#sn-commontab,
#sn-learningtab,
#sn-supporttab,
#sn-logintab
{
    position: absolute;
}*/
.bottom{
    position:absolute;
    bottom:0;
}

.bottom ul{
    position:absolute;
    top:0;
    font-size:150%;
}

#navcontainer div.bottom .subnav{
    background-color: transparent;
}


/** Registration Form **/

.RegFormRow.other-input {
    float: right;
    margin-top: 5px;
}

/** End Of Registration Form **/

/* UI Dialog Jquery Custom CSS*/
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    display: none;
}
.ui-widget-overlay {
    background-color: rgb(0, 0, 0) !important;
    background-image: none;
    opacity: 0.6 !important;
    position: absolute;
    top: 0;
    left: 0;
}

body#programmes a[disabled="disabled"]{
    color:#BC1271;
}


.clearfix {
    clear: both;
    width: 950px;
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
    height: 1px;
}

.cb {
    clear: both;
    width: 100%;
    height: 0px;
}

.captcha {
    clear: both;
    display: block;
    height: auto;
    overflow: hidden;
    margin: 10px 0 10px 0;
}

/*---------------------------------- Mentors -------------------------------------------------------*/
.show-mentor-button {
    cursor: pointer;
    margin: 7px 15px 8px 0px;
    float: left;
    /*width: 108px;*/
    /*width: 130px;*/
    width: calc(25% - 12px);
    max-width: 180px;
}

    .show-mentor-button:nth-child(4n) {
        margin-right: 0;
    }

@media screen and (max-width: 950px) {
    .show-mentor-button {
        width: calc(33.33% - 10px);
    }

        .show-mentor-button:nth-child(4n) {
            margin-right: 15px;
        }
        .show-mentor-button:nth-child(3n) {
            margin-right: 0;
        }
}

@media screen and (max-width: 375px) {
    .show-mentor-button {
        width: calc(50% - 8px);
        margin-right: 15px;
    }

        .show-mentor-button:nth-child(3n) {
            margin-right: 15px;
        }
        .show-mentor-button:nth-child(2n) {
            margin-right: 0;
        }
}

    .show-mentor-button img {
        padding: 0;
        height: 150px;
    }

    .show-mentor-button label {
        text-align: center;
        /*width: 108px;*/
        width: 100%;
        /*text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;*/
        font-size: 75%;
        /*font-weight: bold;*/
        color: #333;
        display: block;
        height: 36px;
    }

    .mentor_box {
        border: none; /*solid 1px #a41265 !important;*/
        font-family: Arial;
        color: #474747;
        font-weight: normal;
        padding: 0px;
        border: 0px;
        margin: 0px;
        background: #f5f5f5;
        overflow: hidden;
    }

        .mentor_box .top {
            background: #333;
            color: #fff;
            font-weight: bold;
            padding: 15px 20px;
            width: calc(100% - 40px);
        }

            .mentor_box .top.programmes {
                background: #a41265;
            }

        .mentor_box p {
            padding: 0;
            font-size: 13px;
        }

        .mentor_box .main {
            overflow-y: auto;
            padding: 20px;
            width: calc(100% - 40px);
            height: calc(100% - 140px);
        }

            .mentor_box .main img {
                float: left;
                padding-right: 20px;
                padding-bottom: 20px;
            }

        .mentor_box .bottom {
            padding: 15px 20px 20px;
            position: relative;
            width: calc(100% - 40px);
        }

        .mentor_box .close_button {
            width: 100px;
            margin: 0 auto;
        }

        .mentor_box .more_buttons {
            width: 340px;
            margin: auto;
        }

        .mentor_box a {
            display: block;
            color: #045a77;
            text-decoration: none;
            margin-left: 15px;
            margin-right: 7px;
            height: 18px;
            font-size: 12px;
            padding-top: 2px;
            padding-left: 7px;
        }