/* CSS Document */

body {
	position: relative;
	font-size: 18px;
	color: #000000;
	background-color: #FFFFFF;
	line-height: 1.4em;
	margin-left: auto;
	margin-right: auto;
	float:center;
}



button {
  border-top: 1px solid #89cffa;
   background: #000000;
   background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));
   background: -webkit-linear-gradient(top, #000000, #000000);
   background: -moz-linear-gradient(top, #000000, #000000);
   background: -ms-linear-gradient(top, #000000, #000000);
   background: -o-linear-gradient(top, #000000, #000000);
   padding: 0px 0px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 24px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
button {
	padding: 6px 1px\9;
	}
@media screen and (min-width:0\0)
    {
    	button {padding: 6px 1px; }
	}
button:hover {
   cursor: pointer;
   border-top-color: #0b5587;
   background: #4F4F4F;
   color: #b0b0b0;
   }
button:active {
   border-top-color: #11496b;
   background: #11496b;
   }

#menuframe {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 592px ;
	/*background: #000000;*/
	background-color:rgba(0, 0,0, 0.6);
     /*filter:alpha(rgba=(0, 0,255, 0.5));
     -moz-rgba:rgba(0, 0,255, 0.5);
     -khtml-rgba:rgba(0, 0,255, 0.5);
     rgba:rgba(0, 0,255, 0.5);*/
}

#menu {
	overflow: hidden;
    position: absolute;
	z-index: 10;
	width: 115%;
	height: 10px ;
	/*background: #000000;*/
	background-color:rgba(0, 0,0, 0.6);
	 /*filter:alpha(rgba=(0, 0,255, 0.5));
     -moz-rgba:rgba(0, 0,255, 0.5);
     -khtml-rgba:rgba(0, 0,255, 0.5);
     rgba:rgba(0, 0,255, 0.5);*/

}

.dropbar {
	width: 84px;
	position: absolute;
	z-index: 20;
	font-size: 12px;
	/*font-weight: bold;*/
	color: #FFFFFF;
	text-align: center;
	background-color: #000000 ;/*#0080C0;*/
	/*filter:alpha(opacity=100);
     -moz-opacity:1.00;
     -khtml-opacity: 1.00;
     opacity:1.00;*/
	border: 2px solid #C0C0C0 ;/*#8080FF;*/
	padding: 5px 0px 5px 0px;
	/*float:center;*/
	
}
.dropbar:hover {
	background: #4F4F4F;
}

.diclist {
	width: 785px;
	position: absolute;
	z-index: 30;
	font-size: 16px;
	color: #FFFFFF;
	/*text-align: center;*/
	background-color: #535353;
	padding: 5px 5px 5px 5px;
}

.diclist p {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	line-height: 1.4em;
	border-bottom: 2px solid #C0C0C0 ;
}
.diclist p:hover {
	background: #C0C0C0;
	border-bottom: 2px solid #FFFFFF ;
}

.diclist a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.diclist a:visited {
	color: #FFFFFF;
}

#navi{
	margin-left: 0px;
	margin-right: auto;
	float:left;
}

#history {
	width: 100%;
	height: 250px;
	font-size: 18px;
	border: 2px solid #0080C0 ;
	text-align: left;
	float:center;
	overflow: auto;
}
#history p {
	padding-left:1em;
}
#history small {
	border-bottom:1px dotted #000;
}
h1{
	color: #FFFFFF;
	background: #006699;
	font-size: 35px;
	font-weight: bold;
	border-left: 12px solid #006699;
	line-height:36px;
/*	margin: 30px 0 5px 0; */
	padding: 10px 10px 10px 10px;
}
h2 {
color: #006699;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding: 8px 0px;	

	border: 1px solid #006699;
	/*font-size: 14px;
	font-weight: bold;
	border-left: 12px solid #006699;
	margin: 30px 0 5px 0; 
	padding: 2px 0px 2px 0px;	*/
}
h3 {
	color: #339900;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0; 
	padding: 10px 0px 5px 0px;	
}
h4 {
	color: #339900;
	font-size: 21px;
	font-weight: bold;
	margin: 5px 0; 
	padding: 10px 0px 5px 0px;	
}
li {
	text-align: left;
	}



.grey_btn {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	background-image: url(../../../../img/common/grey_btn_02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 5px;
	margin-right: 10px;
	margin-top: 5px;
	text-align: left;
}
.blue_btn {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	background-image: url(../../../../img/common/blue_btn_02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 5px;
	margin-right: 10px;
	margin-top: 5px;
}
.caution {
	display:inline-block;
	padding:3px;
	background-color:#FFFF99;
	border:1px solid #FF0000;
}