html {
	overflow-y: scroll;
	overflow-x: hidden;
}
body {
	font-family: tahoma, arial;
	font-size: 12px;
	color: #333;
	
	
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

a {
	color: #1d67a8;
}

h2 {
	margin: 0 0 6px 0;
	font-family: helvetica, arial, tahoma, verdana;
	font-size: 14px;
	font-weight: bold;
}


.clear {
	clear: both;
}

#wrap {
	padding: 0 0 100px 0;
}

#head,
#banner,
#main,
#foot
{
	position: relative;
	
	margin: 0 auto;
	width: 960px;
}


#head-wrap {
	background: 0 bottom url('../img/head-back.gif') repeat-x;
}
	#head {
		height: 130px;
		/*height: 145px;*/
	}
		
		#head .logo {
			display: block;
			
			position: absolute;
			
			top: 5px;
			/*top: 15px;*/
			left: 0;
			
			width: 120px;
			height: 120px;
			
			text-indent: -9999px;
			outline: none;
			
			background: center center url('../img/head-logo.png') no-repeat;
		}
		#head .mila {
			display: block;
			display: none;
			
			position: absolute;
			
			top: 30px;
			left: 160px;
			
			width: 86px;
			height: 64px;
			
			text-indent: -9999px;
			outline: none;
			
			background: 0 0 url('../img/head-mila.gif') no-repeat;
		}
		
		#head .banner {
			position: absolute;
			
			top: 15px;
			right: 0;
			
			padding: 1px;
			
			width: 500px;
			height: 100px;
			
			border: 1px solid #fff;
			background: #ccc;
		}
		
		#head .links {
			display: none;
			position: absolute;
			
			right: 0;
			top: 10px;
			
			min-height: 10px;
			min-width: 10px;
		}
			#head .links ul {
			}
				#head .links ul li {
					float: left;
					margin: 0 0 0 20px;
				}
					#head .links ul li a {
						font-size: 11px;
						color: #999;
						text-decoration: none;
						
						text-shadow: 0 0 1px #fff;
					}
					#head .links ul li a:hover {
						color: #555;
						text-decoration: underline;
					}
		
		#head .nav {
			position: absolute;
			
			/*
			right: 0;
			*/
			left: 120px;
			bottom: 20px;
			
			min-height: 10px;
			min-width: 10px;
		}
			#head .nav ul {
				
			}
				#head .nav ul li {
					display: block;
					
					margin: 0 0 0 35px;
					margin: 8px 0 0 35px;
					padding: 0;
					
					_height: 100%;
					_line-height: 10px;
					
				}
					#head .nav ul li a {
						display: block;
						
						
						margin: 8px 0 0 0;
						
						font-family: helvetica, arial, tahoma, verdana;
						font-size: 14px;
						font-weight: bold;
						color: #333;
						
						letter-spacing: -0.5px;
						
						outline: none;
						
						_height: 100%;
						
						text-shadow: 0 1px 1px #fff;
						text-decoration: none;
						text-transform: uppercase;
					}
					#head .nav ul li a.selected,
					#head .nav ul li a:hover {
						color: #306597;
					}

