@charset "utf-8";
body {
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	text-align:center;
	background-color:#E2F4FC;
	font-size:12px;
}

a{
	color:#70C8F0;
}

a:hover{
	text-decoration:none;	
}

img{
	border-width:0px;	
}

#LOGO{
	float:left;	
}

#HEADER, #BODY{
	width:100%;
	background-color:#FFF;
}

#HEADER #MENU{
	width:100%;
	line-height:55px;
	height:55px;
	background-color:#00A6CC;
	color:#FFF;
}

#HEADER .box{
	vertical-align:baseline;
}

#HEADER #LOGIN_FORM{
	float:right;
	padding-right:50px;
}

#MENU a{
	display:block;
	float:left;
	width:115px;
	text-align:center;
	color:#A4E5FC;
	text-decoration:none;
	font-size:18px;
}

#MENU a:hover{
	color:#FFF;
}

#BODY{
	background-color:#FFF;
	font-size:12px;
}

#BODY h1{
	font-size:18px;
	color:#00A6CC;
	padding:0px;
	margin:0px;
}

#FOOTER{
	color:#70C8F0;
	padding-top:10px;
	padding-bottom:10px;
	font-size:12px;
}

#FOOTER a{
	text-decoration:none;
}

#FOOTER a:hover{
	text-decoration:underline;
}

.box{
	width: 990px;
	text-align:left;
	display:inline-block;
}

.border{
	border:5px solid #ffffff;
}

.textField{
	border-width:0px;
	padding:6px;
	background-color: #E9E9E9;
	vertical-align:bottom;
	font-size:14px;
}

.colume {
	float:left;
	padding:20px;
}

.article{
	line-height:18px;	
}

.innerBox{
	padding-left:30px;
	padding-right:30px;
	clear:both;
}

#SUB_NAVIGATION {
	height:70px;
	background-color:#70C8F0;
	color:#FFF;
	font-size:20px;
	line-height:70px;
}

.navigationBar{
	padding-left:60px;
}

#SUB_NAVIGATION input{
	margin-left:8px;
	vertical-align:middle;
}

#SUB_NAVIGATION a{
	display:block;
	float:left;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	font-size:16px;
}

#SUB_NAVIGATION a:hover{
	color:#00A6CC;
}

hr{
	height:1px;
	background-color:#CCC;
	border-width:0px;
}

#login_error {
	color:red; 
	margin:0px; 
	padding: 10px 4px 10px 4px;
}

#login_success {
	color:black; 
	margin:0px; 
	padding: 80px 4px 10px 4px;
}

.hidden {
	display:none;
}