@charset "utf-8";
/* CSS Document */

body{margin:0px; background-color:#00436A;}

#body-center{margin:0px auto; width:1200px; height:auto;}
#main-body{float:left; margin-left:0%; width:100%; min-height:550px; height:auto; background-color:#E5E5E5; 
box-shadow: 0px 0px 2px 1px #000; -ms-filter: progid:DXImageTransform.Microsoft.Shadow( Strength=3, Direction=135, Color='#000' );}

#main-body a{font-family:'Roboto', sans-serif; font-size:14px; font-weight:500; text-align:left; color:#333; text-decoration:none;}
#main-body a:hover{color:#ccc; text-decoration:none;}

#main-body #top{float:left; width:100%; height:100px; background-color:#fff;}
#main-body #top #social-media{float:right; margin:15px 5% 0px 0px; width:20%; height:auto; border:0px solid #ccc;}

#main-body #navi{float:left; width:100%; height:45px; background-color:#007EC6;}
#main-body #navi a{float:left; margin:0% 2%; padding-top:13px; color:#fff; font-family: 'Roboto', sans-serif; font-size:15px; font-weight:500; text-align:left; text-transform:uppercase;
text-decoration:none;}
#main-body #navi a:hover{color:#999; text-decoration:none;}

#main-body #slider{float:left; margin:2% 0% 0% 1%; width:65%; height:350px; border:0px solid #666; position:relative; background-color:#FFF; 
z-index:0; overflow:hidden;}
#main-body #slider #slider-img{float:left; width:100%; height:auto; z-index:1; position:relative; overflow:hidden;}
#main-body #slider #slider-headline{float:left; padding:20px 10px; margin-top:250px; width:100%; height:130px; z-index:10; position:absolute; background-image:url(imgs/slider_bg.png);background-repeat:repeat; font-family: Arial, Helvetica, sans-serif; font-family:'Roboto', sans-serif; font-size:25px; color:#FFFFFF; text-align:center; text-transform:capitalize;}
#main-body #slider #slider-headline a{color:#fff; text-decoration:none; }
#main-body #slider #slider-headline a:hover{color:#CA00CA; text-decoration:none;}


#main-body #news{float:left; margin:2% 0% 0% 1%; width:65%; min-height:250px; height:auto; border:0px solid #666; background-color:#666}
#main-body #news #header{float:left; margin-bottom:10px; width:98%; padding:5px 0px 5px 2%; height:25px; border:0px solid #666; background-color:#007EC6; font-family: 'Roboto', sans-serif; 
font-size:15px; font-weight:500; text-align:left; color:#fff; line-height:22px;}

#main-body #news #title{width:100%; height:23px; margin-bottom:20px; padding:5px; background-color:#030F61; font-family:Arial, Helvetica, sans-serif; font-size:17px; line-height:22px; text-align:left; color: #FFF; border:1px solid #FFF;}
#main-body #news #news-title a{margin-top:0px; font-family: 'Roboto', sans-serif; font-size:15px; font-weight:500; color:#fff;  text-align:justify; text-transform:capitalize; text-decoration:none; }
#main-body #news #news-title a:hover{text-decoration:none; color:#ccc; text-transform:capitalize;}
#main-body #news #news-content{float:left; margin-left:25px; width:auto; font-family: 'Roboto', sans-serif; font-size:13px; color:#F2F2F2; 
text-align:left; line-height:25px; border:0px #999999 solid; padding:3px;}
#main-body #news #n-img{float:left; margin:5px 20px 0px 0px; padding:2px; width:105px; height:auto; border:1px solid #CCC;}
#line-div{float:left; margin:10px 0px 10px 25px; width:700px; border-bottom:1px #999999 dotted;}


#main-body #left-container{float:left; margin:2% 0% 0% 2%; width:30%; min-height:300px; height:auto; border:0px solid #666; background-color:#fff;}
#main-body #left-container #header{float:left; margin:0%; width:98%; padding:5px 0px 5px 2%; height:25px; border:0px solid #666; background-color:#666; font-family:'Roboto', sans-serif; 
font-size:15px; font-weight:500; text-align:left; color:#fff; line-height:22px;}
#main-body #left-container #headline{float:left; margin:3% 3%; width:90%; padding:0px 0px 5px 0%; min-height:30px; height:auto; border-bottom:1px solid #ccc; 
font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; text-align:left; color:#222; line-height:22px;}

#main-body #left-container #text{float:left; margin:3% 3%; width:90%; padding:1.5%; min-height:30px; height:auto;
font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; text-align:left; color:#222; line-height:20px;}

#main-body #photo{float:left; margin:2% 0% 0% 1%; width:65%; min-height:300px; border:0px solid #666; background-color:#FFF;}
#main-body #photo #header{float:left; margin:0%; width:98%; padding:5px 0px 5px 2%; height:25px; border:0px solid #666; background-color:#666; font-family:'Roboto', sans-serif; 
font-size:15px; font-weight:500; text-align:left; color:#fff; line-height:22px;}

