BODY {

	background-color : #9c7a5e;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left : 1px;
	margin-right : 1px;
	margin-top: 1px;
	}
	
	BODY.a {
	background-color : #ffffff;
	
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left : 1px;
	margin-right : 1px;
	margin-top: 1px;
	}

A:LINK, A:VISITED {
	color : Black;
	text-decoration : underline;
}

A:HOVER {
	color : #bbbbbb;
	text-decoration : underline;
}

H1 {
	color : #990000;
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 200%;
	margin-bottom : -1em;
	margin-left : -5%;
}

H2 {
	color : #990000;
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 160%;
	margin-left : -5%;
	margin-top : 2.7em;
}

H3 {
	color : #990000;
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 140%;
	margin-left : -5%;
	margin-top : 2em;
}

H4 {
	color : #990000;
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 115%;
	margin-left : -5%;
	margin-top : 1.5em;
}

H5 {
	color : #990000;
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size : 100%;
	font-weight : 900;
	margin-top : 1.5em;
}

H6 {
	color : #000000;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 100%;
	font-style : italic;
	font-weight : 800;
	margin-bottom : -0.8em;
}

BLOCKQUOTE {
	margin-left : 0;
}

CAPTION {
	font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight : 800;
}

TH {
	background-color : #999999;
	padding-left: 2px;
	padding-right: 2px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

TD {
	background-color : White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1vw;
	padding-left: 2px;
	padding-bottom: 1px;
	padding-right: 2px;
	padding-top: 1px;
}
td.menu {
	background-color: #A2C2E1;
}


td.admin {
	background-color: #e4e4e4;
}
td.bigger {
	font-size: 18px;
}
td.s {
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
}
textarea.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}


td.g {
	background-color : #eeeeee;
}

td.m {
	background-color : #DADADA;
}
img.perfectCentre {
  position:absolute;
  top:50%;
  left:50%;
  width:300px;
  height:300px;
  margin-top:-150px; /* half the height */
  margin-left:-150px; /* half the width */
}


.perfectCentre {
  position:absolute;
  top:50%;
  left:50%;
  width:300px;
  height:300px;
  margin-top:-150px; /* half the height */
  margin-left:-150px; /* half the width */
}


  .submenu2 {
    -webkit-transition:rotate(-90deg) 25s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
	width: 300px;
  }
  .submenu2{
      -webkit-transform: rotate(-90deg);
    -moz-transform:rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
	width: 300px;
  }

  @-webkit-keyframes spinner {
    from { -webkit-transform: rotate(0deg);    }
    to   { -webkit-transform: rotate(-90deg); }
  }

  #spinner {
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 1.3s;
    -webkit-transform-style: preserve-3d ease-in-out;
	-webkit-animation-fill-mode: forwards;
  }
  #spinner:hover {
    -webkit-animation-play-state: paused;
  }

  
  
  

@-webkit-keyframes mb {
  from   { opacity: 0; }
  to { opacity: 1; }

  #mb {
    -webkit-animation-name: mb;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 8s;
    -webkit-transform-style: preserve-3d;
	-webkit-animation-fill-mode: forwards;
  }

  /* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
    opacity:0;  /* make things invisible upon start */
    -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;
 
    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
 
    -webkit-animation-duration:4s;
    -moz-animation-duration:4s;
    animation-duration:4s;
}
 
  
    .zee:hover {
   -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 3s;
    -webkit-transform-style: preserve-3d ease-in-out;
	-webkit-animation-fill-mode: forwards;
  }
input, textarea, select{font-family:inherit;
font-size: 1.2vw;
}
input.big{font-size:18px;}

select.big {font-size:18px;}

input.big[type=text]
 {
font-size:18px;
}


.btn-style{
	border : solid 0px #fafafa;
	border-radius : 3px;
	moz-border-radius : 3px;
	-webkit-box-shadow : 0px 0px 5px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 5px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 5px rgba(0,0,0,1.0);
	font-size : 20px;
	color : #fdfffa;
	padding : 1px 10px;
	background : #053494;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#053494), color-stop(100%,#1f1f1f));
	background : -moz-linear-gradient(top, #053494 0%, #1f1f1f 100%);
	background : -webkit-linear-gradient(top, #053494 0%, #1f1f1f 100%);
	background : -o-linear-gradient(top, #053494 0%, #1f1f1f 100%);
	background : -ms-linear-gradient(top, #053494 0%, #1f1f1f 100%);
	background : linear-gradient(top, #053494 0%, #1f1f1f 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#053494', endColorstr='#1f1f1f',GradientType=0 );

}