/*MIT Website CSS Written by Rodgers Akwilini*/
/*eGovernment Agency*/
/*@2015*/


/*@import url(http://fonts.googleapis.com/css?family=Gabriela);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/

/*reset css*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	/*border: 0; */
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*===reset css====*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color:#fff;
/*	background-image: url(../images/bg_trans.png);*/
}

.header,.menu_wrap,.body_wrap {
	width: 1055px;
	margin: 0px auto;
	/*border: solid 1px red;*/
	
}

.top_nav {
	background:#2d4a84 url(../images/trr_top.png);
	background-repeat: repeat-x;
	height: 39px;
	/*border: solid 1px red;*/
}

.nav_wrap {
    /*border: solid 1px #fff;*/
    width: 1055px;
    margin: 0px auto;
    height: 34px;
}

/*========menu=====*/

ul.menu {
   /* border: solid 1px red;*/
    float: right;
}

.site-navigation {
    display: block;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: bold;
    /*border: solid 1px red;*/
    width: 650px;
    float: right;
    margin-top: 2px;
    padding-right: 20px;
}

.site-navigation ul {
    /*background: #3498DB;*/
    list-style: none;
    margin: 0;
    padding-left: 0;
    float: right;
}

.menu-item {
    position: relative;
}

.site-navigation li {
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size: 13px;
    /*background: #3498DB;*/
    display: block;
    float: left;
    margin: 0 2px 0 0;
    padding: 10px 12px;
    position: relative;
    text-decoration: none;
}

/*.site-navigation ul>li:first-child:after {
    content: "|";
    color:red;
}*/
  
.site-navigation li a {
  color: #fff;
  text-decoration: none;
  display: block;
}

.site-navigation li a:hover {
    color: #000;
}

.site-navigation li:hover {
    @include transition(background, 0.2s);
    /*background: #fff;*/
    cursor: pointer;

}

.site-navigation ul li ul {
    border: solid 1px #ccc;
    background: #fff;
    border-top: none;
    visibility: hidden;
    float: right;
    min-width: 120px;
    position: absolute;
    -webkit-transition: visibility 0.1s ease-in;
    transition: visibility 0.1s ease-in;
    margin-top:12px;
    right: 0;
    z-index: 999;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.site-navigation ul li:hover > ul,
.site-navigation ul li ul:hover {
   visibility: visible;

}

.site-navigation ul li ul li {
    clear: both;
    padding: 0px 0 0px 3px;
    width: 85%;
    margin: 1px 5px 2px;
    /*border: solid 1px #bce8f1;*/
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.site-navigation ul li ul li a{
    font-size: 11px;
    color: #000;
}

.site-navigation ul li ul li:hover {
    background: #d9edf7;
    color: #000;
}

.tr_list {
    font-size: 15px !important;
    font-weight: normal !important;
    margin-top: -1px;
}

.tr_label {
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: -7px;
    font-size: 10px;
    font-weight: normal;
    width: 13px;
    height: 13px;
    line-height: 1.0em;
    text-align: center;
    padding: 3px 3px 1px 2px;   
    background-color: #d9534f;
    color: #fff;
    white-space: nowrap;
    vertical-align: baseline;
}

.tr_new {
    min-width: 225px !important;
}

.tr_new p {
    margin: 5px 7px;
    font-size: 13px;
    font-weight: normal;
    color: #444444;
}

.menu-item {
    position: relative;
}

/*============menu===========*/



/*=================search====================*/

form.search {
    float: left;
    margin-top: 1px;
}

input.keyw {
    width: 150px;
    height: 15px;
    border: 1px solid #A9A9A9;
    background-color: #FFFFFF;
    font-size: 12px;
    color: #606060;
    padding: 3px;
    margin: 7px 0px 0px 0px;
    -moz-box-shadow: inset 4px 4px 10px 0 #E5E5E5;
    -webkit-box-shadow: inset 4px 4px 10px 0 #E5E5E5;
    -moz-box-shadow: inset 4px 4px 10px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 4px 4px 10px 0 rgba(0,0,0,0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
}

.search button {
    border: 0;
    background-color: #FFFFFF;
    color: #000;
    font-weight: bold;
 /*    text-transform: uppercase;
 width: 35px; */
    height: 22px;
    cursor: pointer;
    -moz-box-shadow: inset 4px 4px 10px 0 #E5E5E5;
    -webkit-box-shadow: inset 4px 4px 10px 0 #E5E5E5;
    -moz-box-shadow: inset 4px 4px 10px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 4px 4px 10px 0 rgba(0,0,0,0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

}

/*===========search============================*/

.header {
    background-image: url(../images/mit1.png);
    background-repeat: no-repeat;
    background-position: left top;
	height: 125px;
	margin-bottom: 5px;
	margin-top: 2px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.2);
	background-color: #fff;
}

.gov_logo {
    background-image: url(../images/arm.png);
    background-repeat: no-repeat;
    background-position: top left;
    /*border: solid 1px red;*/
    width: 105px;
    float: left;
    height: 112px;
    margin: 7px 0px 7px 7px;
}

.org_name {
    width: 815px;
    float: left;
    height: 112px;
    margin: 7px 7px 7px 0px;
    text-align: center;
}

.org_logo {
    background-image: url(../images/arm1.png);
    background-repeat: no-repeat;
    background-position: top left;
    /*border: solid 1px red;*/
    width: 105px;
    float: right;
    height: 112px;
    margin: 7px;    
}

p#head {
    margin: 20px 5px 22px 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #000;
    font-weight: bold;
    text-shadow: 3px 3px 2px rgba(255, 255, 255, 0.50);
}

p#last {
    margin: 27px 5px 10px 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000;
}

p#main {
    font-size: 26px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    margin: 5px 5px 5px 0px;
    color: #032468;
    font-weight: bold;
    text-shadow: 3px 3px 2px rgba(255, 255, 255, 0.50);
}


p#in {
    font-size: 35px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    margin: 5px 5px 5px 0px;
    color: #08c;
    font-weight: bold;
}

