body
{
	margin: 0px;
	font-size:90%;
/*	background-image:url(Image/bdyhdr.png);
	background-repeat:repeat-x;*/
}

a:link, a:visited { text-decoration:none; }

a:hover { border-bottom:1px solid red; }

blockquote
{
	padding:5px;
	transition: background-color .5s ease-in;
		-moz-transition: background-color .5s ease-in;
		-webkit-transition: background-color .5s ease-in;
	transition: box-shadow .5s ease-in;
		-moz-transition: box-shadow .5s ease-in;
		-webkit-transition: box-shadow .5s ease-in;
}

blockquote:hover
{
	border-radius:10px;
	background-color:#AAFFDD;
	box-shadow: 4px 4px 9px;
}

.content
{
	max-width:990px;
	margin: 0 auto;
	text-align:left;
	line-height:140%;
/*	box-shadow:0 0 10px #000; */
}

#header
{
	background-color:#FFCC88;
	/*background-image:url(Image/conbg.jpg);
	background-repeat:repeat-x;*/
	text-align:center;
	padding-top:10px;
	color:Red;
	height:140px;
	line-height:110%;
 	background: -moz-linear-gradient(top, #FFCC88, #fff);
	background: -webkit-gradient(linear, center top, center bottom, from(#FFCC88), to(#ffffff));
	background: linear-gradient(top, #FFCC88, #ffffff);
	display:flex;
}

#headleft
{
	flex:1;
	max-width:110px;
}

#headcenter
{
	flex:1;
	width:inherit;
}

#search{
	display:none:
}

#headright
{
	display:none;
}

@media screen and (min-width:500px){
#headright
{
	flex:1;
	max-width:270px;
}
#search{
	display:block:
}

}

#header a:link, #header a:visited, #header a:hover { text-decoration:none; border:none;}

#footer { }

body, td, th
{
	font-family: Verdana, Arial;
	text-align:left;
}

/* .menubox
{
	width:140px;
	border: blue 1px solid;
	margin: 5px;
	padding: 5px;
	text-align:left;
} */

.example
{
	font-family: "Trebuchet MS", Verdana, Arial;
	color: #CC0000;
	text-indent: 5px;
	font-size: 100%;
/*	font-weight: bold;*/
}

.subtitle
{
	font-size: 120%;
	line-height:140%;
	color: #0000CC;
	text-align:left;
	font-weight: bold;
}

/*.pagetitle
{
	font-size: 150%;
	line-height:140%;
	font-weight: bold;
	text-align:left;
	color: #33FFFF;
}*/

.specialword
{
	font-family:"Trebuchet MS", Verdana, Arial;
	font-style:italic;
	font-weight:bold;
}

.h2
{
	font-size: 180%;
	line-height:140%;
	font-weight: bold;
	color: #000066;
	text-align:center;
	text-shadow:3px 3px 5px #a8e8ff;
	margin:1em 0 .5em 0;
}

.h5
{
	font-size: 100%;
	line-height:140%;
	font-weight: bold;
	color: #660066;
	text-align:left;
	text-shadow:1px 1px 3px #ffaaff;
	margin:1em 0 .5em 0;
}

.postitle
{
	font-size: 90%;
	line-height:140%;
	font-weight: bold;
	color: #FFFF66;
	background:#999999;
	background: -moz-linear-gradient(top, #888822, #666600);
	background: -webkit-gradient(linear, center top, center bottom, from(#888822), to(#666600));
	background: linear-gradient(top, #888822, #444400);
	text-align:left;
	text-shadow:1px 1px 4px #ffaaff;
	margin:10px 0 6px 0;
}

.pos td
{
	padding:0 10px 20px 10px;
}
.postitle td
{
	padding:5px;
}

.subtitleline
{
	font-size: 100%;
	line-height:140%;
	font-weight: bold;
	color: #990066;
	text-align:left;
	text-shadow:3px 3px 5px #FF99FF;
	border-bottom:solid 1px #990066;
}

.subtitle3
{
	font-size: 90%;
	line-height:140%;
	font-weight: bold;
	text-align:left;
	color: #993300;
}

.stick
{
	position:fixed;
	top:0;
}

.body{
	display:flex;
	width:inherit;
}

.Navigation
{
	max-width:175px;
	/*padding:5px 5px 5px 5px;*/
	border:0px;
	text-align:center;
	margin:0 5px 0 0;
	/*background-color:#a8e8ff;*/
	color:#002244;
	font:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FEF;
	background: -moz-linear-gradient(top, #fff, #ffd);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ffffdd));
	background: linear-gradient(top, #ffffff, #ffffdd);
}

.mainbody
{
	flex:1;
	width:inherit;
	border:0px;
	padding:0px;
}

.mainbody li { padding-left: 10px; }


.subfoot
{
	text-align:right;
	width:inherit;
	font-size:80%;
	line-height:140%;
}

.subfootref a:link, .subfootref a:visited
{
	text-decoration:none;
	color:blue;
	background-color:yellow;
	font-weight:bold;
}

.subfootref a:hover
{
	text-decoration:none;
	color:white;
	background-color:red;
	font-weight:bold;
}

#homepage
{
	text-align:right;
	font-size:90%;
	line-height:140%;
}

.bottomlink 
{ 
	text-align:right; 
	font-size:80%;
	float:right;
}

.Clear { clear:both }

.English
{
	font-style:italic;
	color:#29a;
}

.bottombar
{
	background-color:#960;
	background: -moz-linear-gradient(top, #960, #003);
	background: -webkit-gradient(linear, center top, center bottom, from(#996600), to(#000033));
	background: linear-gradient(top, #960, #003);
	font-size:80%;
	color:white;
}

.bottombar td
{	
 height:30px;
	vertical-align:middle;
	text-align:center;
	color:white;
}

.bottombar a:link, .bottombar a:visited
{
	color:yellow;
	text-decoration:none;
	padding:3px;
	border:none;	
	transition: all 0.5s;
}

.bottombar a:hover
{
	color:white;
	border-radius:6px;
	box-shadow: 0px 0px 8px rgba(255,255,50,250);
}

.bottombar a.selected:link, a.selected:visited, a.selected:hover 
{
	color:black;
	background:yellow;
	text-decoration:none;
	padding:3px;
	border:none;	
}


.simplebar
{
	background:#069;
	background: -moz-linear-gradient(top, #960, #003);
	background: -webkit-gradient(linear, center top, center bottom, from(#960), to(#000033));
	background: linear-gradient(top, #960, #003);
	color:white;
	font-size:80%;
	padding:3px 10px 3px 10px;
}

.simplebar .Item
{
	min-width:85px;
	text-align:center;
}


.simplebar a:link, .simplebar a:visited
{
	color:yellow;
	text-decoration:none;
	padding:4px;
	border:none;
}

.simplebar a:hover
{
	color:white;
	border-radius:4px;
	box-shadow: 0px 0px 8px rgba(255,255,50,250);
}

.simplebar a.selected
{
	color:black;
	font-weight:bold;
	font-size:1.1em;
	background-color:yellow;
}

/* CSS For Dropdown Menu Start */
.DropMenu ul
{
  list-style:none;
  padding:0px;
  margin:0px
}

.DropMenu ul li
{
  display:inline;
  float:left;
}

.DropMenu ul li a
{
  color:#ffffff;
  background:#990E00;
  margin-right:0px;
  font-weight:bold;
  font-size:12px;
  font-family:verdana;
  text-decoration:none;
  display:block;
  width:100px;
  height:25px;
  line-height:25px;
  text-align:center;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border: 1px solid #560E00 1px transparent #560E00 1px solid #560E00 1px transparent #560E00;
}

.DropMenu ul li a:hover
{
  color:#FFFF00;
  background:#560E00;
  font-weight:bold;
  text-decoration:none;
  display:block;
  width:100px;
  text-align:center;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border: 1px solid #000000 1px transparent #000000 1px solid #000000 1px transparent #000000;
}

.DropMenu ul li.sublinks a
{
  color:#000000;
  background:#f6f6f6;
  border-bottom:1px solid #cccccc;
  font-weight:normal;
  text-decoration:none;
  display:block;
  width:300px;
  padding-left:5px;
  text-align:left;
  margin-top:2px;
}

.DropMenu ul li.sublinks a:hover
{
  color:#000000;
  background:#FFEFC6;
  font-weight:normal;
  text-decoration:none;
  display:block;
  width:300px;
  padding-left:5px;
  text-align:left;
}

.DropMenu ul li.sublinks
{
	display:none;
}

/* CSS For Dropdown Menu End */


.clear
{
  clear:both;
}

.left
{
  float:left;
}

.right
{
  float:right;
}

.pofs
{
		display:inline-block;
		width:350px;
		min-height:150px;
		vertical-align:top;
		padding:10px 10px 10px 10px;
		margin:20px 10px;
		border-radius:10px;
		transition: background-color 1s ease-in;
		-moz-transition: background-color 1s ease-in;
		-webkit-transition: background-color 1s ease-in;
}

.pofs:hover
{
	background:#EFA;
	box-shadow:2px 2px 4px #000;
	border-radius:10px;
}

.pofs .posname
{
	float:left;
	position:relative;
	top:-10px;
	left:-10px;
	color:#40F;
	padding:5px 10px 5px 5px;
	margin:0px 5px 5px 0px;
	font-size:120%;
	font-weight:bold;
	border-radius:10px;
}

.pofs .posname:hover
{
	background:#FF9;
	color:#F00;
	box-shadow:2px 2px 2px #000;
	border-radius:10px;
}

.pofs .poshead
{
	text-align:center;
	position:relative;
	border:thin outset;
	top:-30px;
	left:0px;
	background:#FF9;
	color:#40F;
	padding:5px 5px 5px 5px;
	margin:0px 0px 0px 0px;
	font-size:120%;
	font-weight:bold;
	border-radius:10px;
}

.pofs .h5
{
	text-align:left;
	position:relative;
	top:-30px;
	left:-10px;
	width:340px;
	background:#EFA;
	padding:5px 15px 5px 15px;
	margin:0px 0px 0px 0px;
	font-size:100%;
	font-weight:bold;
	border-radius:5px;
}

.hovershadow
{
	background:#FCD;
	border-radius:0px;
	transition:background-color .7s, box-shadow 1.1s, border-radius 2.1s;
}

.hovershadow:hover
{
	background:#FF9;
	border-radius:10px;
	box-shadow:2px 2px 10px #666;	
}

.egbox
{
	margin:10px auto;
	padding:10px;
	max-width:500px;
}