#banner-wrap {
	background: 0 0 url('../img/banner-back-small.gif') repeat-x;
}
#banner-wrap.big {
	background: 0 0 url('../img/banner-back-big.gif') repeat-x;
}
	#banner {
		height: 130px;
	}
	#banner-wrap.big #banner {
		height: 445px;
	}
		#banner .col {
			position: relative;
			float: left;
			margin: 15px 15px 0 0;
			
			width: 310px;
			height: 100px;
			
			color: #fff;
			
			background: rgba(255,255,255,0.1);
			background: #000;
			outline: 1px solid rgba(255,255,255,0.1);
		}
		#banner .col.last {
			margin-right: 0;
		}
		
		#banner .video-container {
			position: absolute;
			
			top: 15px;
			right: 0;
			
			width: 720px;
			height: 415px;
			
			background: center url('../img/banner-video-back.jpg') no-repeat #000;
			outline: 1px solid rgba(255,255,255,0.1);
		}
		#banner .side {
			position: absolute;
			
			top: 15px;
			left: 0;
			
			width: 225px;
			height: 415px;
			
			
			
			font-size: 11px;
			color: #fff;
			line-height: 17px;
			/*
			background: #011f3b;
			background: rgba(0,0,0,0.35);
			outline: 1px solid rgba(255,255,255,0.1);
			*/
		}
			#banner .side a {
				color: #ccc;
			}
			
			#banner .side .info {
				position: absolute;
				
				top: 0;
				left: 0;
				
				padding: 10px 15px;
				
				width: 195px;
				height: 290px;
				
				background: #011f3b;
				background: rgba(0,0,0,0.35);
				outline: 1px solid rgba(255,255,255,0.1);
				outline: 1px solid #1c4771;
			}
			
			#banner .side .nav {
				position: absolute;
				
				left: 0;
				bottom: 0;
				
				width: 225px;
				
				background: #011f3b;
				background: rgba(0,0,0,0.35);
				outline: 1px solid rgba(255,255,255,0.1);
				outline: 1px solid #1c4771;
			}
				#banner .side .nav ul {
				}
					#banner .side .nav ul li a {
						display: block;
						
						padding: 6px 12px;
						
						text-decoration: none;
						
						border-top: 1px solid #1c4771;
					}
					#banner .side .nav ul li a.selected {
						font-weight: bold;
					}
					#banner .side .nav ul li:first-child a {
						border: 0;
					}
			
		
		
		#banner .col .box {
			position: absolute;
			
			top: 1px;
			left: 1px;
			
			width: 308px;
			height: 98px;
		}
		#banner .col .box.content-1 { background-image: url('../img/banner-small-1.jpg'); }
		#banner .col .box.content-2 { background: #000; }
			
			#banner .col .box img {
				position: absolute;
				
				top: 0;
				left: 0;
				z-index: 1;
			}
			
			#banner .col .box .text {
				position: absolute;
				
				bottom: 0;
				left: 0;
				right: 0;
				z-index: 2;
				
				padding: 8px 10px;
				
				font-size: 11px;
				color: #fff;
				line-height: 11px;
				
				text-shadow: 0 1px 1px #000;
				background: #000;
				background: rgba(0,0,0,0.75);
				
			}
				#banner .col .box .text .title {
					font-weight: bold;
				}
				#banner .col .box .text .info {
					margin: -11px 0 0 0;
					text-align: right;
					color: rgba(255,255,255,0.65);
					color: #aaa;
					height: 11px;
				}
			
		