.menu_wrap {
	clear: both;
	/*overflow: hidden;*/
	/*border: solid 1px #ccc;*/
}

/*=======menu styles==============*/


/* top level
--------------------------------------------*/
.menuTemplate1
{
    /* You will get totally diffrent menu alignment and layout by setting following margin, width, and float with different values. */
    margin: 0 auto 0px;
 	width: auto;
 	float:right;
    position:relative;
    z-index:4;
/*    height: 33px;*/
    /*background: #91e342 url(../images/tr_top.png);*/
    /*border: 1px solid #BBB;*/
    font-family: Arial, Helvetica, sans-serif;
    list-style: none;
    padding: 0;
    min-width: 1055px;
}

.menuTemplate1 div {
    box-sizing:content-box;
}  
   
.menuTemplate1 li
{
    padding: 0;
    float: left;
/*    height: 33px;*/
    position: relative;/*delete it if you want submenu to be positioned relative to the whole menu instead of this li element*/
    color: black;
    z-index:5;
    /*border-right: solid 1px #ccc;*/
}

.menuTemplate1 a
{
    padding: 0 20px;
    line-height: 20px; /*Note: keep this value the same as the height of .menuTemplate1 li */
    font-size: 13px;
/*    font-weight: bold;*/
    display: inline-block;
    outline: 0;
    text-decoration: none;
    color: #fff;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    position: relative;
}
.menuTemplate1 li a:hover,.menuTemplate1 li a:active 
{
    /*background: white url(../images/bg.gif) repeat-x 0 -48px;*/
   /* border: solid 1px red;*/
    background-color: #115cf7;
    color: #fff;
    z-index: 9;
}

.menuTemplate1 li.onhover a
{
    /*background: white url(../images/bg.gif) repeat-x 0 -48px;*/
    border: solid 1px blue;
    color: #000;
    z-index: 9;
}

.menuTemplate1 a.arrow
{
    background: url(../images/arrow.gif) no-repeat right center;
}
 
        
/*Used to align a top-level item to the right*/        
.menuTemplate1 li.menuRight
{
    float: right;
    margin-right: 0px;
}
        
/*for the top-level separators*/
/*.menuTemplate1 li.separator
{
    font-size:0;
    overflow:hidden;
    border-left:1px solid #F7F7F7;
    border-right:1px solid #BBBBBB;
    z-index:4;
}
*/
 
.menuTemplate1 li:last-child:before {
	border-right:none;
}

/* sub level
--------------------------------------------*/
.menuTemplate1 .drop
{
    position: absolute;
    z-index:5;
    left: -9999px;
    /*border: 1px solid #DDD;*/
    border-bottom:3px solid #115cf7;
    border-top:3px solid #115cf7;
    background: #FFF;            
    text-align: left;
    padding: 2px;  
    color:#0F4F89;
    top:33px;              
}

.menuTemplate1 .drop a
{
    padding-left: 0px;
    padding-right: 0px;
    line-height: 26px;
    font-size: 12px;
    font-weight: normal;
    display: inline;
    text-align: left;
    
    position: static;
    z-index: 0;
    background-image:none;
}

.menuTemplate1 li:hover .drop, .menuTemplate1 li.onhover .drop
{
    left: -1px;/*Use this property to change offset of the dropdown*/
    /*background:white url(../images/bg-right.png) no-repeat right bottom;*/
}
.menuTemplate1 li:hover .dropToLeft, .menuTemplate1 li.onhover .dropToLeft
{
    left: auto;
    right: -1px;
    /*background:white url(../images/bg-left.png) no-repeat 0 bottom;*/
}
.menuTemplate1 li:hover .dropToLeft2, .menuTemplate1 li.onhover .dropToLeft2
{
    left: auto;
    right: -60px;
}

/* Elements within the drop down sub-menu
--------------------------------------------*/

.menuTemplate1 div.drop div div
{
    padding: 1px 6px;
}
.menuTemplate1 li:hover .drop a, .menuTemplate1 li.onhover .drop a
{
    background: none;
    background-image:none;
    padding:0 0;
}
.menuTemplate1 div.drop div a
{
    line-height: 24px;  
    color: #0F4F89;
    background:none;
}
.menuTemplate1 div.drop div a:hover
{
    text-decoration:underline;
    cursor:pointer;
    color:#115cf7;
}

.menuTemplate1 div.left {float:left;}

.menuTemplate1 div.right_tr {float:right;}       
/* CSS3 effects
--------------------------------------------*/

/*for top-level*/     
.decor1_1 
{

border-bottom: solid 3px #115cf7;
background-color:#2d4a84;
    
/*    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;*/

/*    -moz-box-shadow: 0px 1px 4px #ccc;
    -webkit-box-shadow: 0px 1px 4px #ccc;
    box-shadow: 0px 1px 4px #ccc;*/
            
}

/*for submenu.*/    
.decor1_2 
{
/*    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;*/
    box-shadow: 0px 12px 20px #CCCCCC; 
    width: 205px; 
}


/*=======menu styles================*/

.left {
	margin-left: 5px;
}

.body_wrap {
	overflow: hidden;
	margin-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
	/*border: solid 1px #ccc;*/	
	clear: both;
    z-index: 1000;
    background-color: none;
}

.left_wrap {
    /*border:solid 1px #ebe9e9;
 	border: solid 1px red;*/
    width: 285px;
    float: left;
    height: 351px;
    background-color: #fff;
    box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.6);
}

.left_incl {
    border:solid 1px #ebe9e9;
    width: 285px;
    float: left;
    height: 910px;
    background-color: #fff;
    box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.6);  
}

.tr_note {
   /* border: solid 1px red;*/
    height: 334px;
    margin-top: 8px;
    overflow: hidden;
    padding-bottom: 10px;
}

.more {
    /*border: solid 1px blue;*/
    clear: both;

}

.more_small {
    clear: both;
    margin-top: 1px;
    /*border: solid 1px red;*/
}

