html, body {z-index:0;}
body { 
background-color: #004e87; padding: 0px 0px 0px 0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; background-attachment: fixed; background-image: url(images/bg1.jpg);
}

h1 {
font-family: Verdana, Trebuchet MS; font-size: 15px; color: #ffffff; background-color: #314E89; font-weight: bold; line-height: 50px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #314e89; background-image: url(images/h1bg2.gif);
}

h2 {
font-family: Arial, Trebuchet MS; font-size: 12px; color: #000000; font-weight: bold; line-height: 21px;}

h3, h4, h5 {
font-family: Trebuchet MS, Arial; font-size: 13px; color: #000000; font-weight: bold; line-height: 21px;}

img { border: none;}
#container {
	background-color: #FFF;
	width: 852px;
	margin: 10px auto;
	position: relative;
	z-index: 1;
}

#header {
	text-align:center;	
}
#header #head1 {
	width: 100%;
	height: 63px;
	border-bottom: 1px solid #FFF;
}

#header #head2 {
	width: 850px;
	height: 150px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

#header #head2 a {
	float: left;
}

#header #head3 {
	width: 849px;
	height: 26px;
	font-family: Arial, Verdana, Serif; 
	font-size: 12px; 
	color: #ffffff; 
	background-color: #314e89; 
	line-height: 22px;
	vertical-align: middle; 
	border: 1px solid #FFF;
	border-right-width: 2px;
}

#header #head3 div {
	float: left;
	height: 22px;
}

#header #head3 div.home {
	width:200px;
	padding-left: 5px; 
}

#header #head3 div.marquee {
	width:569px;
	height: 22px;
}

#sidebar {
	width: 180px;
	float: right;
	background-color: #083C6E;
	font-family: Arial, Trebuchet MS, Verdana; 
	font-size: 12px; color: #ffffff; 
	line-height: 24px;
	border-left: 1px solid #FFF;
	margin: 0;
	z-index: 2;
}
#sidebar p {
	text-align: center;
}

#content {
	width: 651px;
	float: right;
	padding: 10px;
	font-family: Verdana, Arial, 'Trebuchet MS';
	font-size: 12px;
	line-height: 19px;
	text-align: justify;
	z-index: 2;
}

.promobox {
	width: 428px;
	height: 250px;
	float: left;
	font-family: Arial, Trebuchet MS;
	color: #000000;
	font-weight: bold;
	text-align: center;
}
.promobox h2 {
	width: 100%;
	height: 25px;
	display: block;
	margin: 0px;
	border-bottom: 1px solid #000;
	font-family: Verdana, Arial; 
	font-size: 14px; 
	line-height: 24px;
	text-align: center;
}
.promobox h2.red {
	background-color: #ff0000; 
	color: #FFFFFF; 
}
.promobox h2.blue {
	background-color: #006599; 
	color: #FFFFFF; 
}
.promobox h2.yellow {
	background-color: #ffff00; 
	color: #000; 
}
.promobox h2.green {
	background-color: #04710D; 
	color: #FFF; 
}

.promobox h3 {
	margin: 6px 0;
}

.promobox p {
	font-size: 11px;
	line-height: 20px;
	padding: 5px;
	margin: 0;
}
.promobox div{
	font-size: 14px;
	text-align: center;
	text-decoration: underline;
}
.promobox div a{
	font-weight: bold;
}

#footer {
	width: 850px;
	clear: both;
	font-family: Verdana, Trebuchet MS, Arial;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #00264d;
	font-weight: normal;
	line-height: 18px;
	text-align: center;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#footer #footbar {
	background-color: #f7db00;
	color: #000;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align: center;
	font-weight: bold;
}

#footer a, #footer a:link, #footer a:active, #footer a:visited { color: #FFFFFF	;}
#footer a:hover {color: #f99211;}

