body {
				font-family: 'Open Sans', sans-serif;
				
				font-size:80%;
				
				
				
				background-size:     cover;                    
				background-repeat:   no-repeat;
				background-position: center center; 
			}
#header {
				font-family: 'Open Sans', sans-serif;
				background-color:rgb(0,204,204);
				padding-bottom:-2%;
				margin-left:-10px;
				margin-right:-10px;
				margin-top:-10px;
				height:65px;
			}
			.submitdc {
			border-radius:5px;
			width:200px;
			height:50px;
			font-size:125%;
			border:1px;
			background-color:black;
			font-family: 'Open Sans', sans-serif;
			color:white;
			padding:5px;

			margin:10px;
			margin-top:25px;
			cursor:pointer;
			}

			.submitdc1 {
			border-radius:5px;
			width:150px;
			height:35px;
			font-size:100%;
			border:1px;
			background-color:black;
			font-family: 'Open Sans', sans-serif;
			color:white;
			padding:5px;

			margin:10px;
			margin-top:25px;
			cursor:pointer;
			}

			#bodymain {
				
				width:80%;
				
	
				
				margin-left:10%;
				height:1000px;
				font-family: 'Open Sans', sans-serif;
				font-size:120%;
				
			}
				
			.thanksmsg {
				color:blue;
			}
			.errormsg {
				color:red;
			}
			
			#flb {
			width:15%;
			margin-left:4%;
			
			
			float:left;
		
			}
			#fmbl {
			width:25%;
			float:left;
			margin-left:4%;
			
			
			}
			#fmbr {
			width:25%;
			float:left;
			margin-left:4%;
		
			
			}
			#frb {
			width:15%;
			float:left;
			
			margin-left:4%;
			
			}
			#substext {
				margin-top:10px;
				padding-left:5%;
				padding-right:5%;
				font-family: 'Open Sans', sans-serif;
				font-size:120%;
				
			}
			.bodytext1 {
				
				font-size:300%;
				color:yellow;
			}
			
			.bodytext2 {
				
				font-size:150%;
				
				background:white;
				
			}
			}
			#bodysidebar {
				width:26%;
				height:2000px;
				
				float:right;
				
				
				font-family: 'Open Sans', sans-serif;
				font-size: 150%;
				
			}
			
			#formsubs {
				border: 1px solid #f2f2f2;
				width:40%;
				padding:10px;
				margin-left:30%;
				
			}
			
			.subsconfheader {
			border-radius:5px;
			height:25px;
			background-color:#09C;
			border:1px;
			
			font-family: 'Open Sans', sans-serif;
			color:white;
			padding:5px;
			cursor:hand;
			margin:10px;
			font-size:110%;
			text-align:center;

			}
			
			#content {
			padding-right: 5%;
			font-family: 'Open Sans', sans-serif;
			width: 70%;
			line-height:200%;
			text-align:justify;
			
			}
			
						
			table a:link {
			color: #666;
			font-weight: bold;
			text-decoration:none;
			}
			table a:visited {
				color: #999999;
				font-weight:bold;
				text-decoration:none;
			}
			table a:active,
			table a:hover {
				color: #bd5a35;
				text-decoration:underline;
			}
			table {
				font-family: 'Open Sans', sans-serif;
				color:#666;
				font-size:12px;
				text-shadow: 1px 1px 0px #fff;
				background:#eaebec;
				
				border:#ccc 1px solid;

				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				border-radius:3px;

				-moz-box-shadow: 0 1px 2px #d1d1d1;
				-webkit-box-shadow: 0 1px 2px #d1d1d1;
				box-shadow: 0 1px 2px #d1d1d1;
				
				table-layout: fixed;
			}
			table th {
				padding:5px 5px 5px 5px;
				border-top:1px solid #fafafa;
				border-bottom:1px solid #e0e0e0;

				background: #ededed;
				background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
				background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
				overflow: hidden;
			}
			table th:first-child {
				text-align: left;
				padding-left:20px;
			}
			table tr:first-child th:first-child {
				-moz-border-radius-topleft:3px;
				-webkit-border-top-left-radius:3px;
				border-top-left-radius:3px;
			}
			table tr:first-child th:last-child {
				-moz-border-radius-topright:3px;
				-webkit-border-top-right-radius:3px;
				border-top-right-radius:3px;
			}
			table tr {
				text-align: left;
				padding-left:20px;
				overflow: hidden;
			}
			table td:first-child {
				text-align: left;
				padding-left:20px;
				border-left: 0;
			}
			table td {
				padding:5px;
				border-top: 1px solid #ffffff;
				border-bottom:1px solid #e0e0e0;
				border-left: 1px solid #e0e0e0;

				background: #fafafa;
				background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
				background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
			}
			table tr.even td {
				background: #f6f6f6;
				background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
				background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
			}
			table tr:last-child td {
				border-bottom:0;
			}
			table tr:last-child td:first-child {
				-moz-border-radius-bottomleft:3px;
				-webkit-border-bottom-left-radius:3px;
				border-bottom-left-radius:3px;
			}
			table tr:last-child td:last-child {
				-moz-border-radius-bottomright:3px;
				-webkit-border-bottom-right-radius:3px;
				border-bottom-right-radius:3px;
			}
			table tr:hover td {
				background: #f2f2f2;
				background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
				background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
			}
			
			
			
			#formquery{
				
				height:30px;
				width:46%;
				padding:5px;
				background-color:#fffff;
				border:1px solid #dbdbdb;
				padding:5px;
				font-family: 'Open Sans', sans-serif;
				font-size:100%;
				border-radius: 5px;
				color:grey;
				
			}
			
			#formquery2{
				
				height:20px;
				width:90%;
				padding:5px;
				background-color:#fffff;
				border:1px solid #dbdbdb;
				padding:5px;
				font-family: 'Open Sans', sans-serif;
				font-size:70%;
				border-radius: 5px;
				color:grey;
				
			}
			
			#formquery1{
				font-family: 'Open Sans', sans-serif;
				width:98%;
				color:grey;
				height:100px;
				font-size:100%;
				border-radius: 5px;
				padding:5px;
				background-color:#fffff;
				border:1px solid #dbdbdb;
				padding:5px;
				
			}
			
			.submit1 {
			border-radius:5px;
			width:200px;
			height:25px;
			background-image:url('images/submit1-bg.JPG');
			border:1px;
			
			font-family: 'Open Sans', sans-serif;
			color:white;
			padding:5px;
			cursor:hand;
			margin:10px;
			margin-top:25px;
			}
			
			.submit2 {
			border-radius:5px;
			width:70%;
			height:25px;
			background-color:silver;
			border:1px;
			
			font-family: 'Open Sans', sans-serif;
			color:white;
			padding:5px;
			cursor:hand;
			margin:10px;
			}
			
			 {
			text-decoration:none;
			color:black;
			line-height:200%;
			}

			 {
			color:yellow;
			
			}
			
