@media screen and (-webkit-min-device-pixel-ratio:0) {}

body{

color: #333333;
text-decoration: none;
font: bold 14px verdana;
overflow-x: hidden;
}

a:link {text-decoration:none; color:#000077; font: 11px verdana;}
a:visited {text-decoration:none; color:#000077; font: 11px verdana;}
a:hover {text-decoration:none; color:#000077; font: 11px verdana;}
a:active {text-decoration:none; color:#000077; font: 11px verdana;}

h4{
position:absolute;
top:470px;
left:8%;
color: #cccccc;
text-shadow: 1px 1px 2px #000;
font: bold 16px kalinga;
}
h5{
text-align:center;
color:#ffffff;
font:bold 14px kalinga;
}
a img {border:1px solid;}


.logo{
position:relative;
top:3%;
left:16%
}

.navbar{
position:absolute;
top:3%;
left:40%;
}

.nav
{
	margin: 0;
	padding: 0;
	}
	
.nav li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 14px verdana}
	
.nav li a
{	display: block;
	margin: 0 50px 0 0;
	padding: 4px 10px;
	width: auto;
	
	
	color: #000066;
	font: bold 14px verdana;
	text-align: center;
	text-decoration: none}

.nav li a:hover
{
}

.mainfr{
position: relative;
top: 20px;
left:20%;
}
.welcome{
position:absolute;
color:#000077;
}
 .galcont{
 position:relative;
 top:20px;
 left:30%;
 height:450px;
 width:50%;
 float:left;
 
 }
 .galcont a{
    float: left;
    width: 87px;
    height: 87px;
    position: relative;
	font: bold 11px kalinga;
	text-align:center;
    border: 3px solid #cca352;
	margin: 20px 30px 20px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
 }
.gallery {
  position: relative;
  top:0px;
  left:0%;
  height: 420px;
  width: 920px;
  border-style:solid;
  border-width: 0px;
  overflow:hidden;
}

.target:target {
  left: 8%;
}

.target {
  position: absolute;
  top: 70px;
  left: -646px;
  height: 570px;
  width: 400px;
  -webkit-transition: 1s;
     -moz-transition: 1s;
      -ms-transition: 1s;
       -o-transition: 1s;
          transition: 1s;
}
.sddm
{	position: absolute;
	top: 450px;
	left:30%;
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 4px;
	width: auto;
	list-style: none;
	float: left;
	font: bold 11px arial;
	z-index: 3}

.sddm li
{	
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 0px;
	float: left;
	font: bold 11px arial}

.sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: auto;
	
	background: #003366;
	color: #FFF;
	text-align: center;
	text-decoration: none}

.sddm li a:hover
{	background: #003366}

.sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0px;
	background: #003366;
	border: 0px solid #5970B2}

	.sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #003366;
		color: #2875DE;
		font: 12px arial}

	.sddm div a:hover
	{	background: #003366;
		color: #FFF}

	.eform{
	position: absolute;
	top: 50px;
	left: 26%;
	color:#dadada;
	}
.ehead{
position:absolute;
top:20px;
left:25%;
color:#ccff99;
text-shadow: 1px 1px 2px #000;
font: 14px verdana;
}
.heading{
position:absolute;
top:3%;
left:20%;
width: 65%;
color:#ccff99;
text-shadow: 1px 1px 2px #000;
font: 16px verdana;
}
.vents{
position:absolute;
top:20%;
left:20%;
color:#ffffff;
text-shadow: 1px 1px 2px #000;
font: bold 14px verdana;
}
.vpic{
float:right;
}
.vbio{
position:absolute;
top:25%;
left:20%;
height:30%;
width:65%;
color:#ffffff;
text-shadow: 1px 1px 2px #000;
font: 16px kalinga;
}