#divHeader
{
	float:left;
	top:0px;
	left:225px;
	width:720px;
	height:110px;
	z-index:10;
	position:absolute;
}
#divHeaderSmall
{
	float:left;
	top:0px;
	left:190px;
	width:674px;
	height:90px;
	z-index:10;
	position:absolute;
}
.CCNLogo
{
	top:10px;
	left:5px;
	width:220px;
	height:80px;
	position:absolute;
	z-index:100;
	cursor:hand;
}
.CCNLogoSmall
{
	top:10px;
	left:10px;
	width:170px;
	height:70px;
	position:absolute;
	z-index:100;
	cursor:hand;
}
.MaquetLogo
{
	top:35px;
	left:590px;
	width:130px;
	height:46px;
	position:absolute;
	z-index:100;
	cursor:hand;
}
.MaquetLogoSmall
{
	top:25px;
	left:545px;
	width:130px;
	height:46px;
	position:absolute;
	z-index:100;
	cursor:hand;
}
.DownloadLatest
{
	top:50px;
	left:380px;
	width:115px;
	height:45px;
	position:absolute;
	z-index:110;
	cursor:hand;
	background-image:url(../images/downloadlatest.gif);	
}

#divTopLeftContent
{
	top:20px;
	padding-left:10px;
	width:179px;
	z-index:20;
	position:absolute;
	background-color:white;
	max-height: 92px;
}

#divLeftContent
{
	top:112px;
	padding-left:10px;
	width:179px;
	z-index:20;
	position:absolute;
	background-color:white;
}
#divMainContent
{
	top:112px;
	left:210px;
	width:555px;
	z-index:10;
	position:absolute;
	background-color:white;
	border-style:solid;
	border-width:1px;
	border-color:#cecece;
	padding:20px;
}

div.article { width: 555px; }

div.article div.imageContainer {
    float: left;
    width: 300px;
    margin-right: 25px;
}

div.article div.textContainer {
    float: right;
    width: 230px; /* 555 (mainContent) - 300 (imageContainer) - 25 (margin) */
}
    
div.article div.imageContainer img {
    width: 300px;
}

div.articleList  
{ 
    margin-top: 30px;
    width:555px;
}

#divRight
{
	top:111px;
	left:820px;
	width:163px;
	height:100%;
	z-index:10;
	position:absolute;
	background-color:white;
}
#divNavBar, div.nav
{
	width:163px; 
	z-index:20;
	position:relative;
	background-color:white;
	margin-bottom:20px;
}