.more_small span {
    float: right;
    margin-right: 10px;
    border-radius: 2px;    
}

.more_small a {
    color: #115cf7;
    padding: 5px;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
}

.more_small a:hover {
    color: #137e03;
}

.more span {
    border: solid 1px #137e03;
    float: right;
    padding: 2px 7px;
    margin-right: 10px;
    border-radius: 2px;   
}

.more a {
    color: #000;
    padding: 5px;
    text-decoration: none;
}

.tr_note p {
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    margin: 5px 10px;
    text-align: justify;
    font-size: 12px;
}

.body_wrap h1 {
    font-size: 25px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin: 29px 10px 17px 25px;
    color: #137e03;
        line-height: 30px;
    }

.right_wrap {
    /*border: solid 1px red;*/
    width: 754px;
    float: right;
    height: 353px;
}
.right_wrap h1{
    line-height: 30px;
}


.slider_wrap {
    border: solid 1px #ebe9e9;
    border-left: none;
    border-top: none;
    height: 344px;
    margin-left: -8px;
    background-color: #fff;
    padding-top: 8px;
}

/*=============slider css begins here==============*/

/* Rodgers Akwilini Css for java slidesv1.1 */

#sliderFrame {
    position:relative;
    width:754px;
    margin: 0px auto 0px;
    } /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/

        
#slider {
    width:754px;
    height:340px;/* Make it the same size as your images */
    background:#fff url(loading.gif) no-repeat 50% 50%;
    position:relative;
    margin:0 auto;/*make the image slider center-aligned */
    /*box-shadow: 0px 1px 5px #999999;*/
    box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.6);    
}
#slider img {
    position:absolute;
    border:none;
    display:none;
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
    z-index:2;
    display:none;position:absolute;
    top:0px;left:0px;border:0;padding:0;margin:0;
    width:100%;height:100%;
}

/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
    position:absolute;
    width:100%;
    height:auto;
    padding:0;
    left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
    bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
    z-index:3;
    overflow:hidden;
    font-size: 0;
}
div.mc-caption-bg {
    background-color:black;
}
div.mc-caption {
    font: bold 12px Arial;
    color:#EEE;
    z-index:4;
    padding:10px 0;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
    text-align:center;
}
div.mc-caption a {
    color:#FB0;
}
div.mc-caption a:hover {
    color:#DA0;
}


/* ------ built-in navigation bullets wrapper ------*/
div.navBulletsWrapper  {
    top:320px; left:280px; /* Its position is relative to the #slider */
    width:150px;
    background:none;
    padding-left:20px;
    position:relative;
    z-index:5;
    cursor:pointer;
}

/* each bullet */
div.navBulletsWrapper div 
{
    width:11px; height:11px;
    background:transparent url(bullet.png) no-repeat 0 0;
    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
    margin-right:11px;/* distance between each bullet*/
    _position:relative;/*IE6 hack*/
}

div.navBulletsWrapper div.active {background-position:0 -11px;}


/* --------- Others ------- */
#slider 
{
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}



/*================slider css ends here================*/

.sidebox {
    /*border: solid 1px red;*/
    width: 400px;
    float: left;
    background-color: #fff;
    height: 234px;
    margin: 10px 8px 5px 7px;
    box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.6);    
}

.sidebox_right {
    /*border:solid 1px red;*/
    width: 186px;
    height: 200px;
    float: right;
    margin-right: 10px;
    margin-top: 70px;
}

.sidebox_right ul li {
    margin: 7px 3px;
    padding: 10px 10px 10px 42px;
}

.sidebox_right ul li a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;

}

.sidebox_right ul li a:hover {
    color: #08c;
    border-bottom: solid 1px #08c;
}

.sidebox_left {
    /*border: solid 1px red;*/
    width: 208px;
    float: right;
    background-color: #fff;
    height: 234px;
    margin: 10px 8px 5px 7px;
    box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.6);    
}

.quick ul li{
	background-image: none !important;
	padding-left: 0px !important;
}

.sidebox h2, .sidebox_left h2, .trbox h2 {
    font-family: Cambria, Georgia, Times, "Times New Roman", serif;
    font-size: 18px;
    margin: 15px 12px 10px 12px;
    border-bottom: dotted 1px #ccc;
    padding-bottom: 5px;
    color: #022b82;
}


.sidebox ul, .sidebox_left ul {
    margin: 2px 5px 2px 12px;
}

.sidebox ul li, .sidebox_left ul li {
    background-image: url(../images/tr_arrow.png);
    background-repeat: no-repeat;
    background-position: 1px 3px;
    padding-left: 17px;
    margin: 3px 1px;
}

.sidebox ul li a, .sidebox_left ul li a {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color: #000;
    text-decoration: none;
    font-size: 13px;

}

.sidebox ul li a:hover, .sidebox_left ul li a:hover {
    color: #115cf7;

}


.side {
    color: #115cf7;
    margin-right: 8px;
}

.sideb {
    margin-right: 5px;
}

.rightop {
    float: left !important;
    margin-top: 15px !important;
    margin-left:45px;
    height: 175px;
    width: 200px;
    margin-bottom: 15px;
}

.sidebox p {
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    text-align: justify;
    line-height: 17px !important;
    font-size: 12px;
    margin: 5px 10px;
}

.note {
    width: 525px !important;
}

.map {
    padding: 1px;
}

.map img {
    width: 100%;
    height: 100%;
}

#wb {
    background-image: url(../images/wb.png);
    background-position: 4px 4px;
    background-repeat: no-repeat;
    height: 38px;
}


#rtm {
    background-image: url(../images/rm.png);
    background-position: 4px 4px;
    background-repeat: no-repeat;
    height: 38px;
}


#rdc {
    background-image: url(../images/rc.png);
    background-position: 4px 4px;
    background-repeat: no-repeat;
    height: 38px;
}

/*=============tabs=============*/

.adv {
    border-bottom: dotted 1px #ccc;
    height: 75px;
    margin: 5px 8px 0px 8px;
    padding-bottom: 3px;

}

