/*--------------------layout---------------------*/
html, body 
{
    background: #434F57;
    height: 100%; 
    margin: 0;    
    padding: 0;
    text-align: center;
}
html 
{
    overflow:auto;
}
form
{
    background: #434F57;
    height: 100%;
}
#shim 
{
    background: #434F57;
    width: 100%;
    height: 50%; 
    margin-top: -285px; 
    float: left;
}

#gbwrapper 
{
    text-align: left;
    margin:0 auto;
    background: #FFF;
    width: 995px;
    height: 570px;
    clear: both;

/*
 *
 * Issue: IE4 doesn't allow a negative margin-top.
 *
 * This code positions blueBox relatively and uses the IE4ever hack (<http://exanimo.com/css/ie4ever>) to overwrite the rule for other browsers.
 * The content will be centered but will crop if the window is not small enough to accommodate it.
 *
 */
    position: relative;
    top: -285px;
/* IE4ever Hack: Hide from IE4 **/
    position: static;
/** end hack */

}

#Menu 
{
    float: left;
    position:relative;
    top:8px;
    left:8px;
	width: 270px;
    height: 507px;
	background: #fff;
	text-align: left;
}
#logo 
{
    position:relative;
    margin-left:12px;
}

#languages 
{
    position:absolute;
    left:14px;
    top:491px;
    height: 40px;
}

#mainmenu 
{
    position:absolute;
    margin-top:26px;
    margin-left:-8px;
}

#Content 
{
    float: right;
	width: 704px;
	height: 100%
}

#ImageBar
{
    float: left;
    width: 338px;
    height: 456px;
    padding-top: 59px;
}

#ImageBarTopLeft
{
    float: left;
    width: 164px;
	height: 223px;
}
#ImageBarTopRight
{
    float: right;
    width: 164px;
	height: 223px;
}

#ImageBarBottomLeft
{
    float: left;
    padding-top: 10px;
    width: 164px;
	height: 223px;
}
#ImageBarBottomRight
{
    float: right;
    padding-top: 10px;
    width: 164px;
	height: 223px;
}

#Main {
	float:right;
	width: 338px;
	height: 456px;
	padding-right:18px;
    padding-top: 59px;
}
#MainTop
{
    overflow:auto;
    width: 329px;
	height: 214px;
	padding-left:9px;
	padding-top:9px;
}
#MainBottom
{
    overflow:auto;
    margin-top: 10px;
    width: 328px;
	height: 214px;
	padding-left:9px;
	padding-top:9px;
}