#main-body #photo #col-3-row{float:left; margin:10px 0px 0px 2.5%; width:30%; min-height:220px; border-right: 2px solid #ccc; }
#main-body #photo #col-3-row #img-div{float:left; width:100%; height:150px; overflow:hidden}
#main-body #photo #col-3-row #img-div img{float:left; width:100%; height:auto;}
#main-body #photo #col-3-row #headline{float:left; margin-top:10px; width:100%; height:auto; font-family:'Roboto', sans-serif; 
font-size:13px; text-align:left; line-height:22px;}

/*///////////////////////////// Other Pages /////////////////////////////*/

#page-body-left{float:left; margin:20px 0px 0px 1%; width:25%; min-height:450px; height:auto; background-color:#FFFFFF}
#page-body-right{float:left; margin:20px 0px 0px 2%; padding:10px 2%; width:66%; min-height:450px; height:auto; font-family:'Roboto', sans-serif; 
font-size:14px; font-weight:300; text-align:left; color:#333; line-height:22px; background-color:#FFFFFF; border-radius:4px;}
#page-body-right h3{float:left; width:100%; font-family:'Roboto', sans-serif; 
font-size:25px; font-weight:500; text-align:left; color:#333; line-height:22px;}
#page-body-left #header{float:left; margin:0%; width:98%; padding:5px 0px 5px 2%; height:22px; border:0px solid #666; background-color:#666; font-family:'Roboto', sans-serif; 
font-size:14px; font-weight:500; text-align:left; color:#fff; line-height:22px;}

#page-body-left #navi{float:left; margin:0%; width:98%; padding:5px 0px 5px 2%; height:22px; font-family:'Roboto', sans-serif; 
font-size:13px; font-weight:500; text-align:left; color:#222; line-height:22px; background-color:#FFFFFF}

#page-body-left #navi a{float:left; margin:0%; width:98%; padding:5px 0px 5px 2%; height:20px; font-family:'Roboto', sans-serif; 
font-size:13px; font-weight:500; text-align:left; color:#222; line-height:22px; background-color:#FFFFFF; text-transform:capitalize;}
#page-body-left #navi a:hover{color:#ccc; text-decoration:none;}

#page-body-left #line-div{float:left; width:100%; height:5px; margin:0px; border-bottom:1px dotted #ccc;}


#footer{float:left; margin-top:20px; width:100%; height:300px; background-color:#333;}
#footer #col-3-row{float:left; margin:25px 0px 0px 1%; width:30%; height:auto; border:0px solid #fff;}
#footer #col-3-row img{margin-right:10px;}
#footer #col-3-row #header{float:left; width:100%; height:auto; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:500; text-align:left; color:#fff;}
#footer #col-3-row #text{float:left; margin-top:25px; width:100%; height:auto; font-family: 'Roboto', sans-serif; font-size:13px; font-weight:400; 
text-align:left; color:#fff; line-height:21px;}
#footer #col-div {float:left; margin:20px 2% 0% 0%; border-right:1px #666666 solid; height:200px;}

/* ///////////////////////////////////Navigation Menu main css//////////////////////////////////// */

#menu{float:left; width:100%; height:45px; background-color:#007EC6;}
#menu a{float:left; margin-left:0%; width:auto; font-family:'Roboto',Arial, Helvetica, sans-serif;
font-size:17px; font-weight:400; text-align:right; color:#fff; text-decoration:none;}
#menu a:hover {text-decoration:none; color:#004284;}
#menu #li-div{border-bottom:1px #515151 solid;}

#menu ul{float:left; margin:0% 0% 0% 3%; padding:0; list-style:none; } 

/*bg*/
#menu ul li{margin:0px 0% 0px 2%; padding:10px 2%; position:relative; height:20px; background-color:; text-align:right; border:0px solid #ccc;} 
/*bg tab*/
#menu > ul > li {float:left; height:30px; background-color:; color:#fff;}

#menu li > ul{visibility:hidden; min-width:250px; width:auto; position: absolute; top:0px; left:180px; border-left:1px solid #000; background-color:#333; z-index:100;}
#menu li > ul a{font-family:'Roboto',Arial, Helvetica, sans-serif; font-size:13px; font-weight:300; color: #F0F0F0; text-decoration:none; text-align:right;}
#menu li > ul a:hover {color:#FFF; text-decoration:none}

#menu > ul > li > ul{top:40px; left:0;} 
#menu li:hover{background-color:;} 
#menu li:hover > ul{ visibility:visible;} 

/* ///////////////////////////////////slider css//////////////////////////////////// */

.rslides {
  position:relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }