/*### Global ###*/
/*### Tags ###*/
html { overflow-y:scroll; }

html,
body {
	margin:0px;
	padding:0px;
	height:100%;
}

body {
	font-family:Verdana;
	font-size:11px;
	filter:none;
	background: #dbe3e9 url(/modern/assets/images/layout/bg_body.gif) repeat-x;
	color:#333333;
}

a {
	text-decoration:underline;
	border:none;
	outline:none;
	color:#303032;
}

form{
	z-index:199;
	padding:10px 20px 10px 10px; 
	margin:0px;
}

input {
	font-family:Verdana;
	font-size:11px;
	filter:none;
}




/*### xTags ###*/

div {
	position:relative;
}

/*### Class ###*/
.clear {
	clear:both;
}

.siteContainer {
	width:985px;
	margin:0px auto;
	text-align:left;
}

.contentArea {
	margin-left:220px;
	width:745px;
	min-height:100%;
	position:relative;
}

.header {
	position:relative;
	height:150px;
}

.logoMOD {
	position:relative;
	height:150px;
	background: url(/modern/assets/images/layout/bg_subNav.png) repeat-y;
}

.contentContainer {
	padding:10px 25px;
}

.contentContainer h2 {
	margin:0px;
	font-size:14px;
	padding-top:7px
}



.logoMOD .hr,
.header .hr {
	position:absolute;
	left:5px; 
	bottom:2px;
	background: url(/modern/assets/images/layout/nav_hrFade.jpg) repeat-x;

}



div.hr {
	height: 2px;
}

div.hr hr {
	display: none;
}

h1.title {
	margin:0px;
	font-size:20px;
	font-weight:bold;
}

h2.title2
{
	margin:-7px 0px 0px 1px;
	font-size:12px;
}

.menuimage
{
	padding:20px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
}

/*### xClass ###*/
/*### xGlobal ###*/

/*### Site Container ###*/
div#wrapper {
    min-height:100%;
    position:relative;
	background: url(/modern/assets/images/layout/bg_siteContainerMain1.png) repeat-y center;
	min-width:1020px; /*Need to test in IE6 as min-width not supported.. */
}
	/*### SubNav ###*/
	div#subNav {
		position:relative;
		margin-left:-220px;
		float:left;
		width:220px;
		
	}
	
	li#subNavFooter {
		width:220px;
		height:10px;
	}
	/*### xSubNav ###*/
	
	/*### Logos ###*/
	a#logoMODern,
	a#logoDE  {
		margin:0px;
		padding:0px;
		text-indent:-9999px;
		display:block;
	}
	
	a#logoDE {
		background:url(/modern/assets/images/layout/logo_DE.gif) no-repeat;
		width:152px;
		height:75px;
		position:absolute;
		top:30px;
		left:10px;
	}
	
	a#logoMODern {
		background:url(/modern/assets/images/layout/logo_MODern.gif) no-repeat;
		width:183px;
		height:75px;
		position:absolute;
		top:30px;
		left:18px;
	}
	/*### xLogos ###*/

	/*### Header ###*/
	
	
	#logo
	{
	background-repeat: no-repeat;
	position:absolute;
	top:22px;
	left:4px;
	}
	
	#h1
	{
	background-repeat: no-repeat;
	position:absolute;
	top:27px;
	left:829px;
	}

	
	#headerRandomGFX {
		position:absolute;
		right:5px;
		top:30px;
		background: url(/modern/assets/images/layout/tmp.jpg) no-repeat;
		width:138px;
		height:115px;
	}
	
	
	#albumlist {
		list-style-type: none;
		width: 460px;
		margin:0px 0px 0px -15px;
		padding:0px;
	}
	
	#albumlist li {
		float: left;
		margin:10px 0px 10px 9px;
		padding:0px;
		font: bold 0.8em Arial, Helvetica, sans-serif;
		color: #333333;
	}
	#albumlist img {
		display: block;
		border: 0px solid #333300;
	}

	/*### xHeader ###*/
/*### xSite Container ###*/	
	
/*### Footer ###*/
div#footerWrapper {
	height:129px;
}
div#footer {
	position:absolute; 
	z-index:10;
	bottom:0px; 
	left:0px;
	width:100%;
	background: #c5d5e1 url(/modern/assets/images/layout/bg_siteContainerMain1.png) repeat-y center;
}

#footer .siteContainer {
	height:129px;
}
	#copyRightInfo {
		position:absolute;
		left:10px;
		bottom:5px;
		font-size:10px;
	}
	
	
	
	#footer_logo
	{
		background-repeat: no-repeat;
		position:absolute;
		top:50px;
		left:18px;
	}

	
/*### xFooter ###*/


/*######*/
/*######*/
/*######*/
/*######*/


/*### Page Dependant ###*/
/*### Home ###*/
#leftContent {
	width:450px;
	padding-right:20px;
	background: url(/modern/assets/images/layout/side_hr.gif) repeat-y right; 
}
#leftContent p,
{
	text-align:justify;
}

#rightContent p {
	text-align:justify;
}

#rightContent {
	float:right;
	margin-right:-260px;
	width:225px;
	padding-left:10px;
}

#rightContent p {
	font-size:10px;
}

#rightContent .hr {
	height:10px;
	background: url(/modern/assets/images/layout/hor_hr.gif) repeat-x; 
	}

ul#quickLinks {
	margin:0px;
	padding:0px;
}

#quickLinks li{
	list-style:none;
	float:left;
	margin:0px 10px;
}

#quickLinks a {
	display:block;
	width:145px;
	height:140px;
	text-align:center;
	color:grey;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:20px;
	font-weight:bold;
}

ul#latestNewsContent {
	list-style-position: inside;
	list-style: square;
	margin:0px 0px 0px -5px;
	width:225px;
	padding-left:2px;
}

#latestNewsContent a {
	text-decoration:underline;
	font-size:10px;
}

#latestNewsContent b {
	font-size:12px;
}

.tl, .tr, .bl, .br {
background: url(/modern/assets/images/corners.gif);
width: 10px;
height: 10px;
font-size: 0;
}

.tl, .bl {
float: left;
}
.tr, .br {
float: right;
}

.box-content {
clear: both;
padding: 0 10px;
overflow: hidden;
}
* html .box-content {
height: 1%;
}

.red-box {
background: #F00;
color: #FFF;
width: 230px;
overflow: hidden;
margin: 10px 0;

}

.red-box .tr {
background-position: 10px 0;
}
.red-box .bl {
background-position: 0 10px;
}
.red-box .br {
background-position: 10px 10px;
}

/*### xHome ###*/
/*### xPage Dependant ###*/as