@charset "utf-8";
/* CSS Document */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ LIBRARIES	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html {
}
body {
	margin: 0px;
	padding:0px;
	font-size:14px;
	font-weight:normal;
	color:#313131;
	font-family:Arial;
}
.fleft {
	float:left;
}
.fright {
	float:right;
}
.clear {
	clear:both;
}
/* for beautifying the table effect */
.table {
	border-color: #e6e9ed!important;
}
.table {
	background-color: #fff;
	border: none;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.hidden {
	display: none;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.top {
	background:#314e6d;
	width:100%;
	padding: 4px 0;
}
.top ul {
	margin:0;
	padding:0;
	list-style: none;
}
.top ul li {
	margin:0;
	padding:0 5px;
	float:left;
	color: #FFFFFF;
}
.top ul li a:link, .top ul li a:visited {
	color: #FFFFFF;
	font-size:12px;
	text-decoration: none;
}
.top ul li a:hover {
	text-decoration: underline;
}
.top ul li.ask {
	background: url(../images/ask.png) 0% 0% no-repeat;
	height:20px;
	padding-left: 26px;
}
.top ul li.ask:hover {
	background: url(../images/ask.png) 0% 100% no-repeat;
}
.header {
	width:100%;
	display:inline-block;
	margin:0;	padding:0;
}
.logo {
	float:left;	width: 15%;	
}
.headright {
	float: left;
	width: 75%;
	margin:5px 0;
}
.headname {
  width: 100%;
}
.headname .col1 {
	float: left;
	width: 33%;
	padding: 7px 18px 0 0;
	color: #005985;text-align: center;font-size: 250%;	font-weight: bold;font-family: "Times New Roman", Times, serif;
}
.headname .col2 {
	float: left;
	width: 60%; text-align: center;
	padding-left: 20px;	border-left: solid 2px #EEEEEE;
	color: #1a2f44;	font-size: 150%;	font-weight: bold;	font-family: Arial, Helvetica, sans-serif;		
}
.banner {
	height:206px; padding:3px 0; background: url(../images/bannerbg.jpg) repeat;
}
.homebodyscroll {
	
}
.announcement_scroll{
	height:30px;margin:2px auto; background:#e9f9fd;
}
.anscrl1 {height:30px; width: 120px;float: left; background: #0991e2; padding: 0 8px;color: #EEEEEE;font-size:14px;font-weight: bold;line-height:30px;}
.anscrl2 {height:30px; float: right; background: #e9f9fd; padding: 0 4px; font-size:12px;  line-height: 30px;}
.anscrl2 marquee{margin:0;padding:0;width:100%;}
.homebodyleft {
	width:68%;height: 450px; float:left; vertical-align:top;
}
.homebodyright {
	width:30%;height: 450px;float:right; vertical-align:top;
	border: solid 1px #DDDDDD;
}
.homebodyright h2{
	margin:0px;padding:5px 8px; font-size:18px; font-weight: normal; color:#444444; border-top: solid 3px #0066FF; border-bottom: solid 1px #EEEEEE;background: #FAFAFA;
}
ul.list1 {margin:0 0 0 7px;padding:0;}
ul.list1 li {margin:0;padding:5px 5px 5px 0; border-bottom: dotted 1px #DDDDDD; list-style-image:url(../images/bullet01.png); list-style-position: inside;}


.body {
	min-height: 100%;
}
.homebody {
	min-height: 400px;
	margin-top: 10px;	
}
.innerbody {
	min-height: 400px;
	border-top: solid 0px #CCCCCC;	
}
.bodycontdiv{ border: solid 0px #CCCCCC; padding:5px; min-height:400px;
margin-top: 2px;
	-moz-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px;
    box-shadow: 0px 0px 5px 0px #EDEDED;
    -webkit-box-shadow: 0px 0px 5px 0px #EDEDED;
    -moz-box-shadow: 0px 0px 5px 0px #EDEDED;}
.pageheading {border-bottom: solid 1px #079c01;padding-bottom:1px;margin-bottom: 8px;}
h1.h1 {
	color: #111111;	font-size: 22px; font-weight: 500;	font-family: Arial;
	margin: 0; padding: 2px 0; border-bottom: solid 1px #E0B404;
}
h1 {
	color: #1a1442;	font-size: 22px; font-weight: 500;	font-family: Arial;
	margin: 0; padding: 2px 0;
}
h2 {
	color: #0066FF; font-size: 18px; line-height: 20px; font-weight:normal; font-family: Arial; padding: 1px 0; margin: 1px 0;
}
h3 {
	color: #0066FF; font-size: 16px; line-height: 18px; font-weight:bold; font-family: Arial; padding: 1px 0; margin: 1px 0;
}
.footer {
	width: 100%;
	background:#2f5997;border-top: solid 2px #e0b404;
	padding: 20px 0 1px 0; margin-top:30px;
}
.footerbottom {
	width: 100%;border-top: solid 1px #1b4073; background: #275089;
	margin-top: 5px;padding: 5px 0; text-align: center;
	font-size: 85%; color: #DDDDDD;
}
ul.footer_links {
	margin: 0; padding:0; list-style:none;
}
ul.footer_links li {
	margin: 0; padding: 0 0 0 20px; background: url(../images/bullet2.png) left no-repeat; width:230px; float: left; font-size:12px;
}
ul.footer_links li a:link, ul.footer_links li a:visited {
	color: #FFFFFF; line-height: 26px; text-decoration: none;
}
ul.footer_links li a:hover {
	text-decoration: underline;
}

.white, a.white:link, a.white:visited {
	color: #FFFFFF; text-decoration: none;
}
a.white:hover {
	text-decoration: underline;
}
@media (min-width: 600px) {
	.container {
		width: 550px;
	}
}

@media (min-width: 769px) {
  .container {
    width: 750px;
  }
	.headright {
		width: 75%;
	}
}
@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 1000px;
	}
}
@media (min-height: 400px) {
.body {
	min-height: 370px;
}
}
@media (min-height: 500px) {
.body {
	min-height: 450px;
}
}
@media (min-height: 700px) {
.body {
	min-height: 650px;
}
}
@media (min-height: 800px) {
.body {
	min-height: 770px;
}
}

.mainmenu {
	width: inherit;
	margin-top: 1px; margin-bottom:2px; padding:0px;
	background:#4476a9;
	border: solid 1px #4476a9;
	-moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 1px 0px #4476a9;	-moz-box-shadow: 0px 0px 1px 0px #4476a9;	box-shadow: 0px 0px 1px 0px #4476a9;
}
#menu, #menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu {
	width: 100%;
	margin: auto; padding:0;
}
#menu:before,  #menu:after {
	content: "";
	display: table;
}
#menu:after {
	clear: both;
}
#menu {
	zoom:1;
}
#menu li {
	float: left;
	border-right: 1px solid #5683b0;
	position: relative;
	background:#4476a9;
}
#menu li.hover, #menu li:hover{
	background:#5683b0;border-right: 1px solid #44709b;
}
#menu li:first-child {
	-moz-border-radius: 5px 0 0 5px;	-webkit-border-radius: 5px 0 0 5px;	border-radius: 5px 0 0 5px;	
}
#menu li:last-child {
	/*-moz-border-radius: 0 5px 5px 0;	-webkit-border-radius: 0 5px 5px 0;	border-radius:0 5px 5px 0;*/
	border-right: none;
}
#menu li.haschild {
	background: #4476a9 url(../images/adown.png) right no-repeat;	
}
#menu li ul li.haschild {
	background: url(../images/aright.png) right no-repeat;	
}
#menu a {
	float: left;
	padding: 3px 12px 4px 12px;
	color: #FFFFFF; line-height: 30px;
	text-decoration: none;
}
/*#menu a:hover, #menu a.hover{
	background: #60cde8;
	color: #FFFFFF;
}*/
#menu li:hover > a {
	
}
*html #menu li a:hover { /* IE6 only */
	
}
#menu ul {
	margin: 5px 0 0 0;
	_margin: 0; /*IE6 only*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 38px;
	left: 0;
	z-index: 9999;
	border-radius: 3px;
	border: solid 1px #5683b0;
	/*border-right: none;*/
	border-bottom: none;
	transition: all .2s ease-in-out;
	background:#4476a9;
}
#menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}
#menu ul ul {
	top: 1px;
	left: 195px;
	margin: 0 0 0 10px;
	_margin: 0; /*IE6 only*/
	border-left: solid 1px #5683b0;
	border-top: solid 1px #5683b0;
}
#menu ul li {
	float: none;
	display: block;
	border-bottom: solid 1px #5683b0;
	_line-height: 0; /*IE6 only*/
}
#menu ul li:first-child {
	-moz-border-radius: 0;	-webkit-border-radius: 0;	border-radius: 0;
}
#menu ul li:last-child {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#menu ul a {
	padding: 5px;
	width: 180px;
	_height: 10px; /*IE6 only*/
	display: block;
	float: none;
	font-size: 95%;
	word-wrap:break-word;
	line-height: 16px;
}
#menu ul a:hover {
	background-color: #5683b0;
}
#menu ul li:first-child > a {
	border-radius: 3px 3px 0 0;
}
#menu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 40px;
	top: -6px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #a4c4e4;
}
#menu ul ul li:first-child a:after {
	left: -6px;
	top: 50%;
	margin-top: -6px;
	border-left: 0;
	border-bottom: 4px solid transparent;
	border-top: 4px solid transparent;
	border-right: 4px solid #a4c4e4;
}

