@charset "utf-8";
/* CSS Document */

html {
	height: 101%;
}

body {
	background: #F1F1F1 url(images/body_bg.jpg) top left repeat-x;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#wrapper {
	margin: 0 auto;
	min-height: 250px;
	width: 960px;
}

	#printheader {
		display: none;
	}

	#header {
		background: url(images/header_bg.jpg) top left no-repeat;
		border-top: 3px solid #639ECA;
		border-bottom: 1px solid #639ECA;	
		float: left;
		height: 116px;
		width: 960px;
	}

		#language_switcher {
			background: #639ECA;
			color: #DBEAF0;
			float: right;
			font-size: 0.8em;
			height: 20px;
			margin: 0 100px 0 0;
			text-align: left;
			width: 130px;			
		}
		
			#language_switcher a {
				color: #B8D3E4;
				margin: 0 10px 0 0;
				padding: 0 0 0 5px;
				text-decoration: none;
			}
			
			#language_switcher a.active {
				color: #DBEAF0;
			}
		
		
	#main {
		background: #F6F6F6 url(images/main_bg.gif) top left repeat-y;
		border-top: 14px solid #F6F6F6; 
		border-bottom: 1px solid #FFF;
		float: left;
		min-height: 400px;
		width: 960px;
	}
	
		#leftnavi {
			float: left;
			font-size: 0.8em;
			padding: 5px 10px 0 0;
			min-height: 250px;
			overflow-x: none;
			width: 220px; /* 230px */
		}
		
		
			#leftnavi a {
				text-decoration: none;
			}
			
			#leftnavi ul {
				margin: 0;
				padding: 0;
						
			}
			
			#leftnavi li {
				list-style: none;
			}			
			
				ul.firstlevel li {
					padding: 0;
				}
				
				
				ul.firstlevel a {
					border-bottom: 1px solid #F6F6F6;
					color: #777;
					display: block;
					font-weight: bold;
					line-height: 2em;
					padding: 0 10px;
				}
				
				ul.firstlevel a:hover, ul.firstlevel a.active {
					background: #EEE; 
					border-bottom: 1px solid #777;
				}
				
					ul.secondlevel a {
						/* background: #EEE; */
						border: none;
						color: #777;
						display: block;
						font-weight: normal;
						line-height: 1.8em;
						padding: 0 10px 0 25px;
					}
					
					ul.secondlevel a:hover, ul.secondlevel a.active {
						background: none; 
						border: none;
						text-decoration: underline !important;
					}	
					
					
						ul.thirdlevel a {
							/* background: #EEE; */
							border: none;
							color: #777;
							display: block;
							font-weight: normal;
							line-height: 1.8em;
							padding: 0 10px 0 40px;
						}
						
						ul.thirdlevel a:hover, ul.thirdlevel a.active {
							background: none; 
							border: none;
							text-decoration: underline !important;
						}									
			
			
							ul.fourthlevel a {
								/* background: #EEE; */
								border: none;
								color: #777;
								display: block;
								font-weight: normal;
								line-height: 1.8em;
								padding: 0 10px 0 48px;
							}
							
							ul.fourthlevel a:hover, ul.fourthlevel a.active {
								background: none; 
								border: none;
								text-decoration: underline !important;
							}					
			
		
		#pagetitle {
			border-left: 1px solid #639ECA;
			float: left;
			font-size: 0.9em;
			font-weight: normal;
			height: 36px;
			overflow: hidden;
			width: 499px;
		}
		
			#pagetitle h1 {
				background: #DBEAF0;
				border-top: 1px solid #639ECA;
				color: #639ECA;
				font-size: 1.2em;
				margin: 0;
				padding: 7px 0 7px 15px;
				width: 465px; /* 480px */
			}		
		
	
		#content_middle {
			border-left: 1px solid #639ECA;
			float: left;
			font-size: 0.8em;
			line-height: 1.6em;
			min-height: 450px;
			padding: 10px 19px 40px 15px;
			width: 465px; /* 499px */
		}
		
			#content_middle p {
				margin: 0 0 16px 0;
			}
			
			#content_middle h2 {
				border-bottom: 1px solid #639ECA;
				color: #639ECA;
				display: block;
				font-size: 1.2em;
				margin: 0 0 10px 0;
				padding: 10px 0 0 0;
			}
			
			#content_middle h3 {
				color: #555;
				display: block;
				font-size: 1.2em;
				margin: 0 0 10px 0;
				padding: 10px 0 0 0;
			}			
		
			#content_middle a {
				color: #606060;
				text-decoration: underline;
			}
			
			#content_middle a:hover {
				text-decoration: none;
			}
			
		
		
		#content_right {
			float: right;
			min-height: 450px;
			overflow-x: hidden;			
			width: 230px;
		}
		
			#content_right a {
				text-decoration: underline;
			}

			#content_right a:hover {
				text-decoration: none;
			}

			.rightbox {
				float: left;
				margin: 0 0 15px 0;
				min-height: 10px;
				width: 230px;
			}
			
			
			.rightbox h2 {
				color: #FFF;
				font-size: 0.8em;
				font-weight: bold;
				margin: 0;
				padding: 0.2em;
			}
			
			.rightbox p {
				font-size: 0.8em;
				line-height: 1.2em;
				margin: 0.2em 0;
				padding: 0.3em 20px 0.3em 0.3em;
			}
			
				.blue_gradient {
					background: #F6F6F6 url(images/rightbox_blue_gradient_bg.png) top left no-repeat;
					color: #639ECA;		
					border: 1px solid #DBEAF0;
					border-right: none;						
				}			
			
				.blue_gradient h2, .blue_gradient a {
					color: #639ECA;
				}				
			
				.blue {
					background: #DBEAF0;
					color: #639ECA;			
				}
				
				
				
					.faq {
						background: #DBEAF0 url(images/faq.png) bottom right no-repeat;
					}
					
					.twitter {
						background: #DBEAF0 url(images/twitter.png) bottom right no-repeat;
					}
					
				.blue h1 {
					background: #639ECA;
				}	
				
				
				
				.green_gradient {
					background: #F6F6F6 url(images/rightbox_green_gradient_bg.png) top left no-repeat;
					color: #6F9F42;		
					border: 1px solid #CBE3A9;
					border-right: none;						
				}			
			
					.green_gradient h2, .green_gradient a {
						color: #6F9F42;
					}					

					.green_gradient.server {
						background: #CBE3A9 url(images/server.png) bottom right no-repeat;
					}	

			
				.orange_gradient {
					background: #F6F6F6 url(images/rightbox_orange_gradient_bg.png) top left no-repeat;
					color: #FF9E40;	
					border: 1px solid #FFD8B4;
					border-right: none;
				}
				
					.orange_gradient.server {
						background: #F5E5D6 url(images/server.png) bottom right no-repeat;
					}			
				
				.orange_gradient h2, .orange_gradient a {
					color: #FF9E40;
				}
				
				.red_gradient {
					/* background: #F6E5D7; */
					background: #F6F6F6 url(images/rightbox_red_gradient_bg.png) top left no-repeat;
					border: 1px solid #F4B2AD;
					border-right: none; 
					color: #E9665B;
				}
				
					.red_gradient.server {
						background: #F6E5D7 url(images/server.png) bottom right no-repeat;
					}			
				
				.red_gradient h2, .red_gradient a {
					color: #E9665B;
				}		
				
		
				.intranetsearch_input {
					border:1px solid #639ECA;
					height:16px;
					width:130px;
					margin-left:3px;
				}		
				
				.intranetsearch_submit {
					border:1px solid #639ECA;
					background:#639ECA;
					color:#FFF;
					padding:1px !important;
					height:20px;
				}
	
	
	
	#footer {
		color: #BBBCC0;
		float: left;
		font-size: 11px;
		height: 30px;
		margin: 20px 0 0 0;
		text-align: center;
		width: 960px;
	}
	
		#footer a {
			color: #BBBCC0;
		}