ul.tabs
        {
            margin: 0;
            padding: 0;
            float: left;
            list-style: none;
            height: 22px; /*--Set height of tabs--*/
            border-bottom: 1px solid #999;
            border-left: 1px solid #999;
            width: 100%;
        }
        ul.tabs li
        {
            float: left;
            margin: 0;
            padding: 0;
            height: 22px; /*--Subtract 1px from the height of the unordered list--*/
            line-height: 19px; /*--Vertically aligns the text within the tab--*/
            border: 1px solid #999;
            border-left: none;
            margin-bottom: -1px; /*--Pull the list item down 1px--*/
            overflow: hidden;
            position: relative;
            background: #e0e0e0;
        }
        ul.tabs li a
        {
            text-decoration: none;
            color: #000;
            display: block;
            font-size: 0.7em;
            padding: 0 10px;
            border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
            outline: none;
        }
        ul.tabs li a:hover
        {
            background: #ccc;
        }
        html ul.tabs li.active, html ul.tabs li.active a:hover
        {
            /*--Makes sure that the active tab does not listen to the hover properties--*/
            background: #fff;
            border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
        }
        .tab_container
        {
            border: 1px solid #999;
            border-top: none;
            overflow: hidden;
            clear: both;
            float: left;
            width: 100%;
            background: #fff;
        }
        .tab_content
        {
            padding: 0px;
            font-size: 1.2em;
            height: 200px;
        }
        #advert
        {
            z-index: 1;
            position: absolute;
            width: 400px;
            right: 10px;
            top: 20px;
        }
        #latestnews
        {
            padding: 10px;
            height: 200px;
            background: url(/images/adverts/circles_background.gif) no-repeat;
        }
        #latestnews h2
        {
            font-size: 0.8em;
            padding: 10px 0 0 0;
            margin: 0;
        }
        #latestnews h2 a
        {
            font-size: 0.8em;
            text-decoration: none;
        }
        #latestnews .date
        {
            font-size: 0.6em;
        }
        #latestnews p
        {
            margin: 10px 0 0 0;
            font-size: 0.7em;
        }
        #adverttext
        {
            height: 170px;
        }
        #adverttext h1
        {
            font-size: 0.8em;
            font-weight: bold;
            padding: 15px 15px 5px 15px;
        }
        #adverttext p
        {
            padding: 5px 15px 5px 15px;
            font-size: 0.7em;
        }
        #adverttext ul
        {
            padding-left: 15px;
            margin-left: 15px;
            font-size: 0.7em;
            color: #ffffff;
            line-height: 20px;
        }
        #adverttext a
        {
            color: #ffffff;
        }
        #courseenquiry
        {
            height: 30px;
            text-align: right;
            padding-right: 5px;
        }
        #courseenquiry p
        {
            font-size: 0.7em;
        }
        #advertca
        {
            margin-left:50px;
        }
        #advertca ul
        {
            padding-top:5px;
            padding-left:65px;
            list-style-type:circle;
            color:#2938ff;
        }
        #advertca li a
        {
            color:#2938ff;
            text-decoration:none;
        }
        #advertca li a:hover
        {
            color:#2938ff;
            text-decoration:underline;
        }