.adv .info, .trin_tab .info {
    font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
    text-align: justify;
    margin: 0px !important;
    line-height: 17px !important;
    font-size: 12px;
}

.adv .date, .trin_tab .date {
    font-family: Cambria, Georgia, Times, "Times New Roman", serif;
    font-size: 12px;
    font-weight: bold;
    color: #115cf7;
}

.min_more {
    clear: both;
    margin-top: 3px;
}
.min_more a {
    text-decoration: none;
    color: #137e03;
    font-family: Cambria, Georgia, Times, "Times New Roman", serif;
    font-weight: bold;
}

.min_more a:hover {
    color: #115cf7;
}


.right {
    margin-right: 5px;
}

.tr_img {
    border: solid 1px #000;
    width: 125px;
    height: 85px;
    float: left;
    margin-right: 5px;
}

.tr_img img {
	width: 100%;
	height: 100%;
}

.pic img {
	width: 100%;
	height: 100%;
}

/**/
/* tab menu main styles */
/**/


.page {
    position: relative;
    height: 482px;
    margin: 0 auto;
    padding:20px;
    background: #bdcbe5;
}

.tr {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    font-size: 0;
    text-align: left;
}
.tr > input {
    position: absolute;
    display: none;
}
.tr > label {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    cursor: pointer;
    transition: all 0.1s;
    -o-transition: all 0.1s;    
    -ms-transition: all 0.1s;   
    -moz-transition: all 0.1s;  
    -webkit-transition: all 0.1s;
}
.tr > label i {
    display: block;
    float: left;
    margin: 0 8px 0 -2px;
    padding: 0;
    border: 0;
    outline: none;
    font-family: FontAwesome;
    font-style: normal;
    font-size: 17px;
}
.tr > input:checked + label {
    cursor: default;
}
.tr > ul {
    list-style: none;
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    font-size: 13px;
}
.tr > ul > li {
    position: absolute;
    width: 100%;
    overflow: auto;
    padding: 10px 18px 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: justify;
    opacity: 0;
    transition: all 0.5s;
    -o-transition: all 0.5s;    
    -ms-transition: all 0.5s;   
    -moz-transition: all 0.5s;  
    -webkit-transition: all 0.5s;
}
.tr > .tab-content-first:checked ~ ul .tab-content-first,
.tr > .tab-content-2:checked ~ ul .tab-content-2,
.tr > .tab-content-3:checked ~ ul .tab-content-3,
.tr > .tab-content-4:checked ~ ul .tab-content-4,
.tr > .tab-content-5:checked ~ ul .tab-content-5,
.tr > .tab-content-6:checked ~ ul .tab-content-6,
.tr > .tab-content-7:checked ~ ul .tab-content-7,
.tr > .tab-content-8:checked ~ ul .tab-content-8,
.tr > .tab-content-9:checked ~ ul .tab-content-9,
.tr > .tab-content-last:checked ~ ul .tab-content-last {
    z-index: 1;
    top: 0;
    left: 0;
    opacity: 1;
    -webkit-transform: scale(1,1);
    -webkit-transform: rotate(0deg);
}


/*----------------------------------------------------------------------------*/
/*                                 EXTENSIONS                                 */
/*----------------------------------------------------------------------------*/

/**/
/* auto height */
/**/
.tr-height-auto > ul {
    height: auto !important;
}
.tr-height-auto > ul > li {
    position: static;
    display: none;
    height: auto !important;
}
.tr-height-auto > .tab-content-first:checked ~ ul .tab-content-first,
.tr-height-auto > .tab-content-2:checked ~ ul .tab-content-2,
.tr-height-auto > .tab-content-3:checked ~ ul .tab-content-3,
.tr-height-auto > .tab-content-4:checked ~ ul .tab-content-4,
.tr-height-auto > .tab-content-5:checked ~ ul .tab-content-5,
.tr-height-auto > .tab-content-6:checked ~ ul .tab-content-6,
.tr-height-auto > .tab-content-7:checked ~ ul .tab-content-7,
.tr-height-auto > .tab-content-8:checked ~ ul .tab-content-8,
.tr-height-auto > .tab-content-9:checked ~ ul .tab-content-9,
.tr-height-auto > .tab-content-last:checked ~ ul .tab-content-last {
    display: block;
}


/**/
/* grid */
/**/
.tr .grid-row {
    margin-top: 20px;
}
.tr .grid-row:after {
    content: '';
    display: table;
    clear: both;
}
.tr .grid-row:first-child {
    margin-top: 0;
}
.tr .grid-col {
    display: block;
    float: left;
    margin-left: 2%;
}
.tr .grid-col:first-child {
    margin-left: 0;
}
.tr .grid-col .inner {
    padding: 10px 0;
    border-radius: 5px;
    background: #f2f2f2;
    text-align: center;
}
.tr .grid-col-1 {
    width: 15%;
}
.tr .grid-col-2 {
    width: 32%;
}
.tr .grid-col-3 {
    width: 49%;
}
.tr .grid-col-4 {
    width: 66%;
}
.tr .grid-col-5 {
    width: 83%;
}
.tr .grid-col-offset-1 {
    margin-left: 19%;
}
.tr .grid-col-offset-1:first-child  {
    margin-left: 17%;
}
.tr .grid-col-offset-2 {
    margin-left: 36%;   
}
.tr .grid-col-offset-2:first-child {
    margin-left: 34%;
}
.tr .grid-col-offset-3 {
    margin-left: 53%;
}
.tr .grid-col-offset-3:first-child {
    margin-left: 51%;
}
.tr .grid-col-offset-4 {
    margin-left: 70%;
}
.tr .grid-col-offset-4:first-child {
    margin-left: 68%;
}
.tr .grid-col-offset-5:first-child {
    margin-left: 85%;
}


