body, .text {  font-family: Arial, Helvetica, sans-serif;  font-size: 12px; color: #4a515c;}
.textb {  font-family: Arial, Helvetica, sans-serif;  font-weight: bold; font-size: 12px; color: #4a515c;}
.text1 {  font-family: Arial, Helvetica, sans-serif;  font-size: 10px; color: #4a515c; padding-left: 5px;}
.title {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #184e84;}
.titleblack {  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #4a515c;}
.textwhite {  font-family: Arial, Helvetica, sans-serif;  font-size: 11px; color: #ffffff;}
.arrows {  font-family: Arial, Helvetica, sans-serif;  font-size: 12px; color: #ffffff;}
.titlewhite {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff;}



.left_menu a {
  color: #777777;
  text-decoration: none;
  font-size: 12px;
  font-family: sans-serif;
  font-weight: bold;
  letter-spacing: 0px;
}

.left_menu ul {
  padding: 0 0 15px 0;
  margin: 0;
  list-style-type: none;
}

.left_menu ul li:hover {
  background-image: url("../images/menu_common/bullet-on.png");
  background-repeat: no-repeat;
  background-position: -1px -2px; 
}


.left_menu ul li {
  padding:0 0 0 20px;
  line-height: 90%;
  background-image: url("../images/menu_common/bullet-off.png");
  background-repeat: no-repeat;
  background-position: -1px -2px; 
}

.left_menu ul li.menu_selected {
  background-image: url("../images/menu_common/bullet-on.png");
  background-repeat: no-repeat;
  background-position: -1px -2px; 
}


.title_blue {
  color: #8dafec;
  font-size: 22px;
  font-weight: bold;
}
.title_gray {
  color: #858994;
  font-size: 18px;
  font-weight: bold;  
}


.container {
    white-space: nowrap;
    max-width: 610px;
    margin: 10px auto;
}
.contents {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.container img {
    max-width:100%;
    
}


a{text-decoration:none}

/* to enlagre images - start */
.gallerycontainer {
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
margin: 0px 0px 0px 0px;
}

.thumbnail:hover{
border: 0px solid black; /* this creates a "push" effect */
background-color: transparent;
}

.thumbnail:hover img{
border: 0px solid black; /* this creates a "push" effect */
background-color: white;
}

.thumbnail span{ /*CSS for enlarged image*/
position: fixed;
background-color: transparent;
padding: 4px;
top: 50%;
left: 50%;
border: 0px solid transparent;
visibility: hidden;
color: black;
text-decoration: none;

z-index: 100;
margin-top: -300px;
margin-left: -300px;

}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 1px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
/* 
/*top: 0px;
left: 0px;
*/
*/
/*position where enlarged image should offset horizontally */
/* z-index: 50;*/
}
/* to enlagre images - end   */