#divMainLeft
{
	top:0px;
	left:0px;
	width:362px;
	z-index:20;
	position:relative;
	background-color:white;
}
#divMainRight
{
	top:0px;
	left:362px;
	width:312px;
	z-index:20;
	position:absolute;
	background-color:white;
}
#divMainLeftSubPage
{
	top:0px;
	left:0px;
	width:441px;
	z-index:20;
	position:relative;
	background-color:white;
}
#divMainRightSubPage
{
	top:0px;
	left:442px;
	width:230px;
	z-index:20;
	position:absolute;
	background-color:white;
}
.divVerticalSeparator
{
	top:0px;
	left:180px;
	width:7px;
	height:831px;
	z-index:10;
	position:absolute;
	/*background-image:url(../images/verticalSeparator.gif);*/
}
.divVerticalSeparatorRight
{
	top:100px;
	left:866px;
	width:20px;
	height:1px;
	z-index:55;
	position:absolute;
	/*background-image:url(../images/verticalSeparatorRight.gif);*/
}
/* Use this instead of divLeftBox and divRightBox. */
div.promoBox {
    width: 153px;
    z-index: 10;
    position: relative;
    border-top: dotted;
    border-width: 2px;
    border-color: #DDD;
    margin: 0px;
    padding: 0px 5px 15px 5px;
}
/*  TODO: One day in a far away future, when Microsoft finally supports this, 
 *  uncomment this and remove the hack solution I had to use instead with an  
 *  empty div.promoBox as the last element.

    div.promoBox:last-child {
        border-bottom: dotted;
        border-width: 2px;
        border-color: #DDD;
    }
*/ 
.divLeftBox1
{
	top:0px;
	left:8px;
	width:139px;
	z-index:10;
	position:relative;
	background-color:white;
	border-top:dotted;
	border-bottom:dotted;
	border-width:2px;
	border-color:#DDDDDD;
	margin-bottom:9px;
	padding:12px;
/*	background-image:url(../images/leftBoxBackground1.gif);
	background-position:right top;
	background-repeat:no-repeat;*/
}
.divLeftBox2
{
	top:0px;
	left:8px;
	width:139px;
	z-index:10;
	position:relative;
	background-color:white;
	border-bottom:dotted;
	/*border-style:solid;*/
	border-width:2px;
	border-color:#DDDDDD;
	margin-bottom:9px;
	padding:12px;
	/*background-image:url(../images/leftBoxBackground2.gif);
	background-repeat:no-repeat;*/
}
.divRightBox
{
	top:0px;
	left:0px;
	width:139px;
	z-index:20;
	position:relative;
	background-color:white;
	border-bottom:dotted;
	/*border-style:solid;*/
	border-width:2px;
	border-color:#DDDDDD;
	margin-bottom:1px;
	padding-left:12px;
	padding-bottom:12px;
	padding-right:12px;
}
.divRightBoxNoFrame
{
	top:0px;
	left:0px;
	width:139px;
	z-index:20;
	position:relative;
	background-color:white;
	margin-bottom:9px;
}
.divRightBoxSubPage1
{
	top:0px;
	left:10px;
	width:185px;
	z-index:20;
	position:relative;
	background-color:white;
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
	margin-top:0px;
	margin-bottom:9px;
	padding:12px;
	background-image:url(../images/leftBoxBackground1.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
.divRightBoxSubPage2
{
	top:0px;
	left:10px;
	width:185px;
	z-index:20;
	position:relative;
	background-color:white;
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
	margin-top:9px;
	margin-bottom:9px;
	padding:12px;
	background-image:url(../images/leftBoxBackground2.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
.divRightBoxNoFrameSubPage
{
	top:0px;
	left:1px;
	width:220px;
	z-index:20;
	position:relative;
	background-color:white;
 	margin-bottom:9px;
}
#divArticle
{
	top:0px;
	left:0px;
	width:424px;
	z-index:120;
	padding:4px;
	margin-left:8px;
	position:relative;
	background-color:white;
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
}
#divForum
{
	top:0px;
	left:0px;
	width:424px;
	z-index:120;
	padding:4px;
	margin-left:8px;
	position:relative;
	background-color:white;
}
.divForumFormTop
{
	top:0px;
	left:0px;
	width:206px;
	z-index:120;
	padding:8px;
	margin-bottom:1px;
	position:relative;
	background-color:#C9DCEB;
}
.divForumFormBottom
{
	top:0px;
	left:0px;
	width:205px;
	z-index:120;
	padding:8px;
	margin-bottom:1px;
	position:relative;
	background-color:#E8E9ED;
}
#divListSubPage
{
	top:0px;
	left:0px;
	width:424px;
	z-index:20;
	position:relative;
	background-color:white;
	margin-top:9px;
	margin-bottom:9px;
	padding:9px;
}
.divMainLeftNoFrame
{
	top:0px;
	left:0px;
	width:424px;
	z-index:20;
	position:relative;
	background-color:white;
	margin-bottom:9px;
	padding:9px;
}
.divMainLeftArticle
{
	top:0px;
	left:0px;
	width:424px;
	z-index:120;
	padding-left:4px;
	margin-left:8px;
	position:relative;
	background-color:white;
}
.divMainLeftArticleFrame
{
	top:0px;
	left:0px;
	width:424px;
	z-index:120;
	padding:4px;
	margin-left:8px;
	position:relative;
	background-color:white;
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
}
.divMainLeftFrame
{
	top:8px;
	left:0px;
	width:412px;
	z-index:120;
	padding:8px;
	margin-left:0px;	
	position:relative;
	background-color:white;
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
}
#divSearchBox
{
	top:0px;
	left:0px;
	width:415px;
	z-index:100;
	position:relative;
	background-color:#E8E9ED;
	margin-left:9px;
	padding:9px;
}

/* Style for new li-based menu*/
ul.sideMenu {
    width:100%;   
    z-index:20;
    list-style: none;
    padding:0px;
    margin:0px;
    white-space:nowrap;
}

ul.sideMenu li{
    margin-bottom: 1px;
    padding: 0px 5px 0px 5px;
    line-height: 16px;
}

ul.sideMenu li ul {
    left: 163px;
    top: 0px;
    position:absolute;
    z-index: 15;
    float:left;
    padding:0px;
    margin:0px;
}

/* News ticker for front page */
.newsTicker {
    float: left;
    top: 98px;
    left: 210px;
    width: 595px;
    z-index: 10;
    position: absolute;
}

.newsTicker ul
{
    padding:0;
    margin:0;
    white-space:nowrap;
}

.newsTicker ul li {
    display: inline;
    margin-right: 0px;
    background: transparent url(../images/greyBullet.gif) 0px 2px no-repeat;
    padding-left: 15px;
    zoom: 1; /* For IE6 */
}

div.pdfContainer {
    margin: 15px 0px 0px 0px;
}