/**/
/* typography */
/**/
.tr .typography {
    color: #000;
}
.tr .typography h1,
.tr .typography h2,
.tr .typography h3,
.tr .typography h4,
.tr .typography h5,
.tr .typography h6 {
    margin: 40px 0 0 0;
    padding: 0;
    font-family: Gabriela, Georgia, serif;
    text-align: left;
    color: #333;
}
.tr .typography h1 {
    font-size: 40px;
    line-height: 60px;
    text-shadow: 3px 3px rgba(0,0,0,0.1);
}
.tr .typography h2 {
    font-size: 32px;
    line-height: 48px;
    text-shadow: 2px 2px rgba(0,0,0,0.1);
}
.tr .typography h3 {
    font-size: 26px;
    line-height: 38px;
    text-shadow: 1px 1px rgba(0,0,0,0.1);
}
.tr .typography h4 {
    font-size: 20px;
    line-height: 30px;
}
.tr .typography h5 {
    font-size: 15px;
    line-height: 23px;
    text-transform: uppercase;
}
.tr .typography h6 {
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
.tr .typography p {
   /* margin: 20px 0 0 0;*/
    padding: 0;
    line-height: 20px;
    text-align: left;
}
.tr .typography ul,
.tr .typography ol {
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0;
}
.tr .typography li {
    position: relative;
    margin-top: 5px;
    padding-left: 20px;
}
.tr .typography li ul,
.tr .typography li ol {
    margin-top: 5px;
}
.tr .typography ul li:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 6px;
    height: 4px;
    background: #404040;
}
.tr .typography ol {
    counter-reset: list1;
}
.tr .typography ol > li:before {
    counter-increment:list1;
    content: counter(list1)'.';
    position: absolute;
    top: 0;
    left: 0;
}
.tr .typography a {
    text-decoration: underline;
    /*color: #1889e6;*/
}
.tr .typography a:hover {
    text-decoration: none;
}
.tr .typography .pic {
    padding: 4px;
    border: 1px dotted #ccc;
}
.tr .typography .pic img {
    display: block;
}
.tr .typography .pic-right {
    float: right;
    margin: 0 0 10px 20px;
}
.tr .typography .link {
    text-decoration: underline;
    color: #1889e6;
    cursor: pointer;
}
.tr .typography .link:hover {
    text-decoration: none;
}
.tr .typography h1:first-child,
.tr .typography h2:first-child,
.tr .typography h3:first-child,
.tr .typography h4:first-child,
.tr .typography h5:first-child,
.tr .typography h6:first-child,
.tr .typography p:first-child {
    margin-top: 0;
}
.tr .typography .text-center {
    text-align: center;
}
.tr .typography .text-right {
    text-align: right;
}


/**/
/* steps */
/**/
.tr-steps > label {
    cursor: default;
}


/**/
/* animation effects */
/**/
.tr-effect-scale > ul > li {
    -webkit-transform: scale(0.1,0.1);
}
.tr-effect-rotate  > ul > li {
    -webkit-transform: rotate(180deg);
}
.tr-effect-slide-top > ul > li {
    top: -40px;
}
.tr-effect-slide-right > ul > li {
    left: 80px;
}
.tr-effect-slide-bottom > ul > li {
    top: 40px;
}
.tr-effect-slide-left > ul > li {
    left: -80px;
}



/*----------------------------------------------------------------------------*/
/*                                   LAYOUTS                                  */
/*----------------------------------------------------------------------------*/

/**/
/* top right */
/**/
.tr-layout-top-right {
    text-align: right;
}


/**/
/* top center */
/**/
.tr-layout-top-center {
    text-align: center;
}


/**/
/* top combi */
/**/
.tr > .right {
    float: right;
}

