@charset "ISO-8859-1";

/* CSS reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, small, strong, u, i, dl, dt, dd, ol, ul, li, form, label, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

body, html {
	margin: 0; 
	padding: 0;
	font-family: lucida grande, arial, times new roman;
}

body {
	line-height: 1;
	font-size: 62.5%;
	color: #333333;
}

img {
	border: none;
}

/***********************************************
*** COMMON
***********************************************/

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

#page {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#langChange {
	height: 29px;
	overflow: hidden;
}

	#langChange a {
		display: block;
		padding: 7px 0;
		float: right;
		color: #004A94;
		font-size: 1.2em;
	}

#header {
	padding: 0 0 4px;
}

#navi {
	background: #00448a;
}

	#navi a {
		display: block;
		float: left;
		padding: 7px 7px 5px 10px;
		color: #fff;
		font-size: 1.2em;
		text-decoration: none;
		text-transform: uppercase;
		border-right: 1px solid #8aaed0;
		font-weight: bold;
		letter-spacing: 1px;
	}
		
	#navi a:hover, #navi a.over {
		background: #0053a7;
	}
	
	#navi a.menu-current, #navi a.menu-parent {
		background: #e5f4ff;
		color: #00448a;
	}
	
	#navi a span {
		display: none;
	}
	
#naviContents {
	display: none;
}	
	
#naviPopup {
	position: absolute;
	width: 960px;
	display: none;
    z-index: 999;
}

	#naviPopup .bg {
		background: #00448a;
		border-top: 1px solid #e5f4ff;
	}
	
	#naviPopup .col {
		width: 320px;
		float: left;
		color: #fff;
	}
	
		#naviPopup .col .padding { padding: 10px 20px 20px; }
		
		#naviPopup .col a.lvl1 {
			font-size: 1.4em;
			color: #fff;
			display: block;
			padding: 10px 0 5px 20px;
			text-decoration: none;
			font-weight: bold;
			background: transparent url(images/bg_navi_popup_arrow.gif) no-repeat 11px 16px;
		}
		
		#naviPopup .col a.lvl2 {
			font-size: 1.2em;
			color: #fff;
			display: block;
			text-decoration: none;
			padding: 5px 10px;
		}
		
		#naviPopup .col a:hover {
			text-decoration: underline;
		}
	
#main {
	margin: 21px 0 0 0;
	background: transparent url(images/bg_main.gif) repeat-y left top;
}

	#main .leftCol {
		float: left;
		width: 280px;
	}
	
		#main .leftCol h2 {
			color: #fff;
			font-size: 1.2em;
			font-weight: bold;
			text-transform: uppercase;
			background: #00448a;
			padding: 9px 10px 7px 10px;
		}
		
		#news {
			padding: 4px 0 0;
			margin: 0 0 15px;
		}
		
			#news .row {
				padding: 15px 16px 6px;
				background: transparent url(images/bg_news.gif) no-repeat center bottom;
			}
			
				#news .row p {
					color: #004a94;
					line-height: 1.55em;
					font-size: 1.2em;
					margin: 0 0 12px;
				}
				
				#news p.more {
					font-size: 0.9em;
					margin: 0 0 8px;
				}
				
				#news p.more a {
					text-decoration: none;
					text-transform: uppercase;
					color: #004a94;
				}
		
		#subNavi {
			padding: 1px 5px 6px;
			background: transparent url(images/bg_subnavi.gif) no-repeat center bottom;
			margin: 0 0 15px;
		}

			#subNavi a {
				display: block;
				text-decoration: none;
				font-size: 1.2em;
				color: #004a94;
				padding: 11px 12px;
				background: transparent url(images/bg_subnavi_link.gif) no-repeat center bottom;
			}
			
			#subNavi a:hover {
				text-decoration: underline;
			}
			
			#subNavi a.menu-current, #subNavi a.menu-parent {
				background-color: #e3edf5;
			}
			
			#subNavi .level3 a {
				font-size: 1.1em;
				padding: 10px 22px;
				background: #e3edf5 none;
			}
			
			#subNavi .level3 a.menu-current {
				text-decoration: underline;
			}
			
			#subNavi .level3 a.menu-last {
				background: #e3edf5 url(images/bg_subnavi_link.gif) no-repeat center bottom;
			}
	
	#main .rightCol {
		float: left;
		width: 680px;
	}
	
		#main .rightCol .padding { padding: 0 0 0 16px; }
	
		#main .rightCol h1 {
			font-size: 2.35em;
			color: #004ca4;
			border-bottom: 1px solid #004ca4;
			padding: 0 0 17px;
			margin: 2px 0 22px;
		}
        
        #main .rightCol h2 {
            color: #004ca4;
        }
		
		#main .rightCol p {
			font-size: 1.2em;
			color: #004a94;
			margin: 0 0 20px;
			line-height: 1.55em;
		}
		
		#main .rightCol ul {
			margin: 0 0 20px;
			padding: 0 0 0 14px;
			line-height: 1.55em;
		}
			
		#main .rightCol li {
			font-size: 1.2em;
			color: #004a94;
			padding: 2px 0;
		}
        
        #main .rightCol a {
            color: #004ca4;
            text-decoration: underline;
        }
        
        #main .rightCol a:hover {
            color: #004ca4;
            text-decoration: none;
        }
		
		#main table.info {
			width: 590px;
			font-size: 1.2em;
			color: #004a94;
			padding: 0;
		}
		
			#main table.info th {
				background: transparent url(images/bg_table_th.gif) repeat-x left bottom;
				padding: 0 5px 5px;
			}
			
			#main table.info td {
				background: transparent url(images/bg_table_td.gif) repeat-y right top;
				padding: 5px 5px 2px;
				text-align: center;
			}
	
			#main table.info td.heading {
				font-weight: bold;
				text-align: left;
				padding: 5px 5px 2px 4px;
			}
			
			#main table.info .blue td {
				background-color: #e6f4fc;
			}
	
#footer {
	text-align: center;
	color: #004a94;
	font-size: 0.9em;
	background: transparent url(images/bg_footer.gif) no-repeat left 23px;
	padding: 48px 0 20px;
}