.links {
font-family: Trebuchet MS, Arial; font-size: 13px; color: #000000; font-weight: normal; line-height: 21px;}

a:hover {
text-decoration: underline; color: #ffffff; font-weight: normal;
}

a:link, a:active, a:visited {
text-decoration: none; color: #0e1149; font-weight: normal;
}

a.links:link {color: #000000;}
a.links:active {color: #000000;}
a.links:visited {color: #000000;}
a.links:hover {color: #f99211;}

a.white:link {color: #FFFFFF;}
a.white:active {color: #FFFFFF;}
a.white:visited {color: #FFFFFF;}
a.white:hover {color: #ffa500;}

a.white1:link {color: #FFFFFF;}
a.white1:active {color: #FFFFFF;}
a.white1:visited {color: #FFFFFF;}
a.white1:hover {color: #FFFFFF;}

a.white-black:link {color: #FFFFFF;}
a.white-black:active {color: #FFFFFF;}
a.white-black:visited {color: #FFFFFF;}
a.white-black:hover {color: #000000;}

a.white-red:link {color: #FFFFFF;}
a.white-red:active {color: #FFFFFF;}
a.white-red:visited {color: #FFFFFF;}
a.white-red:hover {color: #FF0000;}

a.orange:link {color: #fa9620;}
a.orange:active {color: #fa9620;}
a.orange:visited {color: #fa9620;}
a.orange:hover {color: #0e1149;}

a.orange1:link {color: #ffa500;}
a.orange1:active {color: #ffa500;}
a.orange1:visited {color: #ffa500;}
a.orange1:hover {color: #0e1149;}

a.orange2:link {color: #fa9620; background: #000000;}
a.orange2:active {color: #fa9620; background: #000000;}
a.orange2:visited {color: #fa9620; background: #000000;}
a.orange2:hover {color: #0e1149; background: #DDDDDD;}

a.black:link {color: #000000;}
a.black:active {color: #000000;}
a.black:visited {color: #000000;}
a.black:hover {color: #ff0000;}

a.black-white:link {color: #000000;}
a.black-white:active {color: #000000;}
a.black-white:visited {color: #000000;}
a.black-white:hover {color: #ffffff;}

a.red-black:link {color: #C00000;}
a.red-black:active {color: #C00000;}
a.red-black:visited {color: #C00000;}
a.red-black:hover {color: #000000;}

a.red:link {color: #FF0000;}
a.red:active {color: #FF0000;}
a.red:visited {color: #FF0000;}
a.red:hover {color: #052852;}

a.blue:link {color: #0e1149;}
a.blue:active {color: #0e1149;}
a.blue:visited {color: #0e1149;}
a.blue:hover {color: #ffa500;}

a.blue1:link {color: #0e1149;}
a.blue1:active {color: #0e1149;}
a.blue1:visited {color: #0e1149;}
a.blue1:hover {color: #0e1149; background: #DDDDDD;}

a.blue2:link {color: #89a0b9;}
a.blue2:active {color: #89a0b9;}
a.blue2:visited {color: #89a0b9;}
a.blue2:hover {color: #ffffff;}
.seafari {
font-family: Verdana, Arial, Trebuchet MS; font-size: 12px; color: #ff0000; font-weight: bold; line-height: 19px;}

.header {
font-family: Verdana, Arial; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #083c6e; line-height: 25px; padding-left: 5px; border: 1px solid #ffffff;}

.header-yell {
font-family: Verdana, Arial; font-size: 12px; font-weight: bold; color: #000000; background-color: #FF9C00 ; line-height: 25px; padding-left: 5px; border: 1px solid #000000;}

.header1 {
font-family: Arial, Verdana; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #000000; line-height: 23px; padding-left: 5px; border: 1px solid #ffffff;}

.header2 {
font-family: Arial, Verdana; font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #000000; line-height: 21px; padding-left: 5px; border: 1px solid #ffffff;}

.header3 {
font-family: Verdana; font-size: 13px; font-weight: bold; color: #083c6e; line-height: 21px; padding-left: 0px; border: 0px solid #ffffff;}

.header4 {
font-family: Arial, Verdana; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #000000; line-height: 26px; padding-left: 5px; border: 0px solid #ffffff;}



div.scrollable { 
	float:right;
    position:relative; 
    overflow:hidden; 
    width: 262px; 
    height:178px;
	margin-left: 20px;
} 
div.scrollable div.items { 
    width:20000em; 
    position:absolute; 
} 
.scrollable img {
	float:left;
	width:262px;
	height:178px;
}
div.items div.active { 
}


#ml-menu {
	list-style: none;
	padding: 0px;
	margin: 0;
	width: 159px;
	float: left;
	z-index: 3;
	background-color: #0066cc;
}
#ml-menu li{
	list-style: none;
	position: relative;
	padding: 0;
	margin: 0;
	z-index: 4;
}
#ml-menu li a{
	display: block;
	background: url('images/menu_bg.gif') no-repeat #0066cc;
	vertical-align: middle;
    font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding-top: 0px;
	padding-left: 21px;
	height: 24px !important;
	width: 100%;
	text-decoration: none
	z-index:5;
}
#ml-menu li.sub a{
	background: url('images/menu_arr.gif') no-repeat #0066cc;
}
#ml-menu li.sub li a{
	background: url('images/menu_bg.gif') no-repeat #0066cc;
}
#ml-menu li a:hover{
	background-color:#FFFFFF;
	color: #000000;
	background-position: 0px -24px;
}
#ml-menu li ul{
	position: absolute;
	margin-left: 180px;
	margin-top: -24px;
	display: none;
	width: 220px;
	z-index: 6!important;
	padding: 0px;
	border: 2px solid #FFFFFF;
	border-left: none;
}
#ml-menu li ul li ul{
	margin-left: 241px;
	margin-top: -25px;
}
#ml-menu li ul li a{
	
}
#ml-menu li ul li{
	z-index: 7;
}
#ml-menu li > ul{
	top: auto;
	left: auto;
}
#ml-menu li:hover ul{
	display: block;
}
#ml-menu li:hover ul li ul{
	display: none;
}
#ml-menu li ul li:hover ul{
	display: block;
}
html, body {z-index:0;}

.style2 {color: #99CC33}
.style3 {color: #9CCF31}
#mynews {
	float:left; 
	height:250px; 
	width:177px;    
	padding: 0;  
    margin:  0;
	z-index: 1;
	overflow: hidden;
} 
 
#mynews div.newsbox {
	overflow:hidden;
	height:250px; 
	width:177px; 
	margin: 0px;   
    top:  0; 
    left: 0;
	vertical-align: top;
	z-index:2;
	text-align: center;
} 
#mynews div.newsbox.hide {
	display:none;
}
#mynews div.newsbox div.innernewsbox {
	position: absolute;
	top: 20px;
	height:210px; 
	width:177px;
	margin: 0;
	padding: 0 5px;
	z-index:2;
	overflow: hidden;
} 

#mynews div.newsbox div.morenews {
	position: absolute;
	top: 230px;
	height:20px; 
	width:177px;
	padding: 0;
	margin: 0;
	z-index:3;
	text-align: center;
	font-weight:bold;
} 

#mynews div.newsbox div.innernewsbox h3{
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
} 

.innernewsbox h3 a {
  color:white !important;
  font-weight:bold;
	margin:0 auto;
}

#panels {
	float:left; 
	height:250px; 
	width:428px;    
	padding: 0;  
    margin:  0;
	margin-left: 10px;
	border: 1px solid #083c6e;
} 

#panels_new {
	float:left;
	height: 232px;
}
#panelsbox_new {
	overflow:hidden;
    top:  0; 
    left: 0;	
}
#panel_caption {
	position:absolute; 
	bottom:0px;
	z-index: 1000000;
	background: #06C;
	background: rgba(51,102,255,0.9);
	color: #FFF;
	width: 270px;
	text-shadow: 1px 1px 1px #000;
}
#panels div.panelsbox {
	overflow:hidden;
	height:250px; 
	width:428px; 
    top:  0; 
    left: 0;
} 

#panels div.panelsbox.hide {
	display:none;
}
.required {
	border: 1px solid #F00;
}

.left {
	float:left;	
}

.latest001 {
	margin:0 auto;
	display:table;
	width:172px;
	color:#FFFFFF;
	background-image: linear-gradient(bottom, #2284CA 40%, #155EAC 70%);
	background-image: -o-linear-gradient(bottom, #2284CA 40%, #155EAC 70%);
	background-image: -moz-linear-gradient(bottom, #2284CA 40%, #155EAC 70%);
	background-image: -webkit-linear-gradient(bottom, #2284CA 40%, #155EAC 70%);
	background-image: -ms-linear-gradient(bottom, #2284CA 40%, #155EAC 70%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.4, #2284CA),
		color-stop(0.7, #155EAC)
	);		
	border-radius-bottomleft:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	border-radius-bottomright:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
}
.latest001 .content {
	padding:8px; 
	text-align:left;
}

.news001 {
	width:272px;
}	
.news001 h3,
.news002 h3
 {
	margin-top:0px;
	margin-bottom:0px;
	padding:5px;
	text-align:center;
	font-weight:bold;
	background: #014D79;
	background-image: linear-gradient(bottom, #014D79 40%, #006A9F 70%);
	background-image: -o-linear-gradient(bottom, #014D79 40%, #006A9F 70%);
	background-image: -moz-linear-gradient(bottom, #014D79 40%, #006A9F 70%);
	background-image: -webkit-linear-gradient(bottom, #014D79 40%, #006A9F 70%);
	background-image: -ms-linear-gradient(bottom, #014D79 40%, #006A9F 70%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.4, #014D79),
		color-stop(0.7, #006A9F)
	);	
	color:#FFF;
	font-weight:bold;
}

.news002 {
	width:357px;	
}

.news001,
.news002 {
	text-align:center;
	-webkit-box-shadow: 0px 8px 16px rgba(42, 39, 50, 0.32);
	-moz-box-shadow:    0px 8px 16px rgba(42, 39, 50, 0.32);
	box-shadow:         0px 8px 16px rgba(42, 39, 50, 0.32);	
	border-radius-bottomleft:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	border-radius-bottomright:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	position:relative;
}

.news001 .content,
.news002 .content {
	padding:7px;	
	text-align:left;
}

.news001 h4,
.news002 h4 
 {	
 	margin:0;
}



.box_round {
	text-align:center;
	-webkit-box-shadow: 0px 8px 16px rgba(42, 39, 50, 0.32);
	-moz-box-shadow:    0px 8px 16px rgba(42, 39, 50, 0.32);
	box-shadow:         0px 8px 16px rgba(42, 39, 50, 0.32);	
	border-radius-bottomleft:8px; border-radius-bottomright:8px;
	-moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px;
	-webkit-border-bottom-left-radius:8px;  -webkit-border-bottom-right-radius:8px;
	border-radius-bottomright:8px;  border-radius-bottomleft:8px; 
	-moz-border-radius-bottomright:8px;  -moz-border-radius-bottomleft:8px; 
	-webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px;
	
	border-radius-topleft:8px; border-radius-topright:8px;
	-moz-border-radius-topleft:8px; -moz-border-radius-topright:8px;
	-webkit-border-top-left-radius:8px;  -webkit-border-top-right-radius:8px;
	border-radius-topright:8px;  border-radius-topleft:8px; 
	-moz-border-radius-topright:8px;  -moz-border-radius-topleft:8px; 
	-webkit-border-top-right-radius:8px; -webkit-border-top-left-radius:8px;	
	padding:20px;
}