@font-face
{
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=3.0.1');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
    url('../fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'),
    url('../fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/*----------------------------------------------------------------------------*/
/*                               RESPONSIVENESS                               */
/*----------------------------------------------------------------------------*/

/**/
/* pad */
/**/
@media screen and (max-width: 980px) {
    
}


/**/
/* phone */
/**/
@media screen and (max-width: 767px) {
    .tr > label {
        display: block;
    }
    .tr > .right {
        float: none;
    }
}



/*----------------------------------------------------------------------------*/
/*                                   THEMES                                   */
/*----------------------------------------------------------------------------*/

/**/
/* default */
/**/
.tr > label {   
    padding: 0 15px;
    background: #e5e5e5;
    font-size: 13px;
    line-height: 35px;
}
.tr > label:hover {
    background: #f2f2f2;
}
.tr > input:checked + label {
    background: #fff;
}
.tr > ul {
    background: #fff;
    text-align: left;
}
.tr-steps > label:hover {
    background: #e5e5e5;    
}


/**/
/* theme 1 */
/**/
.tr-theme-1 > label {
    margin: 0 5px 5px 0;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 2px rgba(0,0,0,0.2);
    color: #000;
    opacity: 0.8;
    font-family: Cambria, Georgia, Times, "Times New Roman", serif;
    font-size: 17px;
}
.tr-theme-1 > label:hover {
    background: #fff;
    opacity: 1;
}
.tr-theme-1 > input:checked + label {
    margin-bottom: 0;
    padding-bottom: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    color: #2b82d9;
    opacity: 1;
}
.tr-theme-1 > ul {
    border-radius: 5px;
    box-shadow: 0 2px rgba(0,0,0,0.1);
}
.tr-theme-1 > .tab-content-first:checked ~ ul {
    border-top-left-radius: 0;
}
@media screen and (max-width: 767px) {
    .tr-theme-1 > label {
        margin-right: 0;
    }
    .tr-theme-1 > input:checked + label {
        margin-bottom: 5px;
        padding-bottom: 0;
        border-radius: 5px;
    }
    .tr-theme-1 > .tab-content-first:checked ~ ul {
        border-top-left-radius: 5px;
    }
}


/*----------------------------------------------------------------------------*/
/*                               CUSTOMIZATION                                */
/*----------------------------------------------------------------------------*/

/**/
/* height */
/**/
.tr > ul,
.tr > ul > li {
    height: 450px;
}

.tabi {
    margin: 10px 8px 2px 1px !important;
}

.trin_tab {
    border-bottom: dotted 1px #ccc;
    height: 72px;
    padding-bottom: 12px;
    margin: 10px 10px 7px;

}

.trin_tab .info {
    text-align: justify;
}

.trin_tab span {
    float: left !important;
}

.trin_tab .trb a{
    color: #137e03;
}

.trb a:hover {
    color: #115cf7 !important;
}

/*========tabs=====================*/





.bottom {
    position: relative;
    background-color: #115cf7;
    z-index: -100;
    width: 100%;
}

.tr_b {
    height: 25px;
    /*border: solid 1px #ccc; */
    background-color: #2d4a84;
    z-index: -100;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.tr_cover{
    width: 1055px;
    margin: 0px auto;
    border: solid 1px red;
    overflow: hidden;
}

.tr_wrap {
    /*border: solid 1px yellow;*/
    width: 1055px;
    margin: 2px auto 0px;
    overflow: hidden;
}

.tr_right {
    border-bottom: dotted 1px #fff;
    width: 204px;
    float: right;
    margin-right: 10px;
    font-size: 13px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #fff;
    padding-bottom: 4px;
}

.tr_left {
     border-bottom: dotted 1px #fff;
    float: right;
    margin-right: 20px;
    width: 397px;
    font-size: 13px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #fff;
    padding-bottom: 4px;    
}

.foot_wrapper {
    /*border: solid 1px green;*/
    overflow: hidden;
    background-color: #2d4a84;
    padding-bottom: 5px;
}

.foot { 
    width: 1055px;
    margin: 0px auto; 
    overflow: hidden;
   /* border: solid 1px yellow;*/ 
}

.left_foot {
    /*border: solid 1px #fff;*/
    width: 500px;
    float: left;
    padding-top: 7px;
    /*height: 45px;*/
}

.mid_foot {
    /*border: solid 1px #fff;*/
    float: right;
    width: 398px;
    margin-left: 10px;
    margin-right: 10px;
}

.right_foot {
    float: right;
    width: 205px;
    margin-left: 10px;
    margin-right: 10px;
}

.right_foot ul, .mid_foot ul {
    margin-top: 5px;
    float: right;
}

.right_foot ul li, .mid_foot ul li{
    margin-bottom: 3px;
    display: inline;
    margin-left: 12px;
}

.right_foot ul li a, .mid_foot ul li a{
    color: #fff;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 11px;
    text-decoration: none;
    cursor: pointer;
}

.right_foot ul li a:hover, .mid_foot ul li a:hover{
    border-bottom: dotted 1px #fff;
    padding-bottom: 2px;
}

.left_foot p {
    color: #fff;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 11px;
}

/*inner*/

.right_wrapper {
    /*border:solid 1px #ccc;*/
    float: right;
    width: 754px;
	overflow-y: scroll;
    height: 880px;
    background-color: #fff;
    box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.6);
}


/*bread*/

.breadcrumbs {
    border: solid 1px #ccc;
    height: 20px;
    margin: 5px 0px 5px 5px;
    border-radius: 3px;
    background: url(../images/bread.png);
    background-position: 5px 4px;
    background-repeat: no-repeat;
    padding-left: 32px; 
    background-color: #fff;
    box-shadow: 0px 0px 14px -6px rgba(0,0,0,0.5);
    float: right;
    width: 721px;

}

.breadcrumbs ul {
    margin: 0px 5px;
}

.breadcrumbs ul li {
    display: inline;
    margin-right: 5px;

}

.breadcrumbs ul li a{
    text-decoration: none;
    color: #555454;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.breadcrumbs ul li a:hover {
    color: #ff0000;
}

.breadcrumbs ul li p {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: auto;
}

.breadcrumbs img {
    margin-right: 3px;
}

.right_wrapper p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 3px 10px 10px;
    text-align: justify;
    padding: 0 20px;
}

.right_wrapper .bgimg {
    border:solid 1px #ccc;
    width: 250px;
    height: 200px;
    float: right;
    margin-left: 10px;
    margin-bottom: 5px;
    margin-right: 5px;
}

.right_wrapper ul {
    margin: 10px 10px 10px 25px;
}

.right_wrapper ul li {
    margin: 5px 5px 5px 3px;
    list-style: circle;
}

.right_wrapper ul li a {
    color: #000;
    text-decoration: none;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 13px;
}

.right_wrapper ul li a:hover {
    color: #08c;
}

.download {
    /*border: dotted 1px red;*/
    margin: 5px 10px;
    padding: 1px;
    overflow: hidden;
}

.download a{
    color: #000;
    font-family: monospace;
    font-size: 13px;
    text-decoration: none;

}

.d {
    margin-right: 5px;
}

/*.download:hover {
    border: dotted 1px #fff;
}*/

.download:hover a {
    color: #08c;
}

/*crumbs*/

.galbum {
    /*border:solid 1px red;*/
    height: 527px;
    margin-top: 2px;
    background-color: #fff;
    padding-left: 10px;
    padding-top: 10px;
}

p.ceo {
	clear: both;
	margin: 7px 0px 10px;
	text-align: center;
	font-size: 16px;
	font font-weight: bold;
}

p.ceo a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

p.ceo a:hover {
	color: #2d4a84;
	text-decoration: underline;
}

.rbody {
	/*border:solid 1px red;*/
	clear: both;
	overflow: hidden;
	background-color: #fff;
	padding-bottom: 10px;
}
.trbox {
	/*border: solid 1px blue;*/
    margin-right: 10px;
    float: right;
    width: 390px;
    margin-top: 10px;
}

.trn {
	height: 514px;
}


.tabnew {
	height: 88px;
}

.tabnew a {
	color: #000;
	text-decoration: none;
}


.tabnew a:hover {
	color: #115cf7;
}

.tend {
	overflow: hidden;
	height: 292px;
}

.tr_tend {
	height: 88px;
}

.tra {
	height: 99px;
	margin-bottom: 5px;
}


/*tab box*/

div.tabBox {
    width:99.5%;
    float:left;
    margin-left: 6px;
    height: 155px;
    overflow: visible;
    /*border:solid 1px #ccc;*/
    background-color: #548dd4;

}
 
div.tabBox h3 {
    padding:20px 0px;
}
 
ul.tabs {
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none;
    height: 32px; 
    width:99.9%;

}
 
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 32px; 
    line-height: 32px; 
    margin-bottom: -1px; 
    overflow: hidden;
    position: relative;
}
 