.navbar {
			background-color: rgb(0,223,218);
			font-family: 'Open Sans', sans-serif;
			font-size:100%;
			padding:5px 5px 5px 5px;
			text-align:center;
			text-decoration:centre;
		
				
			}
			
			.logo {
			padding:5px 5px 1px 30px;	
			}
			
			#login {
				float:right;
			}
			
			.formlogin {
				width:100px;
				height:10px;
				font-size:12px;
				padding:5px;
				background-color:#fffff;
				border:1px solid #dbdbdb;
				padding:5px;
			}	
			
			.queryheader {
				font-size:80%;
				margin-top:25px;
				margin-bottom:25px;
			
			}
			#loginform {
					  
		  padding:10px;
		  font-family: 'Open Sans', sans-serif;
		  font-size: 14px;
		  
		  line-height: 24px;
		  
		  
		  text-decoration: none;
		  border-radius: 10px;
		  
		  border: 1px solid #999;
		  border: inset 1px solid #333;
		  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
			
			}
			
			
			
			
		.loginbutton {
		  width: 100px;
		  margin-top:15px;
		  background: #09C;
		  color: #fff;
		  font-family: Tahoma, Geneva, sans-serif;
		  height: 30px;
		  border-radius: 15px;
		  border: 1p solid #999;
		}
		
		#logincentre {
			width:100%;
			margin-bottom:100px;	
			height:450px;
			}
			
		#leftbox {
		width:65%;
		float:left;
		
		
		margin-top:2%;
		margin-bottom:2%;
		font-size:1.05vw;
		
		
		}
		#rightbox {
		width:25%;
		float:left;
		margin-top:2%;
		margin-left:5%;
		height:500px;
		background-color:#F0F4FA;
		box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		padding:15px;
		
		
		
		}
		
		.excel {
			color:blue;
		}
		
		#subsheader {
			border-radius:5px;
			height:50px;
			background-color:#09C;
			border:1px;
			
			font-family: 'Open Sans', sans-serif;
			color:white;
			padding:5px;
			cursor:hand;
			margin:10px;
			font-size:110%;
			text-align:center;

		}
		
		#subsdetails {
			height:250px;
			line-height:150%;
			font-size:80%;
			margin-bottom:10px;
			
		}
		
		#subsprice {
			border-radius:5px;
			height:25px;
			background-color:#09C;
			border:1px;
			position:relative;
			font-family: 'Open Sans', sans-serif;
			color:white;
			padding:5px;
			cursor:hand;
			margin:10px;
			font-size:110%;
			text-align:center;

		}
		
		
		
		.input1 {
		  width:90%;
		  display: block;
		  border: 1px solid #999;
		  
		  height: 25px;
		  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		}
		.loginbutton1 {
		  width: 50px;
		  margin-top:15px;
		  background: #09C;
		  color: #fff;
		  font-family: Tahoma, Geneva, sans-serif;
		  height: 25px;
		  border-radius: 5px;
		  border: 1p solid #999;
		}
		#headerright {
				float:right;
				width:30%;
				height:50px;
				
				text-align:right;
			}
			#midbanner {
		float:right;
		font-family: 'Open Sans', sans-serif;
		
		
		margin-top:-10px;
		width:40%;
		
		height:50px;
		
		}
		ul {
			list-style-image: url("http://localhost/tick-small.png");
			line-height:150%;
			font-size:90%;
			
		}
		
		.errormsg {
			font-size:70%;
			color:red;
		}
		
		a {
			text-decoration:none;
			color:black;
			line-height:200%;
			}

			a:hover {
			color:yellow;
			}
		
		.input2 {
		  width:90%;
		  display: block;
		  border-style: none;
		  
		  height: 25px;
		  
		}
		.input3 {
		  border: 1px solid #999;
		  width:90%;
		  height: 100px;
		  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
		}
		.subsheader {
		text-align:center;
		font-size:100%;
		}
		#hleftbox {
			width:25%;
			
			margin-left:1%;
			float:left;
			
		}
		
		#hmidbox {
			width:31%;
			
			margin-left:10%;
			float:left;
		}
		

		.htext {
			font-size:150%;
			
			text-align:right;
		}
		#hbar {
			
			background-color:black;
			clear:both;
			
		}
		#block {
			background-color:#FFF9EF;
			width:100%;
			height:150px;
		}
		#pic {
			
			width:18%;
			float:left;
			height:100px;
		}
		#info {
			
			width:82%;
			float:left;
			height:100px;
		}
		#infohdr {
			
			width:100%;
			padding:5px;
			font-family: 'Open Sans', sans-serif;
			font-size:1.5vw;
			height:30px;
		}
		
		#infodtl {
			
			width:100%;
			padding:5px;
			font-family: 'Open Sans', sans-serif;
			
			
		}
				#hleftbox {
			width:25%;
			
			margin-left:1%;
			float:left;
			
		}
		
		#hmidbox {
			width:21%;
			
			margin-left:10%;
			float:left;
		}
		
		#hrightbox {
			width:50%;
			color:white;
			margin-left:5%;
			margin-right:2%;
			float:right;
			text-align:right;
			padding:10px;
			font-size:1.1vw;
		}
					a {
			text-decoration:none;
			color:grey;
			
			}
			
			.links {
			color:white;	
			}
			
			.links:hover{
			color:black;
			background-color:white;
			border-radius:2px;
			}

			a:hover {
			color:black;
			
			}
			
					#footer {
				
				
				padding:1%;
				height:210px;
				background-color:rgb(0,204,204);
				margin-left:-10px;
				margin-right:-10px;
				margin-bottom:-20px;
				color:white;
				
			}	
			
		#footer1 {
			
			width:100%;
			height:120px;
			
			
		}
		
		#footer1l{
			width:50%;
			height:120px;
			font-size:2vw;
			float:left;
			padding:10px;
		
		}
		#footer1r{
			width:45%;
			height:120px;
			font-size:1.5vw;
			float:left;
			padding:10px;
			margin-left:1%;
			float:right;
			text-align:right;
		}
		
		#footer2 {
			
			width:100%;
			height:65px;
			
			
		}
		
		#footer2l{
			width:55%;
			height:65px;
			
			float:left;
			
			
		}
		#footer2r{
			width:40%;
			height:65px;
			
			float:right;
			
			margin-left:1%;
		}
		#footer2rl {
			width:25%;
			height:60px;
			
			float:left;
			
			
		}
		#footer2rr {
			width:55%;
			height:60px;
			text-align:left;
			float:right;
			
			margin-left:5%;
		}
		.sample{
			font-size:1.3vw;
			
			
		}
		.sample:link, .sample:visited {
		  background-color: white;
		  color: grey;
		  padding: 14px 25px;
		  text-align: center;
		  text-decoration: none;
		  display: inline-block;
		}

		.sample:hover, .sample:active {
		  background-color: grey;
		  color:white;
		}
		
		.inquiry{
			font-size:1.4vw;
			
			
		}
		.inquiry:link, .inquiry:visited {
		  background-color: black;
		  color: white;
		  padding: 14px 25px;
		  text-align: center;
		  text-decoration: none;
		  display: inline-block;
		}

		.inquiry:hover, .inquiry:active {
		  background-color: grey;
		  color:white;
		}
		
		.datasubmit{
			font-size:1vw;
			
			
		}
		.datasubmit:link, .datasubmit:visited {
		  background-color: black;
		  color: white;
		  padding: 8px 25px;
		  text-align: center;
		  text-decoration: none;
		  display: inline-block;
		  margin-top:5px;
		}

		.datasubmit:hover, .datasubmit:active {
		  background-color: grey;
		  color:white;
		}
		
		.submitquery {
			border-radius:5px;
			width:150px;
			height:35px;
			font-size:125%;
			border:1px;
			background-color:#55c2da;
			font-family: 'Open Sans', sans-serif;
			color:white;
			padding:5px;

			margin-top:15px;
			cursor:pointer;
		}