@charset "utf-8";
/* CSS Document */
body{color:#000; font:normal 12px Arial, Helvetica, sans-serif; padding:0; margin:0;}
.left{float:left!important;}
.right{float:right!important;}
.clear{clear:both;}
.spacer{clear:both; display:block; line-height:0; font-size:0;}
a:link {
color:  #4e7cbe;
text-decoration: none;
font-weight: bold;
 
}
a:visited {
color: #004785;
text-decoration: none;
font-weight: bold;
 
}
a:hover {
color: #fdce17;
text-decoration: none;
font-weight: bold;
 
}
header, aside, section, nav, hgroup, article, footer, figure{display:block;}

@font-face {
    font-family: 'FranklinGothic-Book';
    src: url('../fonts/frabk.eot');
    src: url('../fonts/frabk.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frabk.woff') format('woff'),
         url('../fonts/frabk.ttf') format('truetype'),
         url('../fonts/frabk.svg#frabk') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FranklinGothic-DemiCond';
    src: url('../fonts/fradmcn.eot');
    src: url('../fonts/fradmcn.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fradmcn.woff') format('woff'),
         url('../fonts/fradmcn.ttf') format('truetype'),
         url('../fonts/fradmcn.svg#fradmcn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FranklinGothic-Medium';
    src: url('../fonts/framd.eot');
    src: url('../fonts/framd.eot?#iefix') format('embedded-opentype'),
         url('../fonts/framd.woff') format('woff'),
         url('../fonts/framd.ttf') format('truetype'),
         url('../fonts/framd.svg#framd') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FranklinGothic-Demi';
    src: url('../fonts/fradm.eot');
    src: url('../fonts/fradm.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fradm.woff') format('woff'),
         url('../fonts/fradm.ttf') format('truetype'),
         url('../fonts/fradm.svg#fradm') format('svg');
    font-weight: normal;
    font-style: normal;
}

.news_p {margin:10px;}
#wrapper{width:100%; padding:0; margin:0;}

#container{
background-image: linear-gradient(bottom, rgb(255,255,255) 50%, rgb(60,71,85) 90%, rgb(33,46,62) 100%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 50%, rgb(60,71,85) 90%, rgb(33,46,62) 100%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 50%, rgb(60,71,85) 90%, rgb(33,46,62) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 50%, rgb(60,71,85) 90%, rgb(33,46,62) 100%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 50%, rgb(60,71,85) 90%, rgb(33,46,62) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.4, rgb(255,255,255)),
	color-stop(0.90, rgb(60,71,85)),
	color-stop(1, rgb(33,46,62))
);

/* For Internet Explorer 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3e4957, endColorstr=#ffffff);
        /* For Internet Explorer 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3e4957, endColorstr=#ffffff)";    
        background-color: #212e3e;
		width:100%; padding:0; margin:0; clear:both;
	}
#main-content{
background-image: linear-gradient(bottom, rgb(255,255,255) 12%, rgb(52,66,83) 78%, rgb(29,42,58) 91%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 12%, rgb(52,66,83) 78%, rgb(29,42,58) 91%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 12%, rgb(52,66,83) 78%, rgb(29,42,58) 91%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 12%, rgb(52,66,83) 78%, rgb(29,42,58) 91%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 12%, rgb(52,66,83) 78%, rgb(29,42,58) 91%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.12, rgb(255,255,255)),
	color-stop(0.78, rgb(52,66,83)),
	color-stop(0.91, rgb(29,42,58))
);	

/* For Internet Explorer 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#232f3f, endColorstr=#ffffff);
        /* For Internet Explorer 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#232f3f, endColorstr=#ffffff)";    
        background-color: #1d2a3a;
		padding:0 16px; width:962px; margin:0 auto;
}
#main-content .content-wrap{
	background-image: linear-gradient(bottom, rgb(255,255,255) 52%, rgb(32,65,92) 84%, rgb(21,33,45) 96%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 52%, rgb(32,65,92) 84%, rgb(21,33,45) 96%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 52%, rgb(32,65,92) 84%, rgb(21,33,45) 96%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 52%, rgb(32,65,92) 84%, rgb(21,33,45) 96%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 52%, rgb(32,65,92) 84%, rgb(21,33,45) 96%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.52, rgb(255,255,255)),
	color-stop(0.84, rgb(32,65,92)),
	color-stop(0.96, rgb(21,33,45))
);

/* For Internet Explorer 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#071a31, endColorstr=#FFFFFF);
        /* For Internet Explorer 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#071a31, endColorstr=#FFFFFF)";    
        background-color: #15212d; 
		
}
#main-content .content-wrapper{background:url(../images/eastern_logo.png) 100% 0 no-repeat; padding:15px 0 0 0;}
/* ---------------- top block -------------------------*/
.top-block{background:#153453; width:100%; float:left; padding:3px 0 8px; border-top:#2c3849 3px solid; position:relative;}
.top-block .shadow{background:url(../images/top_shadow.png) 0 0 repeat-x; height:13px; position:absolute; left:0; top:36px; width:100%; z-index:200; display:block;}
.top-block .content{width:958px; padding:0 2px; margin:0 auto;}
.top-block nav{width:600px; float:left; padding-top:1px;}
.top-block nav ul{list-style-type:none; padding:0; margin:0;}
.top-block nav li{list-style-type:none; font:normal 12px/15px Arial, Helvetica, sans-serif; color:#FFF; background:url(../images/divider1.gif) 100% 2px no-repeat; padding:0 8px 0 0; margin:0 6px 0 0; float:left;}
.top-block nav li.last{background:none; padding-right:00; margin-right:0;}
.top-block nav li a{color:#FFF; text-decoration:none;}
.top-block nav li a:hover{text-decoration:underline;}


.top-block .search-block{width:164px; float:right; height:25px; padding:1px 4px 0 ; background:#FFF;}
.top-block .search-block input[type="text"]{background:#FFF; padding:6px 0 5px 4px; width:140px; border:0; float:left; color:#000; font:normal 11px Arial, Helvetica, sans-serif; margin:0;}
.top-block .search-block input[type="submit"]{background:url(../images/search_btn.png) 0 0 no-repeat; width:16px; height:21px; border:0; margin:2px 0 0 0; float:right; cursor:pointer; text-indent:-9999em; line-height:0; font-size:0;}
.top-block .text-size{padding:2px 0 0 8px; float:right;}
.top-block .text-size span{font:normal 11px Arial, Helvetica, sans-serif; color:#FFF; padding-right:3px;}
.top-block .text-size a{color:#FFF; font:normal 16px/17px Arial, Helvetica, sans-serif; text-decoration:none; margin:0 0 0 10px;}
.top-block .text-size a:hover{color:#ccc;}


/* ----------------- header  -----------------------------*/
.main-header{padding:0 4px 18px 20px; overflow:hidden; clear:both;}
.main-header hgroup{float:left; width:262px;}
.main-header label{width:298px; float:right; margin:41px 0 0 0; height:42px; overflow:hidden; display:block;}
.main-header label span.select 		{ background:url(../images/listbox.png) no-repeat 0 0; cursor:pointer; top:0; height:42px; width:244px; line-height:37px; color:#FFF; float:left; text-align:left; font-family:'FranklinGothic-Book'; padding:0 37px 0 17px; font-size:14px; clear:both; }
.main-header label select.styled 	{ width:282px; margin:0; height:42px; font-size:14px; position:relative; left:8px; float:left; top:-48px; !top:-38px; border:0; background:#9dbbd4; } 

/* --------------- navigation --------------------*/
#navigation{height:43px; clear:both; background:#153453; margin:0 0 12px; padding:0 0 0 14px;}

/* ----------------------- banner area -----------------------*/
#banner-block{overflow:hidden; clear:both; margin:0 ; position:relative; }
#banner-block img{display:block;}
#slideshow2 {display:none;}
#banner-block .banner{width:636px; float:left; position:relative;}
#banner-block .banner img{display:block; border:#D3DAE1 1px solid;}
#banner-block .banner-content{width:294px; float:right; background:url(../images/transparent_bg.png) 0 0 repeat; border:#496389 1px solid; padding:38px 11px 8px; height:293px;}

#banner-block .banner h2{position:absolute; left:24px; top:48px; width:250px; font:normal 48px/44px 'FranklinGothic-DemiCond'; text-shadow:2px 3px 4px #C6921F; color:#FFF; padding:0; margin:0;}
#banner-block .title{position:absolute; left:28px; top:65px; font:normal 48px/44px 'FranklinGothic-DemiCond'; text-shadow:2px 3px 4px #2C333A; color:#FFF; padding:0; margin:0;}

#banner-block .banner h2 span{display:block; font:normal 36px/36px 'FranklinGothic-Medium';}
#banner-block .banner .pagination{position:absolute; left:14px; bottom:5px; z-index:200;}
#banner-block .banner .pagination ul{list-style-type:none; padding:0; margin:0; float:left;}
#banner-block .banner .pagination li{list-style-type:none; float:left; font:normal 20px/20px 'FranklinGothic-Book'; }
#banner-block .banner .pagination  a{display:inline; margin:0 9px 0 0; -moz-border-radius: 2px;  -webkit-border-radius: 2px; -khtml-border-radius: 2px;border-radius: 2px; background:#004785; border:#FFF 1px solid; text-align:center; font-size:20px; line-height:31px; text-decoration:none; padding:5px; color:#FFF;}
#banner-block .banner .pagination  a:hover, #banner-block .banner .pagination li a.selected{background:#FDCE18;}
#banner-block .banner .pagination span{float:left; display:block; margin-top:-4px; font:normal 36px/36px 'FranklinGothic-DemiCond'; text-shadow:2px 3px 4px #C6921F; padding-left:5px;}
#banner-block .banner .pagination span a{color:#FFF; text-decoration:none;}
#banner-block .banner .pagination span a:hover{text-decoration:underline;}

#banner-block .banner-content h3{color:#FFF; font:normal 32px/32px 'FranklinGothic-Book'; padding:0; margin:0 0 14px;}
#banner-block .banner-content .block{padding:0 14px 0 14px; text-align:justify;}
#banner-block .banner-content p{color:#FFF; font:normal 12px/19px Arial, Helvetica, sans-serif; padding:0; margin:0 0 20px;}
#banner-block .banner-content a.more{color:#FFF; font:normal 28px/28px 'FranklinGothic-Demi'; text-decoration:none;}
#banner-block .banner-content a.more:hover{text-decoration:underline;}

.thum-block-area{background:url(../images/thum_area_bg.gif) 0 0 repeat-x; padding:4px 9px 0; clear:both; overflow:hidden; margin:8px 0 0 0;}
.thum-block-area ul{list-style-type:none; padding:0; margin:0;}
.thum-block-area li{ border:#636564 1px solid; background:#FFF; width:170px; height:60px; padding:3px 5px; margin:0 8px 0 0; position:relative; float:left;}
.thum-block-area li img{display:block; border:#3F464A 1px solid; -moz-border-radius: 2px;  -webkit-border-radius: 2px; -khtml-border-radius: 2px;border-radius: 2px;}
.thum-block-area li a{display:block; width:156px; height:50px; padding:8px 6px 0; font:normal 19px/19px 'FranklinGothic-Medium'; text-decoration:none; text-transform:uppercase; position:absolute; left:6px; top:4px; z-index:50; color:#FFF;}
.thum-block-area li span{display:block; background:url(../images/thum_cover.png) 0 0 repeat; width:168px; height:58px; position:absolute; left:6px; top:4px; z-index:10;}
.thum-block-area li a:hover{color:#F6DF7F;}
.thum-block-area li.last{margin-right:0;}


/* -------------------- main content -------------------------*/
#main{padding: 8px; clear:both; overflow:hidden; background:#FFF;}
#main .box{width:302px; float:left; border:#41567C 1px solid; margin:0 14px 0 0; min-height:328px;}
#main .box.last{margin-right:0;}
#main .box .page-title{padding:6px 10px 6px 16px; background:#AEBFD4; overflow:hidden; clear:both;}
#main .box .page-title h2{color:#41567C; font:normal 19px/20px 'FranklinGothic-Demi'; text-transform:uppercase; padding:0; margin:0;}
.view {margin-right: 30px}
.rss{background:url(../images/rss.gif) 100% 0 no-repeat; display:block;height:20px; padding:2px 25px 3px 0; color:#FFF; font:normal 12px/13px Arial, Helvetica, sans-serif; text-decoration:underline;}
.rss:hover{text-decoration:none;}
#main .box .news-content{padding:17px 14px; overflow:hidden; clear:both;}
#main .box .news-content ul{list-style-type:none; padding:0; margin:0;}
#main .box .news-content li{list-style-type:none; padding:0; margin:0 0 22px; overflow:hidden; height:100%;}
#main .box .news-content li figure{width:69px; float:left; margin:0 13px 0 0;}
#main .box .news-content li figure img{display:block;}
#main .box .img-content{overflow:hidden;}
#main .box .date{color:#41567C; font:bold 11px Arial, Helvetica, sans-serif;}
#main .box .box-content p{color:#000; font: normal 11px/14px Arial, Helvetica, sans-serif; padding:0; margin:0;}
#main .box .box-content a{color:#FDCE18; text-decoration:underline;}
#main .box .box-content a:hover{text-decoration:none;}
#main .box .calendar-content{padding:18px 16px 0; clear:both; overflow:hidden;}
#main .box .calendar-content figure{width:40px; float:left; margin:0 18px 0 0;}
#main .box .calendar-content figure img{display:block;}
#main .box .calendar-content ul{list-style-type:none; padding:0; margin:0;}
#main .box .calendar-content li{list-style-type:none; padding:0; margin:0 0 24px; overflow:hidden; height:100%;}
#main .box .features-content{padding:9px 14px; clear:both; overflow:hidden;}
#main .box .features-content img{display:block; margin:0 auto 5px;}


/* ------------------- footer ----------------------*/
#main-footer{background:url(../images/footer_bg2.jpg) 0 0 repeat-x #1D2A3A; width:100%; padding:0; margin:0;}
#main-footer .footer-container{background:url(../images/footer_bg1.jpg) 50% 0 no-repeat; width:100%; padding:0; margin:0;}
#main-footer .content{width:914px; padding:198px 0 75px 49px; margin:0 auto; overflow:hidden; position:relative;} 

#main-footer .content .share-icons{position:absolute; width:378px; right:10px; top:56px;}
#main-footer .content .share-icons span{display:block; float:left; padding:8px 34px 0 0; color:#3D5A7C; font:normal 18px 'FranklinGothic-Book';}
#main-footer .content .share-icons img{float:left; margin:0 5px 0 0;}

#main-footer .content address{width:222px; float:left; margin:0 162px 0 0; color:#FFF;}
#main-footer .content address p{color:#FFF; font:normal 11px/16px Arial, Helvetica, sans-serif; padding:0; margin:0 0 18px;}
#main-footer .content address a{color:#FFF; text-decoration:none;}
#main-footer .content address a:hover{text-decoration:underline;}
#main-footer .content .block{display:table-cell; float:left; margin:0 30px 0 0;}
#main-footer .content .block.last{margin-right:0;}
#main-footer .content h4{color:#FFF; font:bold 12px/14px Arial, Helvetica, sans-serif; padding:0; margin:0 0 7px;}
#main-footer .content ul{list-style-type:none; padding:0; margin:0 0 12px; overflow:hidden;}
#main-footer .content li{list-style-type:none; background:url(../images/bullet.gif) 0 5px no-repeat; padding:0 0 0 6px; margin:0 0 6px; font:normal 11px/14px Arial, Helvetica, sans-serif;}
#main-footer .content li a{color:#FFF; text-decoration:none;}
#main-footer .content li a:hover{text-decoration:underline;}


/* -------------------- inner page --------------------*/

#inner-container{background:#FFF; padding:4px 2px 85px; clear:both; overflow:hidden;}
.breadcrumb{background:url(../images/breadcrumb_bg.gif) 0 0 repeat-x; border-top:#B3BBCB 1px solid; border-bottom:#B3BBCB 1px solid; padding:8px 26px 5px; clear:both; height:19px; color:#FDCE19; font:normal 15px/16px Arial, Helvetica, sans-serif;}
.breadcrumb a{color:#FFF; text-decoration:none;}
.breadcrumb a:hover{text-decoration:underline;}
.breadcrumb span{padding:0 5px; color:#FFF;}

.tagline {margin:-100px 0 0 25px;color:#fff;font-size: 3.2em; position:absolute; font-weight: bold; /*text-shadow: -2px 1px 5px #000;
        filter: dropshadow(color=#000, offx=-2, offy=1);*/}

#inner-container #main{padding:22px 6px 0!important;}

#inner-container #main .lt-panel{width:222px; float:left; margin:0 30px 0 0 ; height: 100%}
#inner-container #main .mid-panel{overflow:hidden;}
#inner-container #main .mid-panel .content{width:410px; float:left; margin:0 48px 0 0;}
#inner-container #main .mid-panel .content1{width:600px; float:left; margin:0 48px 0 0;}
#inner-container #main .mid-panel .side-content{width:210px; float:left; padding:5px 0 0 0;}

#inner-container #main .mid-panel_wide{overflow:hidden;}
#inner-container #main .mid-panel_wide .content{width:620px; float:left; margin:0 48px 0 0;}

.menu-block{border:#41567C 1px solid; clear:both; overflow:hidden;}
.menu-block .title{ padding:6px 12px; background:#AEBFD4; overflow:hidden; clear:both;}
.menu-block .title h3{color:#41567C; font:normal 19px/20px 'FranklinGothic-Demi'; text-transform:uppercase; padding:0; margin:0;}
.menu-block .menu-content{padding:4px 5px 8px; clear:both; overflow:hidden;}
.menu-block .menu-content ul{list-style-type:none; padding:0; margin:0;}
.menu-block .menu-content ul li {list-style-type:none; font:normal 12px/14px Arial, Helvetica, sans-serif; padding:0; margin:0 0 1px;}
.menu-block .menu-content ul li a{display:block; color:#FFF; background:#004885; padding:5px 10px 5px 18px; text-decoration:none;}
.menu-block .menu-content ul li a:hover{background:#0A5798;}
.menu-block .menu-content ul li ul{padding-left:28px; padding-top:8px; overflow:hidden;}
.menu-block .menu-content ul li ul li{background:url(../images/bullet2.gif) 0 5px no-repeat; padding:0 0 0 7px; font:normal 11px/14px Arial, Helvetica, sans-serif; margin:0 0 8px;}
.menu-block .menu-content ul li ul li a{color:#02518C; background:none; display:inline; padding:0;}
.menu-block .menu-content ul li ul li a:hover{text-decoration:underline; background:none;}


#inner-container #main .mid-panel h2{color:#0A63A6; font:normal 22px/24px Arial, Helvetica, sans-serif; padding:0; margin:0 0 11px;}
#inner-container #main .mid-panel p{color:#000; font:normal 11px/15px Arial, Helvetica, sans-serif; padding:0; margin:0 0 14px;}

.side-content .imgbox{margin:0 0 10px; overflow:hidden;}
.side-content .imgbox img{display:block;}
.side-content .desc{padding:0 0 0 5px; clear:both; overflow:hidden; margin:0 0 12px;}
.side-content .desc h4{color:#0A63A6; font:bold 13px/16px Arial, Helvetica, sans-serif; padding:0; margin:0 0 2px;}
.side-content .desc a{color:#0A63A6; text-decoration:none;}
.side-content .desc a:hover{ text-decoration:underline;}
.side-content .desc p{color:#000; font:normal 11px/15px Arial, Helvetica, sans-serif; padding:0; margin:0 0 10px;}