ul.tabs li a {
    display: block;
    padding: 0 30px;
    outline: none;
    background:none;
}
 
.tabContainer {
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left;
    width:99.9%;
    /*min-height:50px;*/
    margin-bottom:1px;

}

.tabContainer img {
    width: 155px;
    height: 100px;
    border:solid 1px #fff;
    float: left;
    margin-left: 20px;
    margin-right: 25px;
}

.tabContainer li {
    list-style: none;

}
 
.tabContent {
padding: 10px 20px 20px 5px;
}
 
.tabContent h3 {
padding:0px;
}
 
/**** TABS STYLES ****/
 
div.tabBox h3 {
}
 
 
ul.tabs {
border-bottom: 1px solid #ccc;
border-top: solid 1px #ccc;
/*border-left: 1px solid #ccc;*/
/*border-top-left-radius:5px;
-moz-border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;*/
}
 
ul.tabs li {
 
}
 
ul.tabs li a {
    background:#548dd4;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    outline: none;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    /*border-right: 1px solid red;*/
    border-left: none;
/*  border-top-left-radius:5px;
    -moz-border-top-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    border-top-right-radius:5px;
    -moz-border-top-right-radius:5px;
    -webkit-border-top-right-radius:5px;*/
}


.tab_separator {
    /* border-right: solid 10px red; */
    width: 1px;
    background-image: url(../images/menu_separator.png);
    background-position: center;
}
 
ul.tabs li a:hover {
/*background: #eee;*/
}
 
ul.tabs li.active {
    /*border-bottom:1px solid #fff;*/
}
 
ul.tabs li.active a, ul.tabs li.active a:hover  {  
    /*background: #39558b;*/
    color:#fff;
    background-image: url(../images/up_arrow.png);
    background-position: center 28px;
    background-repeat: no-repeat;
}
 
div.tabContainer {
/*border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;*/
background:#548dd4;
}

@media only screen and (max-width: 767px) {

    div.tabBox {
        border: 1px solid #ccc;
    }

    ul.tabs {
    height: auto;
    display: block;
    width:100%;
    border-left:0px;
    }
    
    ul.tabs li {
        width:100%;
    }
    
    ul.tabs li a {
        border-top-left-radius:0px;
        -moz-border-top-left-radius:0px;
        -webkit-border-top-left-radius:0px;
        border-top-right-radius:0px;
        -moz-border-top-right-radius:0px;
        -webkit-border-top-right-radius:0px;    
        border:0px;
    }
    
    div.tabContainer {
        border: 0px;
    }
    
}

.tr_tab {
    /*border:solid 1px red;*/
    width: 1047px;
    float: left;
    margin-top: 10px;
}

.tr_other {
    border: none;
}

.tr_other ul {
     margin: 2px 5px 2px 1px;
}

.tr_other ul li {
    background-image: url(../images/tr_arrow.png);
    background-repeat: no-repeat;
    background-position: 1px 3px;
    padding-left: 14px;
    margin: 3px 1px;
}

.tr_other ul li a{
    font-style:"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size: 12px; 
}

.othr {
  overflow: hidden;
    height: 155px;  
    margin-bottom: 0px;
}


/*contacts*/
.tr_feed {
    /*border:solid 1px red;*/
    margin: 20px 10px 10px 3px;
    overflow: hidden;
    padding-bottom: 10px;
    background-color: #fff;
    border-radius: 3px;
    width: 380px;
    float: left;
}

.add_p {
    margin: 12px 5px 10px 12px;
}

.add_p p {
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-weight: bold;
    float: left;
    font-size: 15px;
    text-align: right;
    width: 358px;
    /*border: solid 1px red;*/
    margin: 5px 0px;
}

.add_p label {
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.add_p button:hover {
    background-color: #000; 
}

input.add_i {
    float: right;
    width: 250px;
    height: 18px;
    border: 1px solid #A9A9A9;
    background-color: #fff;
    font-size: 13px;
    color: #666;
    padding: 3px;
    margin: 0px 0px 0px 5px;
    -moz-box-shadow: inset 4px 4px 10px 0 #E5E5E5;
    -webkit-box-shadow: inset 4px 4px 10px 0 #E5E5E5;
    -moz-box-shadow: inset 4px 4px 10px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 4px 4px 10px 0 rgba(0,0,0,0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size: 12px;
}

 select.add_s {
    float: right;
    width: 410px;
    height: 32px;
    border: 1px solid #A9A9A9;
    background-color: #FFFFFF;
    font-size: 11px;
    color: #333;
    padding: 3px;
    margin: 0px 0px 0px 5px;
    -moz-box-shadow: inset 4px 4px 10px 0 #E5E5E5;
    -webkit-box-shadow: inset 4px 4px 10px 0 #E5E5E5;
    -moz-box-shadow: inset 4px 4px 10px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 4px 4px 10px 0 rgba(0,0,0,0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size: 13px;
}

textarea#add_a {
    width: 252px;
    min-height: 200px;
    margin: 0px 7px 0px 5px;
    -moz-box-shadow: inset 4px 4px 10px 0 #E5E5E5;
    -webkit-box-shadow: inset 4px 4px 10px 0 #E5E5E5;
    -moz-box-shadow: inset 4px 4px 10px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 4px 4px 10px 0 rgba(0,0,0,0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
    font-size: 13px;    
    float: right;
}

.inside_link {
    /*border: solid 1px red;*/
    float: right;
    clear: both;
    height: 40px;
    margin-bottom: 10px;
}

.inside_link ul {
    /*border: solid 1px blue;*/
    padding-top: 18px;
    float: left;
    padding-right: 25px;
}

.inside_link ul li {
    background-image: none;
    margin: 5px;
    display: inline;
    border: solid 1px #000;
    background-color: #c1c1c1;
    padding: 7px 2px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

}

.inside_link ul li a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
    padding: 7px 7px;
}

.inside_link ul li:hover {
    background-color: #08c;
    border: solid 1px #08c;
}

.inside_link ul li:hover a {
    color: #fff;
}

#area {
    /*border: solid 1px red;*/
    width: 95px;
    margin-bottom: -23px;
}

.tr_conts {
    border: solid 1px #ccc;
    float: right;
    margin-right: 34px;
    width: 220px;
    padding: 15px 10px;
    margin-top: 27px;
    background-color: #eee;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tr_conts h2 {
    font-size: 14px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    margin: 5px 0px 10px 0px;
    font-weight: bold;
    color: #115cf7;
}

.tr_conts p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin: 0px;
}

