/*****************************************
	Lauri Borodkin | Fraktal.ee
*****************************************/


html, body {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	background: #def1ff url('../images/bg.gif') repeat-x;
	font: 12px/18px Arial, Verdana, sans-serif;
	color: #2b2b43;
	text-align: center;
}

a, .blue {
	text-decoration: none;
	color: #00aeef;
}

a:hover {
	text-decoration: underline;
}

.clearer {
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	clear: both;
}

img {
	border: none;
}

h1, h2 {
	color: #115fac;
	font-size: 25px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
h2 {
	font-size: 18px;
	line-height: 20px;
}

#wrap {
	width: 915px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	padding: 142px 0 20px;
}

/* logo */
	#logo { 
		display: block; 
		position: absolute; 
		top: 40px; 
		left: 5px; 
		outline: 0; 
	}
		
		#logo:hover { 
			text-decoration: none;
		}
		#logo img { 
			display: block; 
		}

/* slogan */
	#slogan { 
		position: absolute; 
		left: 257px; 
		top: 57px; 
	}

/* search */
	#search {
		margin: 0;
		padding: 0;
		position: absolute;
		text-align: right;
		top: 67px;
		right: 5px;
	}
		#search input.submit, #search input.textbox {
			color: #3c7ebd;
			font: bold 13px/18px Arial, Verdana, sans-serif;
			background: none;
			border: none;
			vertical-align: middle;
		}
		#search input.textbox {
			font-weight: normal;
			padding: 3px;
			background: #def1ff;
		}
		
