﻿/*
===============================
 BODY & FORM
===============================
*/
BODY, FORM
{
    margin              : 0px 0px 0px 15px;
    padding             : 0px;
}
/*
===============================
 LOGO
===============================
*/
DIV.ContainerLogo
{
    clear               : both;
    float               : left;
    height              : 110px;
    width               : 980px;
}
DIV.ContainerLogo IMG
{
    border-style        : none;
    margin-left         : 180px;
    margin-top          : 25px;
}
/*
===============================
 CONTAINER - MAIN/MENU/CONTENT
===============================
*/
DIV.ContainerMain
{
    clear               : both;
    float               : left;
    width               : 980px;
}
DIV.ContainerMenu
{
    float               : left;
    width               : 150px;
}
DIV.ContainerContent
{

    float               : left;
    width               : 670px;
}
DIV.ContainerDeadlines
{
    float               : right;
    width               : 150px;
}
DIV.ContainerLogin
{
    float               : right;
    font-weight         : bold;
    text-align          : center;
    padding-top         : 40px;
    width               : 150px;
}
/*
===============================
 MAIN
===============================
*/
DIV.ContentContainer
{
    clear               : both;
    padding-left        : 15px;
}
DIV.ContentHead
{
    clear               : both;
    float               : left;
    height              : 11px;
    margin              : 0px;
    padding             : 0px;
    width               : 651px;
}
DIV.ContentBody
{
    clear               : both;
    float               : left;
    margin              : 0px;
    padding             : 0px;
    width               : 651px;
}
DIV.ContentBodyInner
{
    padding            : 0px 10px 0px 10px;
}
DIV.ContentFoot
{
    clear               : both;
    height              : 11px;
    margin              : 0px;
    padding             : 0px;
    width               : 651px;
}
DIV.ContentInnerHead
{
    clear               : both;
    float               : left;
    height              : 35px;
    line-height         : 35px;
    width               : 631px;
}
DIV.ContentInnerBody
{
    clear               : both;
    float               : left;
    width               : 631px;
}
DIV.ContentInnerBodyInner
{
    padding            : 0px 10px 0px 10px;
}
DIV.ContentInnerBodyInner IMG
{
    margin-left         : 10px;
}
DIV.ContentInnerFoot
{
    clear               : both;
    height              : 10px;
    width               : 631px;
}
DIV.BreadCrumbs
{
    clear               : both;
    margin-bottom       : 5px;
    margin-top          : 3px;
}
/*
===============================
 SEARCH
===============================
*/
DIV.SearchContainer
{
    clear               : both;
    float               : right;
    margin-top          : 10px;
    margin-bottom       : 10px;
}
DIV.SearchHead
{
    clear               : both;
    height              : 9px;
    margin              : 0px;
    width               : 127px;
}
DIV.SearchBody 
{
    clear               : both;
    margin              : 0px;
    width               : 127px;
}
DIV.SearchFoot
{
    clear               : both;
    height              : 9px;
    margin              : 0px;
    width               : 127px;
}
DIV.SearchRow
{
    clear               : both;
    margin-bottom       : 10px;
}
.SearchInput
{
    margin-top          : 3px;
}
.SearchButton
{
    margin-top          : 3px;
    height              : 18px;
    width               : 74px;
}
/*
===============================
 MENU
===============================
*/
DIV.MenuTopItem
{
    clear               : both;
    float               : right;
    margin-bottom       : 5px;
    width               : 150px;
}
DIV.MenuSubItem
{
    clear               : both;
    float               : right;
    margin-bottom       : 5px;
    margin-right        : 10px;
    width				: 140px;
}
/*
===============================
    DEADLINE BOXES
===============================
*/
DIV.DeadlineContainer
{
    clear               : both;
    padding-left        : 10px;
}
DIV.DeadlineTitle
{
    clear               : both;
    margin-bottom       : 3px;
    width               : 127px; 
}
DIV.DeadLineHead
{
    clear               : both;
    height              : 9px;
    font-size           : 1pt;
    width               : 127px;
}
DIV.DeadLineBody
{
    clear               : both;
    text-align          : center;
    width               : 127px;
}
DIV.DeadLineBodyInner
{
    clear               : both;
    margin              : 0px 4px 0px 4px;
    width               : 119px;
}
DIV.DeadLineFoot
{
    clear               : both;
    height              : 10px;
    margin-bottom       : 10px;
    width               : 127px;
}
/*
===============================
    NEW SECTIONS
===============================
*/
DIV.NewsHeadLineContainer
{
    float               : left;
    width               : 610px;
}
DIV.NewsHeadLineRow
{
    clear               : both;
    height              : 9px;
    font-size           : 1pt;
}
DIV.NewsHeadLineBox
{
    float               : left;
    padding-bottom      : 5px;
    width               : 290px;
}
DIV.NewsHeadLineBoxMargin
{
    float               : left;
    padding-left        : 0px;
    padding-right       : 0px;
}
DIV.NewsHeadLineDivide
{
    float               : left;
    height              : 30px;
    width               : 30px;
}
DIV.NewsRow
{
    clear               : both;
    margin-bottom       : 3px;
    margin-top          : 3px;
}
DIV.NewsLogos
{
    clear               : both;
    margin-top          : 10px;
    padding-left        : 25px;
}
/*
===============================
    EVENT DIARY
===============================
*/
DIV.EventDateSelect
{
    padding-top         : 5px;
    height              : 28pt;
}
.EventButton
{
    height              : 18px;
    width               : 60px;
}
DIV.EventDetail
{
    float               : left;
    width               : 380px;
}
DIV.EventImage
{
    float               : right;
    margin-left         : 15px;
    margin-right        : 5px;
    text-align          : right;
}
DIV.EventDate
{
    float               : left;
    width               : 100px;
}
DIV.EventRow
{
    clear               : both;
    float               : left;
    width               : 610px;
}
DIV.EventRowSeparator  
{
    clear               : both;
    float               : left;
    height              : 10px;
    line-height         : 10px;
    width               : 610px;
}
DIV.EventSeparator
{
    height              : 10px;
}
/*
===============================
    HOME PAGE
===============================
*/
DIV.HomeBigBox
{
    float               : left;
}
DIV.HomeBigBoxR
{
    float               : right;
}
DIV.HomeBigBoxHead
{
    clear               : both;
    float               : left;
    height              : 34px;
    width               : 310px;
}
DIV.HomeBigBoxBody
{
    clear               : both;
    float               : left;
/*  height              : 90px; // MOVED TO Font.css Files */
    width               : 310px;
}
DIV.HomeBigBoxBodyInner
{
    float               : left;
    margin              : 5px;
}
DIV.HomeBigBoxBodyInner IMG
{
    margin-right        : 5px;
}
DIV.HomeBigBoxFoot
{
    clear               : both;
    float               : left;
    height              : 12px;
    width               : 310px;
}
DIV.HomeSmallBoxRow
{
    float               : left;
    clear               : both;
    margin-top          : 10px;
    width               : 631px;
}
DIV.HomeSmallBox
{
    float               : left;
}
DIV.HomeSmallBoxHead
{
    clear               : both;
    float               : left;
/*  height              : 25px; // MOVED TO Font.css Files */
    width               : 203px;
}
DIV.HomeSmallBoxBody
{
    clear               : both;
    float               : left;
    width               : 203px;
}
/* LOGIN */
DIV.LoginBoxHead
{
    background-image    : url(../images/login_box_head.gif);
    background-position : left bottom;
    background-repeat   : no-repeat;
    clear               : both;
    float               : left;
    font-size           : 1pt;
    height              : 10px;
    width               : 266px;
}

