/*
===============================
 BODY & FORM
===============================
*/
FORM, BODY
{
    margin              : 0px;
    padding             : 0px;
}

html, body {height: 100%;}

#wrapper {width:970px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -111px;
}

/*
===============================
    FOOTER
===============================
*/

#footerwrapper {height:110px; background: #FFF; border-top: 1px solid #6B898C; clear:both;}
#footercontent {width:980px; margin: 0 auto; }
#footerspacer {clear:both; height:0px}
.push {height:111px;clear:both;}

#footercontent a img {border:none;}
#footercontent a {display:block; float:left;}
#footercontent a.creative-england {margin:32px 0 0 7px;}
#footercontent a.skillset {margin:40px 0 0 70px;}
#footercontent a.accentuate {margin:22px 0 0 75px;}
#footercontent a.uscreen {margin:22px 0 0 73px;}
#footercontent a.nssp {margin:22px 0 0 73px;}
#footercontent a.interreg {margin:20px 0 0 70px;}


/*
===============================
 LOGO
===============================
*/
DIV.ContainerLogo
{
    clear               : both;
    float               : left;
    height              : 110px;
    width               : 970px;
    position: relative
}
DIV.ContainerLogo IMG
{
    border-style        : none;
    margin-left         : 26px;
    margin-top          : 25px;
}

#accessibility { position:absolute; top: 5px; right: 27px; height: 30px; width: 100px;}

/*
===============================
 CONTAINER - MAIN/MENU/CONTENT
===============================
*/
DIV.ContainerMain
{
    clear               : both;
    float               : left;
    width               : 970px;
}
DIV.ContainerMenu
{
    float               : left;
    width               : 150px;
    margin: 15px 0 20px 0;
}

DIV.ContainerMenu a img {border:none;}

DIV.ContainerContent
{

    float               : left;
    width               : 670px;
    margin-bottom: 20px;
}
DIV.ContainerDeadlines
{
    float               : right;
    width               : 150px;
   margin: 12px 0 20px 0;

}
DIV.ContainerLogin
{
    float               : right;
    font-weight         : bold;
    text-align          : center;
    padding-top         : 25px;
    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
{
    float               : left;
    margin-top          : 20px;
    margin-left		      : 24px;
}
DIV.SearchHead
{
    height              : 0px;
    margin              : 0px;
    visibility: hidden;
    display:none;
    
}
DIV.SearchBody 
{
    clear               : both;
    margin              : 0px;
    width               : 127px;
}
DIV.SearchFoot
{
    height              : 0px;
    margin              : 0px;
    visibility: hidden;
    display:none;
}
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;
}

DIV.funderslogos {clear:both; text-align: right; margin-top: 15px;}
div.funderslogos img {margin-bottom: 10px;}
/*
===============================
    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;
}