﻿

body { margin:0px; padding:0px; font-family:Arial; width:100%; height:auto; font-size:14px; color:#666; background: linear-gradient(to bottom, #BED4E5, #9BC9EC, #2197F2); }
h1 { font-size:30px; color:#1F2B34; text-shadow:#ccc 2px 2px; padding:0 0 0.5% 0; border-bottom:#1F2B34 3px solid; margin:2% 0 0 0; }
h3 { color:#375FB0; }
p { text-align:justify;font-size:17px; }

.clear { clear:both; }

header { width:80%; margin:1% auto 0; height:auto; background:#fff !important; overflow:hidden; box-shadow:inset #ccc 0 0 10px 0; }

.logo { height:auto; width:18%; background:none; float:left; margin:1% 0 1% 4%; text-align:left; }
/*background:url(../images/bg_headerright.png) no-repeat right;*/
.headerright { float:left; height:auto; width:76%; margin:2% 0% 0 0; text-align:left; background-size:25% 100%; }
.headerright h4 { font-size:28px; color:#245D79; font-weight:bold; text-shadow:#ccc 2px 2px 2px; border:none; font-family:Arial; }
.headerright h4:first-letter { font-size:40px; }

.headerright span a { float:right; margin:1% 2% 0 0; }

nav { height:auto; width:100%; background: linear-gradient(to bottom, #2A2A27, #3A3936, #4A4947); overflow:hidden; float:left; margin:0% 0 0% 0; }
nav ul { list-style:none; width:100%; margin:0 0 0 10%; }
nav li { float:left; background:none; padding:1.5% 2%; margin:0 0 0 1%; text-align:center; }
nav li a { text-decoration:none; font-weight:bold; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
nav li:hover { background: linear-gradient(to bottom, #6A6965, #535351); background-size:100% 100%; }
#selected { background: linear-gradient(to bottom, #6A6965, #535351); background-size:100% 100%; }

.con { width:78%; margin:0% auto 2%; height:auto; background:#fff; padding:1% 1% 2% 1%; box-shadow:inset #ccc 0 0 10px 0; }
.con p { text-align:justify; width:100%; font-size:12px;}
.con table { width:60%; margin:1% 0 1% 2%; }
.con td { padding:2px 0; }
.con input { padding:10px 20px; border:#ccc thin solid; }
.con ul { list-style:url(../images/iconlist.png) outside; }
.con ul li{font-size:12px;}
#search { border:none; }

footer { width:100%; height:50px; background:linear-gradient(to bottom, #4A4947, #2A2A27); margin:13% 0 0 0; }

.footerleft { float:left; }
.footerleft ul { list-style:none; margin:10% 0 0 0; }
.footerleft ul li a { text-decoration:none; color:#fff; }

.footerright { float:right; padding:1.5% 3% 0 0; color:#fff; font-size:14px; }
.footerright a { text-decoration:none; color:#fff; font-size:14px; }
.footerright a:hover { text-decoration:underline; font-size:14px; }

.watermarkhome{
 background:url(../images/watermarkhome.png) center center no-repeat;
  opacity: 0.2;
  position: absolute;
  width: 72%;
  height: 38%;
  /*background-repeat: repeat*/
 }
 .watermarkfaq{
 background:url(../images/watermarkfaq.png) center center no-repeat;
  opacity: 0.2;
  position: absolute;
  width: 72%;
  height: 100%;
  /*background-repeat: repeat*/
 }
 .watermarksearch{
 background:url(../images/watermarksearch.png) center center no-repeat;
  opacity: 0.2;
  position: absolute;
  width: 72%;
  height: 72%;
  /*background-repeat: repeat*/
 }
 
 .watermarkvalidcert{
 background:url(../images/watermarkcert.png) center center no-repeat;
  opacity: 0.2;
  position: absolute;
  width: 72%;
  height: 92%;
  /*background-repeat: repeat*/
 }
 
 .watermarkcontact{
 background:url(../images/watermarkfaq.png) center center no-repeat;
  opacity: 0.2;
  position: absolute;
  width: 72%;
  height: 150%;
  /*background-repeat: repeat*/
 }
 
 .watermarkdlink{
 background:url(../images/watermarklink.png) center center no-repeat;
  opacity: 0.2;
  position: absolute;
  width: 72%;
  height: 260%;
  /*background-repeat: repeat*/
 }