#menu ul li:last-child > a {
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}
/* Mobile */
#menu-trigger {
	display: none;
}
@media screen and (max-width: 600px) {
	/* nav-wrap */
	#menu-wrap {
		position: relative;
	}
	#menu-wrap * {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
/* menu icon */
	#menu-trigger {
		display: block; /* show menu icon */
		height: 40px;
		line-height: 40px;
		cursor: pointer;
		padding: 0 0 0 35px;
		border: 1px solid #222;
		color: #fafafa;
		font-weight: bold;
		background-color: #111;
		border-radius: 6px;
		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	}
/* main nav */
	#menu {
		margin: 0;
		padding: 10px;
		position: absolute;
		top: 40px;
		width: 100%;
		z-index: 1;
		background-color: #444;
		display: none;
		box-shadow: none;
	}
	#menu:after {
		content: '';
		position: absolute;
		left: 25px;
		top: -8px;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #444;
	}
	#menu ul {
		position: static;
		visibility: visible;
		opacity: 1;
		margin: 0;
		background: none;
		box-shadow: none;
	}
	#menu ul ul {
		margin: 0 0 0 20px !important;
		box-shadow: none;
	}
	#menu li {
		position: static;
		display: block;
		float: none;
		border: 0;
		margin: 5px;
		box-shadow: none;
	}
	#menu ul li {
		margin-left: 20px;
		box-shadow: none;
	}
	#menu a {
		display: block;
		float: none;
		padding: 0;
		color: #999;
	}
	#menu a:hover {
		color: #fafafa;
	}
	#menu ul a {
		padding: 0;
		width: auto;
	}
	#menu ul a:hover {
		background: none;
	}
	#menu ul li:first-child a:after,  #menu ul ul li:first-child a:after {
		border: 0;
	}
}
@media screen and (min-width: 600px) {
	#menu {
		display: block !important;
	}
}
/* iPad */
	.no-transition {
	transition: none;
	opacity: 1;
	visibility: visible;
	display: none;
}
#menu li:hover > .no-transition {
	display: block;
}

