/* CSS Document */

* {
	margin:0; padding:0;
	}
	
.clearer {
	height:0;
	font-size:0;
	line-height:0;
	clear:both;
	}	
	
body {
	background: #D8D8DA url(../images_system/body_bg.gif) repeat-y center top;
	font-family:Lucida Grande, Arial, Helvetica, sans-serif;
	}
	
#outer_container {
	background:url(../images_system/horiz_tile.gif) repeat-x;
	}

#inner_container {
	width:824px;
	margin:auto;
	}

#header {
	height:121px;
	overflow:hidden;
	width:824px;
	}
		
	

		#logo {
			float: left;
			margin: 44px 0 16px 10px;
			position: absolute;
			z-index: 3;
			}
		*html #logo {
		float:left;
		margin:38px 0px 16px 9px;
		}
	
	#support_navi {
		float:right;
		font-size:11px;
		font-weight:bold;
		height:121px;
		width:550px;
		line-height:14px;overflow:hidden;
		text-align:right;
		}	
		#support_navi ul {
			margin:92px 0px 0 0;
			list-style:none;
			float:right;
			}
			
		#support_navi li {
			display:block;
			float:left;
			padding:0px 14px 15px 14px;
			}
		#support_navi li a {
			color:#7C7D80;
			text-decoration:none;
			}
		#support_navi li a:hover {
			color:#000;
			}
		#support_navi li .inactive {
			color:#000;padding:0px 0px 13px 0px;
			background:url(../images_system/nav_active.gif) no-repeat center 16px;
			}
			
			

#content_container {
	background: url(../images_system/body_bg.gif) repeat-y center top;
	margin:32px 0 0 0;
	}

#page_head {
	height:200px;
	width:810px;
	overflow:hidden;
		}
	
	#page_head_left {
		width:530px;
		height:158px;
		float:left;
		padding:21px 10px 20px 30px;
		background-color:#D2EBF4;
		border-bottom:1px solid #BDC4C7;
		}
		
		#page_head_left h1 {
			color:#585550;	
			font-size:24px;
			line-height:34px;
			margin:50px 0 0px 0;
			}
		#page_head_left h2 {
			color:#939498;	
			font-size:18px;
			line-height:22px;
			margin:32px 0 15px 0;
			padding:0 0 15px 0;
			}
			
	#page_head_right {	
		width:240px;
		height:200px;
		float:left;
		background:url(../images_system/header_right.gif) no-repeat;
		}
		
		#page_head_right p {
			padding:71px 10px 10px 24px;
			color:#97989C;
			font-size:12px;
			}
		
		
		.left {
			float:left;
			}
		.right {
			float:right;
			}
			
/* content */

#col_left {
	float:left;
	width:500px;
	padding:30px;
	font-size:11px;
	line-height:16px;
	color:#535356;
	}
	
h2 {
	color:#585550;	
	font-size:18px;
	line-height:20px;
	margin:0px 0 0px 0;
	}
h3 {
	color:#939498;	
	font-size:14px;
	line-height:16px;
	margin:0px 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #dddddf;
	}
h4 {	
	color:#939498;	
	font-size:12px;
	line-height:16px;
	margin:0px 0 0px 0;
	padding:0 0 0px 0;
	}
p {
	margin:12px 0 12px 0;
	padding:0 0 0 0;
	}
ul {
	margin:12px 0 12px 16px;
	padding:0 0 0 0;
list-style:square;
	}
li {	
	margin:3px 0 3px 0;
	padding:0 0 0 0;
	}
a {
	color:#939498;
	font-weight:bold;
	}
blockquote {}



#col_right {
	float:right;
	width:240px;
	height:150px; /* to be killed on content */
	font-size:10px;
	line-height:16px;
	color:#888;
	padding:20px 0 0 0;
	}
.teaser {
	padding:10px;
	border-bottom:1px solid #fff;
	}
#col_right h3 {
	color:#555;
font-size:12px;
	line-height:16px;
	margin:0px 0 0px 0;
	padding:0 0 0px 0;
border-bottom:0;
	}
a.mehr_button {
	text-decoration:none;
	color:#ddd;
	font-weight:normal;
	padding:3px 7px 2px 7px;
	background:url(../images_system/button_bg.gif) repeat-x;
	}
a.mehr_button:hover {
	color:#fff;
	}