.tr_conts img {
    margin-right: 5px;
}

/*contacts*/

/*===albams======*/

.albams {
    /* border: solid 1px red; */
    width: 196px;
    float: left;
    margin-right: 16px;
    /* height: 240px; */
    position: relative;
    margin-bottom: 20px;
    margin-top: 15px;
}



.albams .albamu_img {
    border: solid 1px #f2f0f0;
    height: 115px;
}

.albams .albamu_img img{
    height: 100%;
    width: 100%;
    margin: 0px;
}


.albams .albamu_info {
    border-left: solid 1px #c1c1c1;
    border-right: solid 1px #c1c1c1;
    border-top: solid 1px #c1c1c1;
    border-bottom: solid 1px #000;
    height: 40px;
}

.albamu_info p {
    margin: 5px;
    line-height: 16px;
}

.albams .albam_dates {
    /*border: solid 1px #000;*/
    height: 25px;
    position: absolute;
    top: 92px;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
}

.albams a {
    color: #000;
    text-decoration: none;
}
.albams a:hover div.albam_dates {
    background-color:#08c;
    cursor: pointer;
    
}

.albam_sep{
    margin-bottom: 20px;
}

.albams a:hover div.albamu_info {
    border-bottom: solid 1px #08c;
    cursor: pointer;
}

/*.albamu_info:hover{
    border-bottom: solid 1px #085aff;
    cursor: pointer;
}
*/
/*.albams .albam_dates:hover {
    background-color: blue;
}*/

.albam_dates ul {
    margin-top: 5px;
}

.albam_dates ul li{
    display: inline;
    color: #fff;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    margin:5px 0px 3px 3px;
}

.albam_dates ul li:first-child:after {
    content: "|";
    margin-right:10px;
    margin-left: 15px;
}

.albam_dates ul li {
    background-image: none;
    padding-left: 0px;
}

/*=====albams===============*/

p.rt {
    font-size: 12px;
    line-height: 24px;
    margin: 0px 10px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #2d4a84;
}

.sblock {
    border-bottom: dotted 1px #2d4a84;
    margin: 5px 5px 7px;
}
p.qn {
    background-image: url(../images/tr_arrow.png);
    background-repeat: no-repeat;
    background-position: 1px 4px;
    padding-left: 18px;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

p.ans {
    margin-left: 50px;
    color: #940101;
    font-weight: bold;
    text-align:justify;
}

.vid {
    border: solid 1px #ccc;
    height: 250px;
    width: 722px;
    margin: 12px 15px;
}

/*ends here*/

/*inner*/

/*bugs*/

.left_incl .sidebox {
    margin: 0px;
}

.quick_box {
    /* border: solid 1px red; */
    width: 208px;
    float: right;
    background-color: #fff;
    /* height: 234px; */
    margin: 10px 8px 5px 7px;
    box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.6);
}

/*bugs*/

.map {
    border: solid 1px #ccc;
    width: 281px;
    height: 230px;
    margin-top: 10px;
    float: left;
}

.map img {
    width: 100%;
    height: 100%;
}

.tr_inleft {
    border: solid 1px red;
}

.in_fix{
    width: 268px;
    float: right;
    margin-right: 8px;
}










/**
	* ------------------------------------------------------------
	* Main Menu Now
	* ------------------------------------------------------------
*/
.menu_wrap ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #2d4a84;

}

.menu_wrap ul li {
  display: block;
  position: relative;
  float: left;
  background: #2d4a84;
}

.menu_wrap ul li ul{
  background-color: #fff;
	min-width: 200px;
}

.menu_wrap ul li > ul li{
  background-color: #fff;
}


/* This hides the dropdowns */

.menu_wrap li ul {
  display: none;
}

.menu_wrap ul li a {
  display: block;
  padding: 0.6em 1em;
  text-decoration: none;
  /*   white-space: nowrap; */
  color: #fff;
  /*   width: 200px; */
}

.menu_wrap ul li a:hover {
   background-color: #115cf7 !important;
	color: #fff;
}


/* Display the dropdown */

.menu_wrap li:hover > ul {
  display: block;
  position: absolute;
}


/* Remove float from dropdown lists */

.menu_wrap li:hover li {
  float: none;
}

.menu_wrap li:hover a {
  background: #fff;
      color: #0F4F89;
}

.menu_wrap li:hover li a:hover {
  background: #2D4A84;
}

.menu_wrap li ul li {
  border-top: 0;
	border-bottom: 1px solid #f7f7f7;
}
.menu_wrap li ul li:last-child{
	border-bottom: none;
}


/* Displays second level dropdowns to the right of the first level dropdown */

.menu_wrap ul ul{
	    border-bottom: 3px solid #115cf7;
    border-top: 3px solid #115cf7;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.menu_wrap ul ul ul {
  left: 100%;
  top: 0;
	    border-bottom: 3px solid #115cf7;
    border-top: 0px solid #115cf7;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}


/* Simple clearfix */

.menu_wrap ul:before,
.menu_wrap ul:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.menu_wrap ul:after {
  clear: both;
}