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

body
{
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center top;
margin: 0px 0px 0px 0px;
font-family: Tahoma, Verdana, Arial;
font-weight: normal;
font-size: 11px;
color: #424242;
}

body.home
{
background-image: url(../images/basics/bg_home_ccm.gif); /* home */
}

img{
	border:none;
}

a:link, a:visited, a:active
{
color: #005387;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}

#layer
{
	z-index: 110;
	position: absolute;
	width: 426px;
	height: 184px;
	top:30px;
	margin-left:20px;
	background-color: #bcbcbc;
	border: solid 1px #424242;
	margin-top: 60px;
	/* these 2 lines control opacity: they work in IE, NN, Firefox */
	/* make sure the numbers agree, e.g. .7 corresponds to 70% */
	opacity: .90;
	filter: alpha(opacity=90);
	padding: 20px;
}

#main_container
{
width: 1004px;
background-image: url(../images/basics/bg_home_ccm_small_content.gif); /* content */ 
background-repeat: no-repeat;
background-position: left top;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
min-height: 100%;
_height: 100%;
}

#main_container.home
{
background-image: url(../images/basics/bg_home_ccm_small.gif); /* home */
}

/* container boxen */
#header_container
{
width: 100%;
height: 167px; /* content */
padding: 0px;
}

#header_container.home
{
height: 301px; /* home */
}	

#left_container
{
position: relative;
float: left;
width: 310px;
min-height: 100%;
}

#middle_container
{
float: left;
width: 508px;
}

#right_container
{
position: relative;
float: right;
width: 186px;
background-color: #ccdde7;
}

#footer_container
{
clear: both;
width: 100%;
height: 30px;
}

#footer_left
{
float: left;
width: 310px;
}

#footer_right
{
float: right;
width: 186px;
border-top: solid 5px #005387;
text-align: left;
color: #005387;
}

#footer_middle
{
float: left;
width: 508px;
border-top: solid 5px #bcbcbc;
text-align: right;
color: #bcbcbc;
}

#footer_content
{
font-size: 11px;
padding-top: 5px;
padding-left: 20px;
padding-right: 20px;
}


/* content boxen */
#header
{
width: 100%;
height: 81px;
margin: 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

#left
{
padding: 30px 20px 20px 40px; /* content */
}

#left.home
{
padding: 0px 20px 20px 40px; /* home */
}

#middle
{
padding: 30px 20px 20px 20px;
}

#right
{
padding: 30px 20px 20px 20px;
color: #005387;
}


/* background image boxen */
#top_left
{
position: absolute;
width: 163px;
height: 89px;
top: 0;
left: 0;
}

#top_right
{
position: absolute;
width: 264px;
height: 89px;
top: 0;
right: 1px;
}

#logo
{
position: absolute;
width: 250px;
height: 52px;
margin-left: 40px;
margin-right: auto;
margin-top: 33px;
text-align: center;
}

#icons_search
{
position: absolute;
width: 146px;
height: 39px;
margin-left: 838px;
margin-top: 40px;
background-image: url(../images/icons/bg_icons.gif);
background-repeat: no-repeat;
background-position: left top;
}

.intro 
{
	z-index: 100;
	position: absolute; 
	top: 165px; 
	margin-left: 40px;
	width: 578px;
	height: 100px;
	overflow: hidden;
	font-size: 10px;
	color: #FFFFFF;
	filter: shadow(color:#424242, strenght:10, direction:135);
}

#magazine
{
z-index: 110;
position: absolute;
width: 466px;
height: 214px;
margin-top: -214px;
margin-left: -100px;
/* these 2 lines control opacity: they work in IE, NN, Firefox */
/* make sure the numbers agree, e.g. .7 corresponds to 70% */
opacity: .90;
filter: alpha(opacity=90);

background-color: #bcbcbc;
border: solid 1px #424242;
}

#magazine div
{
padding: 20px;
}

#topimage
{
position: absolute;
width: 200px;
height: 271px;
margin-left: 618px;
margin-top: 15px;
}

#topmenu
{
position: absolute;
width: 694px;
margin-left: 310px;
margin-right: 0px;	
}

#topmenu div
{
position: relative;
padding-left: 20px;
padding-right: 20px;
text-align: center;
float: left;
font-family: Tahoma, Verdana, Arial;
font-size: 10px;
color: #FFFFFF;
}

#topmenu a:link, #topmenu a:visited, #topmenu a:active
{
font-family: Tahoma, Verdana, Arial;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
}

#topmenu a:hover
{
color: #fff200;
}

#rightmenu
{
position: absolute;
width: 186px;
height: 166px;
margin-left: 818px;
margin-top: 120px;
background-color: #005387;
overflow: hidden;	
}

#rightmenu div
{
position: relative;
padding-top: 5px;
padding-right: 5px;
padding-left: 20px;
font-family: Tahoma, Verdana, Arial;
font-size: 17px;
font-weight: normal;
color: #FFFFFF;
}

#rightmenu a:link, #rightmenu a:visited, #rightmenu a:active
{
text-decoration: none;
color: #FFFFFF;
font-size: 100%;
font-family: Tahoma, Verdana, Arial;
font-weight: normal;
}

#rightmenu a:hover
{
color: #fff200;
font-size: 100%;
font-family: Tahoma, Verdana, Arial;
font-weight: normal;
}

h1
{
margin: 0px;
padding: 0px;
font-family: Tahoma, Verdana, Arial;
font-size: 20px;
font-weight: normal;
color: #424242;
}

h2
{
margin: 0px;
padding: 0px;
font-family: Tahoma, Verdana, Arial;
font-size: 20px;
font-weight: normal;
color: #005387;
}

.textbox
{ 
border: 1px solid #bcbcbc; 
background-color: #FFFFFF;
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #005387;
}

#news img
{
border: solid 1px #424242;
}

#news a:link, #news a:visited, #news a:active
{
font-size: 10px;
color: #005387;
text-decoration: underline;
}

#news a:hover
{
color: #424242;
text-decoration: none;
}


/*START extra CSS items content */

#breadcrumb
{
position: absolute;
width: 468px;
height: 30px;
margin-left: 330px;
margin-top: 145px;
}

#breadcrumb div
{
position: relative;
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #FFFFFF;
}

#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active
{
font-family: Tahoma, Verdana, Arial;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}

#breadcrumb a:hover
{
color: #fff200;
}

.MenuName 
{
	width: 250px;
	height: 32px;
	font-size: 18px;
	color: #005387;
}
/*END extra CSS items content */
#mainmenu
{
	padding: 0;
	margin: 0;
}
#mainmenu ul
{	
	list-style-type: none;	
	display: block;
	padding: 0;		
	margin: 0;
	padding-left: 10px;		
	cursor: pointer;		
	margin-left: 5px;
}
#mainmenu li a
{
	padding-top: 5px;
	padding-left: 3px;
	display: block;
	border-bottom: solid 1px #bcbcbc;
	text-decoration: none;
	outline: 0;
	height: 18px;
 
}
#mainmenu li a:hover
{
	color: #005387;
	background-color: #ccdde7;
	font-weight: bold;
}

#sitemap
{
	padding-left: 25px;
	margin: 0;
}
#sitemap ul
{	
	list-style-type: none;	
	display: block;
	padding: 0;		
	margin: 0;
	padding-left: 10px;		
	cursor: pointer;		
	margin-left: 5px;
}
#sitemap li a
{
	padding-top: 5px;
	padding-left: 3px;
	display: block;
	/*border-bottom: solid 1px #bcbcbc;*/
	text-decoration: none;
	outline: 0;
	height: 18px;
}

#sitemap li a:hover
{	
	color: #005387;
	background-color: #ccdde7;
	font-weight: bold;
}


.banner
{
	z-index: 100;
	position: absolute; 
	top: 20px; 
	margin-left: 330px;
	width: 468px;
	height: 60px;
	overflow: hidden;
	font-size: 10px;
	color: #000000;
}