@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/* CSS Document */
body{
	width:100%;
	margin: 0 auto !important;
	float: none !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height: 28px;
	font-weight: bold;
}
	
h1, h2, h3, h4, h5, h6 {  margin: 0 0 0 0;}
h1 {font-size: 1.2em; color: #343434; font-family: 'Open Sans', sans-serif; padding:  18px 0 0 4px; letter-spacing: 0.01em;}
h2 {font-size: 1.2em; color: #343434; font-family: 'Open Sans', sans-serif; padding:  18px 0 0 4px; letter-spacing: 0.01em;}
.date {font-size: 1.1em; color: #fff; font-family: Arial, Helvetica, sans-serif; padding:  4px 0 4px 4px; letter-spacing: 0.01em; font-weight: lighter;
	font-style: italic; }

h2.banner{font-size: 1.4em; color: #fff; font-family: Arial, Helvetica, sans-serif; padding:  18px 0 24px 4px; font-weight: normal; text-shadow: 0px 1px 0px #000000;}
.abutton { display: inline-block; background-color: red; color: #FFFFFF; text-align: center; font-weight:bold;
  padding: 10px; width: 180px; transition: all 0.5s; cursor: pointer; margin: 5px; border:1px solid white; border-radius: 2px;}
.abutton span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s;}
.abutton span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s;color: #FFFFFF;}
.abutton:hover span { padding-right: 25px; color: #FFFFFF;}
.abutton:hover span:after { opacity: 1; right: 0;color: #FFFFFF;}

a:link { color: #1B80B7; text-decoration: none;}
a:visited { color: #1B80B7;}
a:hover { color: #1B80B7; text-decoration: underline;}
a:active { color: #1B80B7;}



.guide:link, guide:link, guide:visited {  background-color: #4CAF50; /* Green */  border: 1px solid green; color: #fff; padding: 16px 20px; text-align: center;
  text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; border-radius: 12px;}

#wrap {width:100%; max-width: 1360px; display: block; margin: 0px auto 0px auto; border-top: 4px solid #1B80B7; }


#top-left {float:left; width:73%; display: block; margin: 0px auto 0px auto; padding-top: 5px;;}
#top-right {float:left;width:27%; display: block; margin: 0px auto 0px auto; padding-top: 5px; }

#nav {float:left; width:100%; display: block; margin: 0px auto 0px auto;}
#slider {float:left; width:100%; display: block; margin: 0px auto 0px auto; background-color: white;}

#content {float:left; width:100%; display: block; margin: 0px auto 0px auto; background-color: white; padding: 0 8px;}
#content-left-mid {float:left; width:934px; display: block; margin: 0px auto 0px auto; padding: 4px 36px 4px 12px; height: auto;}
#content-left {float:left; width:600px; display: block; margin: 0px auto 0px auto; padding: 4px 36px 4px 12px; height: auto;}
#content-mid {float:left;width:343px; display: block; margin: 0px auto 0px auto; padding: 48px 8px 0 2px;}
#content-right {float:left;width:343px; display: block; margin: 0px auto 0px auto; padding: 4px;}
#content-inner {float:left; width:100%; display: block; margin: 0px auto 0px auto; min-height:360px; padding:4px 8px;}
#content-finner {width:70%; display: block; margin: 0px auto 0px auto; min-height:360px; padding:4px 8px;}

#footer {float:left; width:100%; display: block; margin: 0px auto 0px auto; padding-top: 0px; font-size:13px;}
.copy {font-size:11px;}
#photo {float:left; width:100%; display: block; padding-top: 28px; font-size:13px; background-color:#33FFFF;}

img { max-width: 100%; height: auto;}
img.message {max-width: 180px; padding: 2px; border: 1px solid #000; margin-right: 22px;}
img.gal {min-width: 160px; padding: 2px; border: 1px solid #000; margin-right: 22px; margin-top: 22px;}
img.carousel {float: left; max-width: 160px; padding: 2px; border: 1px solid #000; margin-right: 22px;}

img.round {min-width: 170px; height: 200px; border-radius: 90px / 100px; border: 1px solid #7E7E7E;}
img.round2 {min-width: 150px; height: 180px; border-radius: 90px / 100px; border: 1px solid #7E7E7E;}
	  
.photo-contain1 { max-width:200px; margin:0 auto; text-align:center; display:block; background-color:#FF0099;}
.photo-contain { max-width:660px; margin:0 auto; text-align:center; display:block; background-color:#FF0099;}

.photo-category {
   position:relative;
   display: inline-block;
   float:left;
   padding:10px;
}

hr{ border-top: 1px solid #ececec; height:0px;}
hr.dot { border-top: 1px dotted #585757;}
.cap {
	font-size: 1.04em;
	font-weight: bold; color:#000000;
}
.name {
	font-size: 16px;
	font-weight: bold; color:#4E4E4E;
}
.designation {
	font-size: 16px; color:#4E4E4E;
}


@-webkit-keyframes blinker {  from {opacity: 1.0;}  to {opacity: 0.0;}}
.blink{	text-decoration: blink;	-webkit-animation-name: blinker;	-webkit-animation-duration: 0.6s;
	-webkit-animation-iteration-count:infinite;	-webkit-animation-timing-function:ease-in-out;	-webkit-animation-direction: alternate; }

@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 999px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 999px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 999px), only screen and (min-device-pixel-ratio: 2) and (max-width: 999px), only screen and (min-resolution: 192dpi) and (max-width: 999px), only screen and (min-resolution: 2dppx) and (max-width: 999px) {
#wrap {margin-top: 0px;}
#top {display:none;}
#content-left {width:98%; display: block; padding: 4px 0 4px 4px;} 
#content-left-mid {width:98%; display: block; padding: 4px 0 4px 4px;}

#content-mid {width:98%; padding: 4px;}
#content-right {width:98%; display: block; margin: 0px auto 0px auto; padding: 4px 0 4px 4px;}
#top-left {width:99%; height: auto;}
#top-right {display:none; }
.photo-contain { max-width:290px;}
img.round {width: 60%; height: 20%;}
#content-finner {width:96%;}