/*  Generated by www.menucool.com/horizontal/tab-menu  */

/* main menu
--------------------------------------------*/
/*ul#tabmenu
{
   /* width:100%;
    margin: 0 auto; If the menu has a width, this "margin:0 auto;" makes the menu center-aligned. You can remove it for left-alignment, or change it to "margin-left:auto; margin-right:0;" for right-alignment.
    list-style:none;
    padding:0;
    font-size:0;
    position:relative;
    min-height:60px;
}*/
/*ul#tabmenu:after
{
    content:'.'; height: 0; clear: both; display: block; visibility: hidden;
}
    */    
ul#tabmenu li {  
    list-style:none; padding:0; margin:0;
    /*  display:inline;
	margin-top:0;margin-bottom:0;
    margin-left:-1px;margin-right:0;*/
}
        
/*Main menu links*/
ul#tabmenu li a
{
    letter-spacing:normal;
    color:#FFF;
    font-size:15px;
    text-decoration:none;
    
    outline:0;
    
    border:none;
    border-bottom:none;
    background:url(../images/left_tab.png) no-repeat 0 bottom;
    position:relative;
    z-index:4; 
	
	padding:9px; margin:0;	height:35px;    line-height:35px;	display:inline-block; width:215px;	
    
}
/* If you've set the menu's javascript file with { preview:false }, you may want to specify the following hovered tab styles     
ul#tabmenu li a:hover {
    color: red;
    background: black;
}*/

ul#tabmenu li.active a
{
        background:url(../images/left_tab_hover.png) no-repeat 0 bottom;
    color:#FFF;
	font-size:16px;
}

/* You can set active tab's style when hovered
ul#tabmenu li.active a:hover {
    color:green;
}*/
        
/* Secondary level sub-menu*/
ul#tabmenu li.active ul, ul#tabmenu>li:first-child>ul
{
  /* display:block;
        margin:0;
    padding:0;
    border:1px solid #DEE2E9;border-top:1px solid #C6CDD8;    
    
    z-index:3;
    border-radius:3px;
	float:right;*/
}
  
.tabmenu_right {float: right;
}

.tabmenu_right li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

ul#tabmenu li.dummy { display:none;}


#tab-container { float:left; width:810px; padding-top:26px; background:url(../images/content_tab_menu.gif) no-repeat left top ; }
#tab-container ul#tabmenu { float:left; width:220px;  }
.tab_content { float:right;  margin-right:20px; margin-top:10px; overflow:hidden; width:515px;  }
.tab_content ul { }
/*.tab_content li { float:left; width:155px; height:185px; background-color:#e9e9e9; margin-right:23px; } */
.tab_content li { float:left; width:245px; height:185px; background-color:#e9e9e9; margin-right:23px; }
.tab_content li:last-child {margin:0;}
.tab_content li.last {margin:0;}
#.tab_content li img { border:solid 3px #DADADA; }
.tab_content li p { padding:0 10px;  height:38px; overflow:hidden; text-align:left; }



.stepcarousel{
position: relative; /*leave this value alone*/
/*overflow: scroll;*/ /*leave this value alone*/
width: 515px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
/*focus slide show started on 11 feb 2015 */

#mygallery1.stepcarousel{
position: relative;
/* overflow: scroll; */
width: 673px;
height: 210px;
margin-left: 200px;
}
.stepcarousel1 .belt{
/*position: absolute; 
*/
/*leave this value alone*/
left: 0;
top: 0;
}
.pnbutn1{
float: right;
width: 54px;
/*margin-right: 30px;*/
margin-right: 13px;
margin-bottom: 10px;

}
.stepcarousel .panel1{
/*
float: none;/*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 14px 36px 19px 0px; /*margin around each panel*/

width: 300px;
*/
  float: none;
  overflow: hidden;
  margin: 14px 36px 19px 18px!important; 
  width: 300px;
/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .panel2{
float: right;/*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px 0px 0px 0px; /*margin around each panel*/
width: 150px;/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/*
.panel a.focus_on_col {
    background: none repeat scroll 0 0 #014382;
    color: #fff;
    display: block;
    float: left;
    font-size: 16px;
    height: 51px;
    line-height: 1.3em;
    margin: 0 40px 0 0;
    padding: 0;
    text-align: center;
    width: 246px;
	
}
.panel h5 a:hover {
text-decoration:none;
background: none repeat scroll 0 0 #931419;
height: 51px;
}
*/
.panel a.focus_on_col {
    background: none repeat scroll 0 0 #014382;
    color: #fff;
    display: block;
    float: left;
    font-size: 16px;
    height: 37px;
    line-height: 1.29em;
    margin: 1px 40px 0 0;
    padding: 14px 0px 7px 0px;
    text-align: center;
    width: 246px;
	
}
.panel h5 a:hover {
text-decoration:none;
background: none repeat scroll 0 0 #931419;
height: 37px;
}
/** old window link **/
.focus_on_block1 a{
background-color:#0d6bb5;
border-radius:5px;
padding:10px 28px 10px 28px;
color:#fff;
text-decoration:none;
margin-left:22px;
font-size:20px;

}
.focus_on_block1 a:hover{
background-color:#881116;
border-radius:5px;
padding:10px 28px 10px 28px;
color:#fff;
text-decoration:none;
margin-left:22px;
font-size:20px;

}
.panel2 h5{



}
/* ended focus carousel*/
.pnbutn{float:right; width:54px;}
.carousel_butn { height: 20px;    width: 20px;}
a.prev{background:url(../images/prev.gif) no-repeat left center ;   border-right: 1px solid #bababa;    float: left;    padding-right: 7px; }
a.next{background:url(../images/next.gif) no-repeat right center ; float: right;}

a.prev:hover {background:url(../images/prev_active.gif) no-repeat left center ; text-decoration: none;}
a.next:hover{background:url(../images/next_active.gif) no-repeat right center ; text-decoration: none;}