#main-wrap {
	background: 0 0 url('../img/main-back.gif') repeat-x;
}
	#main {
		position: relative;
		padding: 15px 0 15px 0;
		min-height: 400px;
	}
		#main .ad-tower {
			position: absolute;
			
			top: 15px;
			right: -165px;
			
			min-width: 100px;
			min-height: 600px;
		}
		
		
		#main .side {
			float: left;
			
			width: 200px;
			min-height: 200px;
		}
		#main .side.right {
			float: right;
			
			width: 310px;
		}
			#main .side .nav ul {
				margin: 38px 0 0 -12px;
			}
				#main .side .nav ul li {
					margin: 0 0 -1px 0;
					padding: 0;
					
					border-top: 1px solid #ddd;
					border-bottom: 1px solid #ddd;
				}
					#main .side .nav ul li a {
						display: block;
						
						margin: 3px 0;
						padding: 6px 12px;
						
						color: #555;
						text-decoration: none;
					}
					#main .side .nav ul li a.selected {
						
					}
		
			#main .side.right .event-calendar {
				position: relative;
				margin: 0 0 20px 0;
			}
				#main .side.right .event-calendar h1 {
					margin: 0 0 13px 0;
					padding: 0;
					
					font-family: arial;
					font-size: 14px;
					font-weight: bold;
					
					border: 0;
				}
		
		
		#main .content-wrap	{
			float: left;
			
			margin: 0 0px 0 20px;
			
			line-height: 18px;
			color: #444;
			
			min-height: 600px;
			
			width: 740px;
			min-height: 200px;
		}
		#main .content-wrap.left {
			margin: 0 10px 0 0px;
			width: 635px;
		}
		#main .content-wrap.full {
			float: none;
			margin: 0;
			width: auto;
			
		}
		
		#main .content-wrap .breadcrumbs {
			float: right;
			color: #aaa;
		}
			#main .content-wrap .breadcrumbs a {
				margin: 0 8px;
				
				font-size: 11px;
				color: #777;
				text-decoration: none;
			}
		
		h1 {
			margin: 5px 0 15px 0;
			padding: 0 0 15px 0;
			
			font-size: 22px;
			font-weight: normal;
			
			text-shadow: 0 -1px 1px #fff;
			
			border-bottom: 1px solid #ddd;
		}
			
			#main .content-wrap .index {
			}
				#main .content-wrap .index .item {
					margin: 0 0 20px 0;
				}
					#main .content-wrap .index .item .title {
						padding: 0 0 8px 130px;
						padding: 0 0 8px 0px;
						border-bottom: 1px solid #ccc;
					}
						#main .content-wrap .index .item .title a {
							font-size: 14px;
							font-weight: bold;
							color: #333;
							
							text-decoration: none;
						}
					
					#main .content-wrap .index .item .content {
						position: relative;
						
						padding: 8px 0 0 130px;
						padding: 8px 0 0 0px;
						
						line-height: 17px;
					}
						#main .content-wrap .index .item .content .side {
							display: none;
							position: absolute;
							
							top: 8px;
							left: 0;
							
							font-size: 11px;
							color: #666;
						}
							#main .content-wrap .index .item .content .side .date {
								color: #999;
							}
							#main .content-wrap .index .item .content .side .author {
								
							}
					
					#main .content-wrap .index .item .foot {
						text-align: right;
						font-size: 11px;
						color: #666;
					}
						#main .content-wrap .index .item .content .foot .date {
							color: #999;
						}
						#main .content-wrap .index .item .content .foot .author {
							
						}
					
		
	
	
#foot-wrap {
	/*background: 0 0 url('../img/foot-back.gif') repeat-x #022e58;*/
}
	#foot {
		padding: 0 0;
		
		border-top: 1px solid #ddd;
	}
		
		#foot .col {
			font-size: 11px;
			color: #777;
			line-height: 16px;
			
			margin: 10px 0 0 0;
			
		}
		



#main .front-wrap {
}
	#main .front-wrap .box {
		float: left;
		
		margin: 0px 0 0px 15px;
		
		width: 310px;
		min-height: 50px;
	}
	#main .front-wrap .first {
		margin-left: 0;
	}
		#main .front-wrap .box h2 {
			margin: 0 0 6px 0;
			
			font-family: helvetica, arial, tahoma, verdana;
			font-size: 14px;
			font-weight: bold;
		}
	
		
		.index {
			
		}
			.index .item {
				
			}
				.index .item h2 {
					margin: 0 0 6px 0;
					
					font-family: helvetica, arial, tahoma, verdana;
					font-size: 14px;
					font-weight: bold;
				}
					.index .item h2 a {
						color: #333;
						text-decoration: none;
					}
					.index .item h2 .date {
						margin: 0 0 0 5px;
						display: inline;
						
						color: #888;
						font-size: 9px;
					}
				.index .item .date {
					color: #888;
					font-size: 11px;
				}
				.index .item .text {
					line-height: 18px;
					font-size: 11px;
					color: #555;
					height: 108px;
					overflow: hidden;
					text-align: justify;
					
				}
				.index .item .more {
					margin: 15px 0 0 0;
					text-align: right;
				}
					.index .item .more a {
						padding: 4px 8px 4px;
						
						font-size: 9px;
						color: #fff;
						text-decoration: none;
						
						background: #023362;
						-moz-border-radius: 2px;
						-webkit-border-radius: 2px;
						border-radius: 2px;
					}
	


/*
	Calendar
*/