DIV.LoginBoxBody
{
    background-image    : url(../images/login_box_body.gif);
    background-position : left center;
    background-repeat   : repeat-y;
    clear               : both;
    float               : left;
    text-align          : left;
    width               : 266px;
}
DIV.LoginBoxBodyInner
{
    float               : left;
    padding-left        : 20px;
    padding-bottom      : 20px;
}
DIV.LoginBoxFoot
{
    background-image    : url(../images/login_box_foot.gif);
    background-position : left top;
    background-repeat   : no-repeat;
    clear               : both;
    float               : left;
    font-size           : 1pt;
    height              : 10px;
    width               : 266px;
}
.LoginInput
{
    background-color    : #E4E5E4;
    border              : solid 1px #666666;
    width               : 220px;
}
.PasswordReminder
{
    display             : block;
    float               : right;
    margin-right        : 20px;
    font-size           : 8pt;    
}
.LoginButton
{
    background-color    : Transparent;
    background-image    : url(../images/search_box_button.gif);
    background-position : center center;
    background-repeat   : no-repeat;
    border              : none 0px #86A3AB;
    color               : #000000;
    font-family         : Verdana;
    font-size           : 10pt;
    line-height         : 17px;
    
    float               : right;
    margin-top          : 3px;
    margin-right        : 20px;
    height              : 18px;
    width               : 74px;
}
DIV.RegisterRule
{
    background-image    : url(../images/register_hori_divide.gif);
    background-position : center;
    background-repeat   : no-repeat;
    clear               : both;
    height              : 30px;
    float               : left;
    font-size           : 1pt;
    width               : 610px; 
}
.RegisterButton
{
    background-color    : Transparent;
    background-image    : url(../images/search_box_button.gif);
    background-position : center center;
    background-repeat   : no-repeat;
    border              : none 0px #86A3AB;
    color               : #000000;
    font-family         : Verdana;
    font-size           : 10pt;
    line-height         : 17px;
    
    margin-top          : 3px;
    height              : 18px;
    width               : 74px;
}
INPUT.ButtonDatabase
{
    background-color    : Transparent;
    background-image    : url(../images/button_database.gif);
    background-position : center;
    background-repeat   : no-repeat;
    border              : none 0px Transparent;
    clear               : both;
    color               : #7F197F;
    display             : block;
    font-weight         : bold;
    height              : 33px;
    line-height         : 33px;
    margin              : 10px 0px 10px 220px;
    width               : 118px;
}