/*MENU END*/
@media (max-width:768px) {
	span.menu {
		width:28px;
		height: 28px;
		background: url(../images/nav.png)no-repeat 0px -1px;
		display: inline-block;
		float: right;
		cursor: pointer;
		margin-top: 5px;
	}
}
@media (max-width:320px) {
	span.menu {
		width: 28px;
		height: 28px;
		background: url(../images/nav.png)no-repeat 0px 2px;
		display: inline-block;
		float: right;
		cursor: pointer;
		margin-top: 2px;
		background-size: 80%;
	}
}
/*PAGINATION*/
div.pagination {
	padding: 2px;	margin-top: 2px;
}
div.pagination a {
	padding: 2px 5px 2px 5px;	margin: 2px;	border: 1px solid #23558B;	-webkit-border-radius:3px;	-moz-border-radius:3px;	border-radius:3px;
	text-decoration: none; 	color: #0033FF;
}
div.pagination a:hover, div.pagination a.active {
	 background: #3278C6;color: #FFFFFF;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;margin: 2px;	background: #3278C6;border: 1px solid #23558B;	-webkit-border-radius:3px;	-moz-border-radius:3px;	border-radius:3px;	color: #FFFFFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;margin: 2px;	border: 1px solid #23558B;	-webkit-border-radius:3px;	-moz-border-radius:3px;	border-radius:3px;
	color: #999999;
}
div.pagination2 {padding: 2px;	margin-top: 3px;}
div.pagination2 a {
	padding: 2px 4px 2px 4px;	margin: 2px;	border: 1px solid #333333;	-webkit-border-radius:3px;	-moz-border-radius:3px;	border-radius:3px;
	text-decoration: none; 	color: #222222;
}
div.pagination2 a:hover, div.pagination2 a.active {
	 background: #CCCCCC;color: #0000FF;
}
div.pagination2 span.current {
	padding: 2px 5px 2px 5px;margin: 2px;	background: #3278C6;border: 1px solid #23558B;	-webkit-border-radius:3px;	-moz-border-radius:3px;	border-radius:3px;	color: #0000FF;
}
div.pagination2 span.disabled {
	padding: 2px 5px 2px 5px;margin: 2px;	border: 1px solid #23558B;	-webkit-border-radius:3px;	-moz-border-radius:3px;	border-radius:3px;
	color: #999999;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.input {border: solid 1px #999999;	-webkit-border-radius:3px;	-moz-border-radius:3px;	border-radius:3px;	padding:3px; }
.button, a.button{
	background: #f4c714;
	height: 20px;padding: 0 10px;
	border: solid 1px #143f00;-webkit-border-radius:3px;	-moz-border-radius:3px;	border-radius:3px;	
	font-weight: bold;font-size: 12px;line-height:20px;
}
a.button {
	font-weight: bold;font-size: 12px;line-height:25px; color:#000000;text-decoration: none;
	padding: 4px 10px;height: 20px;
}
.button:hover, a.button:hover{
	background: #fa9f01;
}
.button1 {
	background: #FBDF26;
	height: 25px;padding: 0 15px;
	border: solid 1px #999999;-webkit-border-radius:3px;	-moz-border-radius:3px;	border-radius:3px;	
	font-weight: bold;font-size: 12px;line-height: 25px;
}
.button1:hover{
	background: #FA9F01;
}
.search {
	background: #FBDF26 url(../images/search-1.png) 5% 50% no-repeat;
	height: 30px; width:90px; text-align:center; padding-left:20px;
	border: solid 1px #999999;-webkit-border-radius:3px;	-moz-border-radius:3px;	border-radius:3px;	
	font-weight: bold;font-size: 12px;line-height: 30px; cursor: pointer;
}
.search:hover{
	background-color: #FA9F01;
}
.clearbutton {
	background: #FBDF26 url(../images/clear.png) 5% 50% no-repeat;
	height: 30px; width:80px; text-align:center; padding-left:20px;
	border: solid 1px #999999;-webkit-border-radius:3px;	-moz-border-radius:3px;	border-radius:3px;	
	font-weight: bold;font-size: 12px;line-height: 30px; cursor: pointer;
}
.clearbutton:hover{
	background-color: #FA9F01;
}
label:hover, label.active {color: #0033CC;}
/*TOOL TIPS*/
.tooltip {
	cursor: pointer; text-decoration: none;	position: relative;
}
.tooltip span {
	margin-left: -999em;	position: absolute;
}
.tooltip:hover span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
	position: absolute; left: -8em; top: 1em; z-index: 99;	margin-left: 0; width: 240px;
}
.classic { padding: 5px 10px; background: #FFFFAA; border: 1px solid #FFAD33; color:#000000; }
/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~/