A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}

a:link {color:#000000;}
a:visited {color:#000000;}
a:hover {color:#000000; font-weight: bold;}
a:active {color:#000000; font-weight: bold;}

.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #000000;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 0px solid #000000;
	display: table-cell;
	padding: 10px 10px 10px;
   }
.divTableCell0 {
	border: 0px solid #000000;
	display: table-cell;
        vertical-align:top;
        box-sizing: border-box;
        padding: 3px 0px;
}

.divTableCell1 {
    border: 0px solid #000000;
	display: table-cell;
        vertical-align: middle;
        padding: 3px 0px;
}

.divTableCell2 {
    border: 0px solid #000000;
	display: table-cell;
        vertical-align: middle;
        padding: 3px 0px;

}

.divTableHeading {
	background-color: #000000;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

.containdiv {
 display: block;
  width: 100%;
  height: auto;
border: 0px solid #000;
background: #000000;
box-sizing: border-box;
}

.maindiv {
max-width: 700px;
min-width: 340px;
border: 0px solid #000;
background: #fff;
box-sizing: border-box;
display: table;
margin: auto;

}
.col {
padding: 1em;
}

.col0 {
float: left;
border: 0px solid #000;
background: #fff;
padding-left: 0px;
padding-top: 5px;
vertical-align:top;
border: 0px solid #000;
}

.col1 {
float: left;
border: 0px solid #000;
background: #fff;
display: inline-block;
padding-left: 0px;
padding-top: 0px;
vertical-align:middle;
}

.col2 {
display: block;
top: 0;
position: relative;
margin-left: 60px;
margin-right: 0px;
padding-top: 9px;
vertical-align:top;
background: #fff;
}

.col3 {
width: 30px;
position: absolute;
right: 0;
top: 0;
border: 0px solid #000;
}

.colimage {
    height:auto;
    width:10%;
   display: block;
    text-align:center;
    border: 0px solid red;
    background: #000000;
 box-sizing: border-box;
}

.ftr SPAN, .hdr SPAN {
display: block;
padding: 0.5em;
}

.hdr {
border-left: 0px solid #000;
border-bottom: 0px solid #000;
border-top: none;
background: #fff;
top: 0px;
}

.ftr {
border-left: 0px solid #000;
border-bottom: 0px solid #000;
border-top: none;
clear: left;
background: #fff;
}

.shr {
border: 0px solid #000;
background: #f4f;
display: inline-block;
margin: auto;
}

.imgptr {
    float: right;
    width: 165px;
    margin: 0 0 0px 0px;
    margin-left: 15px;
    margin-bottom: 15px;
    padding: 0px;
    border: 0px solid black;
    text-align: center;
}

.imgright {
    float: right;
    width: auto;
    margin: 0 0 0px 0px;
    margin-left: 15px;
    margin-bottom: 15px;
    padding: 0px;
    border: 0px solid black;
    text-align: center;
		transition: transform .3s; /* Animation */
		background: #fff;
}
		.imgright:hover {
		 transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
		}

.tab {
    display:block;
    border: 0px solid #000;
    position : relative;
    margin: auto;
}

.tabinline {
		width: auto;
    display:block;
    border: 0px solid #000;
    position : relative;
    margin: auto;
}
.tabimg {
   display:table;
    border: 0px solid #000;
    margin: auto;
}


.tab1 {
max-width: 640px;
display:table;
border: 0px solid #ff0;
background: #fff;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
vertical-align:top;
margin: auto;

}

.tab2 {
width: auto;
top: 1;
position: relative;
border: 0px solid #000;
padding-top: 0px;
vertical-align:top;
background: #fff;
display: table;


}

.row {
    top: 0;
    display:table-row;
    border: 0px solid #000;
    width : 100%;

}

.cell0 {
display: table-cell;
border: 0px solid #000;
background: #fff;
vertical-align:top;
box-sizing: border-box;
padding : 1px 8px 0px 0px;
}

.cell1 {
margin-right: 0px;
display: table-cell;
float: left;
border: 0px solid #000;
background: #fff;
clear: left;
vertical-align:top;
box-sizing: border-box;
padding : 4px 10px 10px 10px;
}

.cell2 {
    display: inline-block;
   /* width: 154px; */
    width: 165px;
    height: auto;
    margin-right: 8px;
    margin-left: 8px;
    margin-top: 5px;
    border: 0px solid #000;
    margin-top: 0px;
    vertical-align:top;
}

.cell3 {
    display: inline-block;
    width: auto;
    height: auto;
    margin-right: 8px;
    margin-left: 8px;
    margin-top: 5px;
    border: 0px solid #000;
    margin-top: 0px;
    vertical-align:top;
    float : left;
}

.cell4 {
    display: inline-block;
    width: auto;
    height: auto;
    margin-right: 8px;
    margin-left: 8px;
    margin-top: 5px;
    border: 0px solid #000;
    margin-top: 0px;
    vertical-align:top;
    float : right;
    text-align: right;
}

.cell5 {
    display: inline-block;
	 transition: transform .2s; /* Animation */
    width: auto;
    height: auto;
    margin-right: 20px;
    margin-left: 0px;
    margin-top: 5px;
    border: 0px solid #000;
    vertical-align:top;
		background: #fff;
}
	.cell6 {
		    display: inline-block;
		    width: auto;
		    height: auto;
		    margin-right: 0px;
		    margin-left: 5px;
		    margin-top: 0px;
				padding: 5px;
		    border: 0px solid #000;
		    vertical-align:top;
				background: transparent;
				text-align:left;
}

.cell5:hover {
 transform: scale(1.75); /* (250% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

img {
    border: 0px solid #000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.imgscale {
    border: 0px solid #000;
		max-width: 85vw;
	     max-height: 85vh;
	  min-width:10vm;
   width: auto;
  height: 85vh;
    display: block;
}

@media screen and (min-width: 320px) and (orientation: portrait) {
.imgscale {
    border: 2px solid #000;

 max-width: 60vw;
    max-height: 60vh;
 min-width:10vm;

   width: auto;
  height: auto;
    display: block;
}
}


html, body, {margin-top: .0cm; margin-left: .0cm;  margin-right: .0cm; width: 100%; height: 100%;}
P {font-family: verdana, arial, geneva, helvetica; font-size: 10pt; margin-top: .25cm; margin-left: .0cm; margin-right: .0cm;  line-height: 14pt; text-align: justify;  background-color: #FFFFFF; color: #000000;}
.p1 {font-family: verdana, arial, geneva, helvetica; font-size: 10pt; margin-top: .25cm; margin-left: .0cm; margin-right: .0cm; font-weight: 550; line-height: 14pt; text-align: left;  background-color: #FFFFFF; color: #000000;}
.p2 {font-family: verdana, arial, geneva, helvetica; font-size: 8pt; margin-top: .25cm; margin-left: .0cm; margin-right: .0cm;
 font-weight: 300; line-height: 12pt; text-align: left;  background-color: #FFFFFF; color: #000000;}
.p3 { font-family: verdana, arial, geneva, helvetica; font-size: 8pt; line-height: 10pt;}
.hblue {font-family: arial narrow, arial, geneva, helvetica; font-size: 12pt; margin-top: .25cm; margin-left: .0cm; margin-right: .2cm; font-weight: 600; line-height: 12pt; text-align: justify; color: #0000ff;}
.nojustify { font-family: arial, geneva, helvetica; font-size: 11pt;}
.bio { font-family: arial, geneva, helvetica; font-size: 11pt; text-align: justify;}
.ul {font-family: arial, geneva, helvetica; font-size: 10pt; font-weight: 550; line-height: 14pt;}
.ul1 {font-family: arial, geneva, helvetica; font-size: 8pt; font-weight: 550; line-height: 14pt;}
FONT {font-family: arial, geneva, helvetica; font-size: 11pt; font-weight: 550; line-height: 14pt;}
.img { font-family: arial, geneva, helvetica; font-size: 11pt; text-align: justify;}
.first {font-family: arial, geneva, helvetica; font-size: 11pt; font-weight: 550; line-height: 14pt; margin-left: .25cm; margin-right: .2cm; text-align: justify;}
.second { font-family: arial, geneva, helvetica; font-size: 12pt; font-weight: bold;}
.third { font-family: arial, geneva, helvetica; font-size: 12pt; font-weight: bold; color: #ffffff;}
.fourth {font-family: arial, geneva, helvetica; font-size: 11pt; font-weight: bold;}
.fifth { font-family: verdana, arial, geneva, helvetica; font-size: 10pt; font-weight: bold; margin-left: .0cm;}
.sixth { font-family: verdana, arial, geneva, helvetica; font-size: 8pt; line-height: 10pt;}
.seventh { font-family: arial, geneva, helvetica; font-size: 8pt; color: #000000; font-weight: bold;}
.eighth { font-family: arial, geneva, helvetica; font-size: 10pt; color: #000000;}
.blue { font-family: arial, geneva, helvetica; font-size: 12pt; font-weight: bold; color: #0000ff;}
.redlg { font-family: arial, geneva, helvetica; font-size: 12pt; font-weight: bold; color: #ff0000;}
.red { font-family: arial, geneva, helvetica; font-size: 11pt; font-weight: bold; color: #ff0000;}
.white {font-family: arial, geneva, helvetica; font-size: 11pt; font-weight: bold; color: #ffffff;}
.ninth {font-family: arial, geneva, helvetica; font-size: 9pt; text-align: justify; font-weight: 500;}
.menulgon {font-family: arial, geneva, helvetica; font-size: 12pt; color: #000000; text-align:}
.menulgoff {font-family: arial, geneva, helvetica; font-size: 12pt;  color: #848484; text-align:}
.menulson {font-family: arial, geneva, helvetica; font-size: 10pt; color: #000000; text-align:}
.menulsoff {font-family: arial, geneva, helvetica; font-size: 10pt;  color: #848484; text-align:}
.menusmon {font-family: arial, geneva, helvetica; font-size: 8pt; line-height: 10pt; color: #000000;}
.menusmoff {font-family: arial, geneva, helvetica; font-size: 8pt; line-height: 10pt; color: #585858;}
.h1 {font-family: arial narrow, arial, geneva, helvetica; font-size: 12pt; margin-top: .5cm; margin-left: .0cm; margin-right: .2cm; font-weight: 600; line-height: 3pt; color: #000000;}
H1 {font-family: arial narrow, arial, geneva, helvetica; font-size: 12pt; margin-top: .5cm; margin-left: .0cm; margin-right: .2cm; font-weight: 600; line-height: 3pt; color: #000000;}
H2 {font-family: arial narrow, arial, geneva, helvetica; font-size: 10pt; margin-top: .5cm; margin-left: .0cm; margin-right: .2cm; font-weight: 600; line-height: 1pt; color: #000000;}
H3 { font-family: arial, geneva, helvetica; font-size: 12pt;}
H4 { font-family: arial, geneva, helvetica; font-size: 10pt; color: #000000; background: #ffd700;}
H5 { font-family: arial, geneva, helvetica; font-size: 8pt; color: #ffffff;}
.yb { font-family: arial, geneva, helvetica; font-size: 9pt; color: #000000; background: #ffd700;}
.norm { font-family: arial, geneva, helvetica; font-size: 9pt; color: #000000; background: #ffffff;}
CENTER { font-family: arial, geneva, helvetica; font-size: 10pt; margin-left: .0cm; margin-right: .0cm; text-align: center;}
PRE { margin-left: .5cm; }
.nomarg {margin-left: .0cm;}
DIR {font-family: arial, geneva, helvetica; font-size: 10pt; font-weight: 550; line-height: 14pt; text-align: justify; margin-right: .2cm;}
SUP { font-family: modern, arial, geneva, helvetica;}
.small { font-family: modern, arial, geneva, helvetica; font-size: 5pt;}
UL {font-family: arial, geneva, helvetica; font-size: 10pt; font-weight: 550; line-height: 14pt; margin-right: .60cm;}
DL {font-family: arial, geneva, helvetica; font-size: 10pt; font-weight: 550; line-height: 14pt; margin-right: .60cm;}
div.share_this {
}
div.c1 {text-align: center}
div.share_this * {
	font-family: Helvetica, Arial, Monaco, Verdana, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #666666;
}
a.share_this_close {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	right: 8px;
	top: 8px;
	position: absolute;
}
div.share_this_popup {
	background: #ffffff;
	border: 2px solid #cccccc;
	padding: 2em;
	margin: auto;
}
div.share_this_row {
	width: 380px;
	margin-top: 8px;
}
a.share_this {
	padding: 0;
	padding-right: 5px;
}
a.share_this img {
	border: 0;
}



td{
    height: 100%;

}

     div.slideshow {
       background: #eeeeee; padding: .0px; width: 100%; height: 90%;

       text-align: center; position: relative;
     }

     div.slideshow a {
       display: block;
     # border: 2px solid #f00000;
       color: #ffffff;
     #  background-color: #ffffff;
       font: 50px bold, sans-serif;
       text-decoration: none;
      width: 50px; height: 50px;
       # border-radius: 5px;
       opacity: .75;
        position: absolute;
       visibility: hidden;
     }

     div.slideshow a.previous { top: 50%; left: 0px; }
     div.slideshow a.next { top: 50%; right: 0px; }
     div.slideshow:hover a { visibility: visible; }


#menubar
{
 width: 100%;
    padding: 0;
    text-align: justify;
}

#menubar li
	{
 text-align: left;
    display: inline-block;
    zoom: 1;
    *display: inline; /* IE only */
		/* float: left;
		list-style: none; */
		}
#menubar:after {
    content:"";
    width: 100%;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

	#menubar li a

	{	display: block;
		/*background: #c0c0c0; */
		padding: 5px 3px;
		text-decoration: none;
		border-right: 1px solid white;
		width: 100%;
  		/* color: #EAFFED; */
		white-space: nowrap}

	#menubar li a:hover

	{	font-weight:normal;
		background: #ffffff}

		#menubar li ul
		{
			padding: 1;
			background: #ffffff;
			position: absolute;
			visibility: hidden;
			border-top: 1px outset gray;
			border-left: 1px outset black;
			border-right: 1px outset black;
			border-bottom: 1px outset black;
			border-radius: 4px;
       			opacity: .90;
-webkit-box-shadow: 4px 4px 5px -2px rgba(128,126,126,1);
-moz-box-shadow: 4px 4px 5px -2px rgba(128,126,126,1);
box-shadow: 4px 4px 5px -2px rgba(128,126,126,1)}

			#menubar li ul li
			{	float: none;
				display: inline}

			#menubar li ul li a
			{	width: auto;
				background: #ffffff;
				 color: #24313C}

			#menubar li ul li a:hover
			{	background: #dcdcdc}


.photoholder {
width:100%;
height:100%;
position:relative;
}
.overlayLeft {
position:absolute;
width:50%;
height:100%;
background-image:url(clear.png);
background-repeat:repeat;
top: 0px;
left: 0px;
bottom: 0px;
}
.overlayRight {
position:inherit;
width:100%;
height:100%;
background-image:url(clear.png);
background-repeat:repeat;
top: 0px;
right: 0px;
left: auto;
bottom: 0px;
}


/* SIDEBAR */

.w3-sidebar {
    display:none;
    background: rgba(255, 255, 255, 0.6);
    background: -webkit-linear-gradient(left,rgba(238,238,238,1),rgba(238,238,238,0.25)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(238,238,238,1),rgba(238,238,238,0.25)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(238,238,238,1),rgba(238,238,238,0.25)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(238,238,238,1), rgba(238,238,238,0.25)); /*Standard*/

}

/*Side Bar Accordion */
button.accordion {

    background: rgba(255, 255, 255, 0.0);
  /* color: #444; */
    cursor: pointer;
   /* padding: 18px; */
   padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;

}

button.accordion.active, button.accordion:hover {
    background: -webkit-linear-gradient(left,rgba(238,238,238,1),rgba(238,238,238,0.25)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(238,238,238,1),rgba(238,238,238,0.25)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(238,238,238,1),rgba(238,238,238,0.25)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(238,238,238,1), rgba(238,238,238,0.25)); /*Standard*/
   /* background-color: #ddd; */
}

div.panel {
    padding: 0 5px;
    background: rgba(255, 255, 255, 0.0);
    /*background-color: white; */
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}


.sp-button:{
  background: -webkit-linear-gradient(left,rgba(238,238,238,1),rgba(238,238,238,0.25)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(238,238,238,1),rgba(238,238,238,0.25)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(238,238,238,1),rgba(238,238,238,0.25)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(238,238,238,1), rgba(238,238,238,0.25)); /*Standard*/
}

.sp-button
{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}

.sp-btn,.sp-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.sp-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.sp-btn,.sp-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.sp-disabled,.sp-btn:disabled,.sp-button:disabled{cursor:not-allowed;opacity:0.3}.sp-disabled *,:disabled *{pointer-events:none}
.sp-btn.sp-disabled:hover,.sp-btn:disabled:hover{box-shadow:none}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}


.sp-white

{
    background: rgba(255, 255, 255, 0.9);
    background: -webkit-linear-gradient(left,rgba(238,238,238,1),rgba(238,238,238,0.5)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(238,238,238,1),rgba(238,238,238,0.5)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(238,238,238,1),rgba(238,238,238,0.5)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(238,238,238,1), rgba(238,238,238,0.5)); /*Standard*/
}

.zoom {
 padding: 50px;
 background-color: green;
 transition: transform .2s; /* Animation */
 width: 200px;
 height: 200px;
 margin: 0 auto;
}

.zoom:hover {
 transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
/*border: 1px dashed gray;*/
border: 1px;
visibility: hidden;
color: black;
text-decoration: none;
font-family: verdana, arial, geneva, helvetica; font-size: 8pt; font-weight: 300;
}

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top:0;
left: -400px; /*position where enlarged image should offset horizontally */

}