.calendar-eightysix.default {
	margin: 0 auto;
	
	font-size: 11px;
	border: 1px solid #fff;
	background: #fff;
}
	.calendar-eightysix.default .c86-wrapper {
	}
	
	.calendar-eightysix.default .c86-wrapper .c86-header,
	.calendar-eightysix.default .c86-wrapper .c86-body .c86-row,
	.calendar-eightysix.default .c86-wrapper .c86-body .c86-row div
	{
		height: 30px;
		line-height: 30px;
		overflow: hidden;
	}
	
		.calendar-eightysix.default .c86-wrapper .c86-header {
			display: none;
			overflow: hidden;
			
			font-size: 12px;
			font-family: arial;
			font-weight: bold;
			text-align: center;
		}
		.calendar-eightysix.default .c86-wrapper .c86-body {
			overflow: auto;
			zoom: 1;
			
			border: 1px solid #ccc;
		}
			.calendar-eightysix.default .c86-wrapper .c86-body .c86-row {
				color: #666;
			}
			.calendar-eightysix.default .c86-wrapper .c86-body .c86-row.a {
				font-weight: bold;
				color: #333;
				border-top: 0;
				
				font-size: 9px;
				height: 21px;
				line-height: 21px;
			}
				.calendar-eightysix.default .c86-wrapper .c86-body .c86-row div {
					position: relative;
					float: left;
					
					/*margin: 0 0 0 -1px;*/
					
					width: 14%;
					width: 42px;
					
					border: 1px solid #ccc;
					border-right: 0;
					border-bottom: 0;
					
					text-align: center;
				}
				.calendar-eightysix.default .c86-wrapper .c86-body .c86-row div.c86-first {
					border-left: 0;
					margin: 0;
				}
				.calendar-eightysix.default .c86-wrapper .c86-body .c86-row div.c86-first,
				.calendar-eightysix.default .c86-wrapper .c86-body .c86-row div.c86-last {
					/*width: 15%;
					width: 20px;*/
					width: 45px;
				}
				.calendar-eightysix.default .c86-wrapper .c86-body .c86-row.a div {
					border-top: 0;
					line-height: 21px;
				}
				.calendar-eightysix.default .c86-wrapper .c86-body .c86-row div.c86-outside {
					color: #ccc;
				}
				.calendar-eightysix.default .c86-wrapper .c86-body .c86-row div.c86-today {
					font-weight: bold;
					color: #333;
					
				}
				.calendar-eightysix.default .c86-wrapper .c86-body .c86-row div.has-event {
					text-decoration: underline;
					cursor: pointer;
					background: #eee;
				}
				.calendar-eightysix.default .c86-wrapper .c86-body .c86-row div.has-event.hover {
					background: #eee;
				}
				
					.event-calendar .hover-window {
						position: absolute;
						z-index: 500;
						
						top: 0;
						left: 0;
						
						width: 250px;
						
						font-size: 11px;
						color: #fff;
						
						text-shadow: 0 0px 1px rgba(0,0,0,0.5);
						
						background: #023362;
						border: 1px solid #1c446c;
						border: 1px solid rgba(255,255,255,0.5);
						
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
						border-radius: 5px;
						-webkit-box-shadow: 0px 0 8px rgba(0,0,0,0.5);
						-moz-box-shadow: 0px 0 8px rgba(0,0,0,0.5);
						box-shadow: 0px 0 8px rgba(0,0,0,0.5);
					}
						.event-calendar .hover-window .title {
							padding: 8px 10px 8px 10px;
							
							font-weight: bold;
							text-align: center; 
						}
						.event-calendar .hover-window .name {
							padding: 8px 10px 0 10px;
							
							font-weight: bold;
							
							border-top: 1px solid #1c4870;
						}
						.event-calendar .hover-window .name:first-child {
							border: 0;
						}
						.event-calendar .hover-window .time {
							padding: 0px 10px 8px 10px;
							text-align: right;
							color: #6b8aa7;
						}
						
					
			
		.calendar-eightysix.default .c86-wrapper .c86-footer {
			display: none;
		}


.event-index {
	line-height: 16px;
}
	.event-index .item {
		margin: 5px 0 0px 0;
		padding: 5px 0 0px 0;
		
		font-size: 11px;
		border-top: 1px solid #ccc;
	}
		.event-index .item .title {
			font-weight: bold;
			color: #333;
		}
		.event-index .item .date {
			margin: -2px 0 0 0;
			text-align: left;
			color: #777;
		}


.article-item {
}
	.article-item h2 {
		font-size: 14px;
		font-weight: bold;
		color: #333;
	}
	.article-item .back {
		margin: 20px 0 0 0;
	}