/* container */

	#container {
		background: white url('../images/container.gif') repeat-y;
	}
		#container-inner {
			min-height: 380px;
			padding: 0 5px 20px 5px;
			background:	url('../images/container_inner.gif') no-repeat; 
		}
		* html #container-inner {
 			height: 380px;
		}
		#container-bottom {
			background: white url('../images/container_bottom.gif') no-repeat;
			font-size: 11px;
			line-height: 11px;
			height: 11px; 
			overflow:hidden;
			clear: both;
		}
	
	/* mainmenu */
		#mainmenu {
			height: 96px;
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
			#mainmenu li {
				float: left;
				height: 96px;
				width: 151px;
				margin: 0;
				padding: 0;
				background: transparent;
				position: relative;
			}
			#mainmenu li.menu3 {
				width: 150px;
			}
				#mainmenu li a {
					font-size: 18px;
					line-height: 20px;
					font-weight: bold;
					display: block;
					height: 80px;
					width: 135px;
					color: white;
					padding: 8px;
					position: relative;
					outline: 0;
				}
				#mainmenu li.menu1 a {
					background: #3ac1f3 url('../images/menu1.gif') no-repeat;
				}
				#mainmenu li.menu1 a:hover {
					background-image: url('../images/menu1h.gif');
				}
				#mainmenu li.menu2 a {
					background: #3376b8 url('../images/menu2.gif') no-repeat;
				}
				#mainmenu li.menu2 a:hover {
					background-image: url('../images/menu2h.gif');
				}
				#mainmenu li.menu3 a {
					background: #338ec9 url('../images/menu3.gif') no-repeat;
					width: 134px;
				}
				#mainmenu li.menu3 a:hover {
					background-image: url('../images/menu3h.gif');
				}
				#mainmenu li.menu4 a {
					background: #33a5dd url('../images/menu4.gif') no-repeat;
				}
				#mainmenu li.menu4 a:hover {
					background-image: url('../images/menu4h.gif');
				}
				#mainmenu a:hover {
					text-decoration: none;
				}
				
				/*#mainmenu ul {
					margin: 0;
					padding: 14px 0 0 0;
					position: absolute;
					width: 100%;
					list-style-type: none;
					left: 0;
					top: 82px;
					background: red;
					z-index: 10;
				}
				
				#mainmenu li.menu1 ul {
					background: #3ac1f3;
				}
				#mainmenu li.menu2 ul {
					background: #3376b8;
				}
				#mainmenu li.menu3 ul {
					background: #338ec9;
				}
				#mainmenu li.menu4 ul {
					background: #33a5dd;
				}
				
					#mainmenu ul li {
						float: none;
						margin: 0;
						padding: 0;
						height: auto;
 			
					}
					
					* html #mainmenu ul li {
						height: 1px;
					}
					
						#mainmenu ul li a, #mainmenu li.menu1 ul a, #mainmenu li.menu2 ul a, #mainmenu li.menu3 ul a, #mainmenu li.menu4 ul a {
							display: block;
							height: auto;
							font-size: 12px;
							line-height: 15px;
							background: none;
						}
						
						* html #mainmenu ul li a {
							height: 1px;
						}
						
						#mainmenu li.menu1 ul li a:hover {
							background: #52ceff;
						}
						#mainmenu li.menu2 ul li a:hover {
							background: #5c91c6;
						}
						#mainmenu li.menu3 ul li a:hover {
							background: #399fe3;
						}
						#mainmenu li.menu4 ul li a:hover {
							background: #39b8f7;
						}*/
	#submenu {
		background: #3376b8;
		list-style-type: none;
		clear: both;
		height: 30px;
		margin: 0;
		padding: 4px;
		z-index: 8;
	}
		#submenu li {
				float: left;
				height: 30px;
				margin: 0;
				padding: 5px;
				background: transparent;
				position: relative;
		}
 		#submenu li a {
					font-weight: bold;
					display: block;
					color: white;
					position: relative;
					outline: 0;
 		}
 		#submenu ul {
					margin: 0;
					padding: 5px;
					position: absolute;
					width: 100%;
					list-style-type: none;
					left: 0;
					top: 30px;
					background: #3376b8;
					z-index: 9;
 		}
		#submenu ul li {
			float: none;
			margin: 0;
			padding: 3px;
			height: auto;
		}
		
		* html #submenu ul li {
			height: 1px;
		}
						#submenu ul li a, #submenu li ul a {
							display: block;
							height: auto;
							font-size: 11px;
							line-height: 120%;
							background: none;
							font-weight: normal;
						}
						
						* html #submenu ul li a {
							height: 1px;
						}
		/* content-left */
			#content-left {
				float: left;
				width: 603px;
				min-height: 10px;
			}
			* html #content-left {
				height: 10px;
			}
			
				#content-left h1 {
					padding: 15px 40px;
				}
				#content-left p {
					margin: 0;
					padding: 5px 0 15px 0;
				}
				
				#content-left ul {
					margin: 0;
					padding: 15px 25px;
					list-style-type: none;
				}
					#content-left li {
						padding: 3px 0 3px 18px;
						background: url('../images/dot.gif') no-repeat 0px 7px;
					}
				
				#content-left-inner {
					padding: 15px 40px;
					background: #f3faff;
				}
			
				/* bluebox */
					#bluebox {
						background: #00aeef url('../images/blue_light.gif') no-repeat top left;
						min-height: 125px;
					}
					
					* html #bluebox {
						height: 125px;
					}
					
						#bluebox-left {
							float: left;
							width: 177px;
							padding: 20px 0 0 20px;
							overflow:hidden;
							color: #ffffff;
						}
						
							#content-left #bluebox-left h1 {
								margin: 0;
								padding: 0;
								font-size: 25px;
								line-height: 26px;
								color: #ffffff;
								font-weight: normal;
							}
						
						#bluebox-right {
							float: left;
							width: 385px;
							padding: 20px 0 0 20px;
							margin-right: -3px;
							color: white;
						}
						
							#bluebox-right-inner {
								padding: 0 15px;
								margin: 0;
								min-height: 67px;
							}
							
							* html #blue-right-inner {
								height: 67px;
							}
						
							#bluebox-right .darkblue {
								margin-top: 10px;
							}
						
						.darkblue {
							background: #008fd5;
							font-size: 15px;
							padding: 5px 15px;
							color: white;
						}
						
						.darkblue a {
							color: white;
						}
			
		/*content-right */
			#content-right {
				float: left;
				width: 262px;
				padding: 20px 0 0px 20px;
				margin-right: -3px;
			}
				#content-right-inner {
					min-height: 250px;
				}
			
				#content-right h2 {
					color: #0054a6;
					font-size: 18px;
					font-weight: bold;
					margin: 0;
					padding: 0;
				}
				
				.news {
					padding: 15px 0 0px 30px;
					text-indent: -30px;
				}
				
				.lightblue {
					color: #00aeef;
					font-size: 15px;
					padding: 5px 15px;
					background: #def1ff;
					margin: 15px 0 0 15px;
				}
		
	
/* footer */
	#footer {
		margin-top: 10px;
		padding: 6px 125px 6px 15px;
		position: relative;
		clear: both;
	}
	
		#footer a {
			color: #2b2b43;
		}
		
		#footer p {
			margin: 0; padding: 0;
		}
		
		#intranet-login {
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			font-size: 13px;
			color: #2b2b43;
			padding: 3px 8px;
			background: #b2e4fc;
		}
		#intranet-login {
			text-decoration: none;
		}