@media screen and (min-width: 1em) {


	/* Basic Information */

	html {padding: 0;	margin: 0;}
	body {
		background-color: #FFF;
		color: #151520;
		font-family: "Century Gothic", Futura, "URW Gothic L", 'Segoe UI Light', Monaco, Corbel, Tahoma, sans-serif;
		text-align: center;
		padding: 0;
		margin: auto;}
	.mandblist{
		width: 90%;
		margin: auto;
	}
	/* Table Styling */
	#dbtable{
		color: #151520;
		margin: 1.5em auto 3em auto;
		text-align: center;
		padding:0;
			}
			
		.etclist{
		width: 50%;
		margin: auto;
	}
	/* Table Rows colors */			
	tr.iro1 td{background: #DDD;}
	tr.iro2 td{background: #FFF;}
	.ser tr.iro1 td{background: #DDD;}
	.ser tr.iro2 td{background: #FFF;}
			
	/* Table Colorings */			

	tr.thead th, tfoot{	background: #84CAFF;}
	tr.iro1:hover td,tr.iro2:hover td{background: #CEEAF7;color: #23223E;}
	.ser tr.thead th, .ser tfoot{background: #5BCDF7;}
	.vols tr.thead th, .vols tfoot{background: #EF6CEB;}
	.mss tr.thead th, .mss tfoot{background: #F5B84E;}
	.etcs tr.thead th, .etcs tfoot{background: #89E570;}

	.ser tr.iro1:hover td, .ser tr.iro2:hover td, .sercat{background: #C6EAF7;}			
	.vols tr.iro1:hover td, .vols tr.iro2:hover td{background: #FAC8F9;}			
	.mss tr.iro1:hover td, .mss tr.iro2:hover td{background: #FCE69A;}			
	.etcs tr.iro1:hover td, .etcs tr.iro2:hover td{background: #DDFAD4;}			
	td a:link, td a, td a:active, td a:visited, td a:hover{
		text-decoration: none;
		color: #32324E;
		font-weight: bold;
	}
	td.tdblank a:link, td.tdblank a, td.tdblank a:active, td.tdblank a:visited, td.tdblank a:hover{
		color: #151520;
		text-decoration: none;
		font-size: 90%;
		font-weight: normal;
	}

	th a:link, th a, th a:active, th a:visited, th a:hover{
		color: #151520;
		text-decoration: none;
		padding: 2em;
	}
	th {padding: 1em 0;}
	
	.ser tr.thead th:hover{
		color: #383553;
		background-color: #9DE1FA;
	}

	.vols tr.thead th:hover{
		color: #383553;
		background-color: #FAAFF9;
	}

	.mss tr.thead th:hover{
		color: #383553;
		background-color: #FFD791;
	}

	.etc tr.thead th:hover{
		color: #383553;
		background-color: #CFFAC3;
	}
	th.tdblank{
		background: transparent !important;
	}
	

/* End Breakpoint */
}
/*========= Start Breakpoint ============*/
@media screen and (min-width: 34em) {

/* End Breakpoint */
}

/*========= Start Breakpoint ============*/
@media screen and (min-width: 44em) {

/* End Breakpoint */
}

/*========= Start Breakpoint ============*/
@media screen and (min-width: 51em) {

/* End Breakpoint */
}

/*========= Start Breakpoint ============*/
@media screen and (min-width: 61em) {
	.mandblist{
		width: 90%;
		max-width: 70em;
	}
}


/* Form Styling */
		#form input[type="text"], #inputArea textarea, form select, div.radio{
			color: #383553;
			font-weight: bold;
			font-size: 1em;
			margin: 0 0 2px 0;
			padding: 4px 10px;
			background: #C5DBE8; !important;
			display: block;
			width: 250px;
			border: 0;
			float: left;
			}
			
		div.boxes{
			font-size: 1em;
			display: block;
			width: 250px;
			border: 0;
			float: left;
			margin: 0 0 2px 0;
			padding: 4px 10px;
			text-align: left;
			}
			
		label {
			width: 150px;
			font-size: 1em;
			background: #EEE;
			padding: 4px;
			display: block;
			float: left;
			clear: both;
			margin-left: 15%;
		}
		label, #form input[type="text"], #inputArea textarea{
		
			margin-bottom: 0;
			height: 20px;
			border: solid #FFF;
			border-width: 5px 0;
		}
		form select{
			margin-bottom: 0;
			border: solid #FFF;
			border-width: 5px 0;
			padding: 5px 15px;
		}
		.dlogin	label {
			background: none;
			border: 0;
		}

		form#serupd {
			padding: 0px;
			color: #173C50;
			margin: auto;
			text-align: left;
			}
		#serupd tr, #manupd tr {
			padding: 10px 0 10px 0;}
		.field {
			padding: 5px 10px;
			text-align: right;
			display: block;
			width: 200px;
			margin: 5px 0;
			float: left;
			}
		.fieldl {
			color: #5BCDF7;
			font-weight: bold;
			padding: 0 10px 0 0;
			text-align: right;
			display: block;
			width: 200px;
			height: 25px;
			line-height: 25px;
			margin: 0;}
			
		.dlogin input[type="text"], .dlogin input[type="password"] {
			width: 200px;
			padding: 0px;
			margin: 5px 0;
			background: #716F80 !important;
			color: #383553;
			font-weight: bold;
			border: 0px;
			text-align: right;
			font: 1em;
			outline: none;
			}
		.dlogin input[type="submit"] {
			border: 0px;
			background: transparent;
			color: #5BCDF7;
			font-weight: bold;
			float: right;
			margin: 5px 5px 0 0;
			}
		input.ilog:hover { 
			background: #716F80;
			cursor: pointer;
			}
		.logd input[type="submit"] {
			border: 0px;
			background: transparent;
			color: #151520;
			font-size: 12px;
			}
		#form input[type="submit"] {
			margin: auto;
			color: #151520;
			font-size: 12px;
			}
		.input {
			padding: 0;
			text-align: left;}
		fieldset{
				border-width: 1px 0 0 0;
			text-align: center;
		}
		.serd{
				background: #5BCDF7;
			}
		.volsd{
				background: #EF6CEB;
			}
		.mssd{
				background: #F5B84E;
			}
		.etcsd{
				background: #89E570;
			}
		.logd{
				background: #BF24FF;
			}

		
		
/* Layout Specific Deatails */
 
		#top {	
			background-color: #227CE8;
			background: url('images/bar_bg.jpg') repeat-x;
			color: #151520;
			font-size: 2em;
			width: 100%;
			height: 27px;
			margin-top: 2em;}

		#bottom {	
			background-color: #227CE8;
			background: url('images/bar_bg.jpg') repeat-x;
			color: #151520;
			font-size: 2em;
			width: 100%;
			height: 27px;
			margin-top: 1em;}
 
		#center
			{width: auto;
			margin: 0 0 0 50%;
			}
		.vcena{
			float: left;
			height: 40%;
			border: 1px green solid;

			}
		.vcont{
			margin: auto;
			clear: both;
			width: auto;
			}
			}
		#form
			{
			font-size: 1.5em;
			padding: 0;
			margin: 0 0 0 0px;
			} 
		div#form{
			width: 60%;
			margin: auto;
		}
		#logout {
			position: fixed;
			top: 15px;
			right: 15px;
			float: right;
		}

/* Splash Layout */
	
	#wblock{
		background: #FFF;
		height: 40%;
	}
	#vcen{
		margin: 0 0 0 0;
		position: absolute;
		top: 40%;
		right: 0px;
		z-index: 1;
	}
	 
	#onava{
		text-align: center;
		margin: -130px 0 0 526px;
		float: right;
		}
	#onava ul{
		list-style-type: none;
		width: 443px;
		}
	li#nava-1 {
		background-image: url('images/nava_1.png');
		background-repeat: no-repeat;
		width:125px;
		height:172px;
		overflow: hidden;
		float: left;
	}
	 
	li#nava-2 {
		background-image: url('images/nava_2.png');
		background-repeat: no-repeat;
		width:106px;
		height:172px;
		overflow: hidden;
		float: left;
		}
	 
	li#nava-3 {
		background-image: url('images/nava_3.png');
		background-repeat: no-repeat;
		width:112px;
		height:172px;
		overflow: hidden;
		float: left;
	}
	 
	li#nava-4 {
		background-image: url('images/nava_4.png');
		background-repeat: no-repeat;
		width:100px;
		height:172px;
		overflow: hidden;
		float: left;
	}
	 
	div#nava-1 img:hover{
		position: absolute;
		top: -172px;
	}
	 
	#onava li:hover{
		background-position: 0 -173px;
		background-repeat: no-repeat;
	}
	 
	#onava a, #onava a:link, #onava a:visited, #onava a:hover, #onava a:active {
		text-decoration: none;
		padding: 60%;	
		position: relative;
		top: 50%;
	}
	#title{
		float: left;
		clear: both;
		padding: 0 0 0 50px;
		}
	
/* Main Page Layout*/
 
	 
	#anavo-01 {
		background-image: url('images/anavo_01.png');
		width:90px;
		height:120px;
position: absolute;
right: 309px;
	}
	 
	#anavo-02 {
		background-image: url('images/anavo_02.png');
		width:87px;
		height:125px;
position: absolute;
right: 222px;
	}
	 
	#anavo-03 {
		background-image: url('images/anavo_03.png');
		width:102px;
		height:199px;
position: absolute;
right: 120px;
	}
	 
	#anavo-04 {
		background-image: url('images/anavo_04.png');
		width:120px;
		height:199px;
position: absolute;
right: 0px;

	}
	 
	 
	#anava{
		/*float: right;*/
		overflow: hidden;
		/*width: 399px;*/
		padding: 0;
		z-index: 4;
background:  pink;
	}
	 
	#anava li{
		background-position: 0 -20px;
		background-repeat: no-repeat;
		float: right;
	}
	 
	#anava ul{
		list-style-type: none;
		padding: 0;
		margin: 0;
		}

	 
	#atitle{
		background: url('images/383553.png');
		clear: both;
		position: fixed;
		top: 0;
		left: 0;
		padding: 0;
		width: 100%;
		min-width: 1000px;
		height: 50px;
		}
	 
	#lft img{
		margin: 10px 20px 5px;
		background: url('images/383553.png');
		}
	#shl{
		background: url('images/splash_title.png');
	}
	#agut{
		/*background: url('images/383553.jpg');*/
		margin: 40px 0 0 0;
		clear: both;
		padding: 0;
		width: 100%;
		height: 50px;
		}
	#agut2{
		background: url('images/383553.jpg');
		position: fixed;
		bottom: 0;
		left: 0;
		margin: 0px 0 0 0;
		clear: both;
		padding: 0;
		width: 100%;
		height: 50px;
		}
	#lft {
		float: left;
		position: fixed;
		top: 0;
		left: 0;
		}
	.anava a, .anava a:link, .anava a:visited, .anava a:hover, .anava a:active {
		text-decoration: none;
		}
	div.anava {
		top: -20px;
		}
	.anava span{
		display: none;
		}

	#anavo-01 a{
		padding: 45%;	
		position: relative;
		top: 20%;
	}
	#anavo-02 a{
		padding: 45%;	
		position: relative;
		top: 20%;
	}
	#anavo-03 a{
		padding: 45%;	
		position: relative;
		top: 20%;
	}
	#anavo-04 a{
		padding: 50%;	
		position: relative;
		top: 50%;
	}
/* Content Specific Formatting */
		.title {
			color: #151520;
			font-size: 1em;
			padding-top: 4px;
			padding-bottom: .1em;}
		h1 {
			font-size: 30px;
			color: #383553;
			padding: 0em;
			margin: 0;
		}

		p {
			text-align: justify;
			line-height: 150%;}

		strong, strong a {
			color: #F5B84E;}
			
		span.smoo {
			float: left;
			color: #676767;
			font-family: Times, 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
			font-size: 300%;
			line-height: 100%;
			padding: 0;
			margin: 0;}
			
		#iid {
			border-color: #FF9933;
			color: #FF9933;
		}
		#iser {
			border-color: #66CCFF;
			color: #66CCFF;
		}
/*  Form Page Layout*/
		#fm_container{
			width: 60%;
			border: solid black;
			border-width: 0 1px 0 1px;
			margin: auto;
			background: #FFFFFF;
		}
		
		#logbarb{
	 	width: 100%;
	 	height: 70px;
	 	/*background: #5bcdF7 url('images/hd_grad_2.png');*/
	 	margin: 20px 0 0 0;
	 	border: #383553;
	 	border-width: 0 0 2px 0;
	 	
		}
		#aeontit {
			border: solid #3E7193;
			border-width: 2px 0;
			clear: both;
			margin: 0;
		}
		#logtit {
			border: solid #3E7193;
			border-width: 0;
			clear: both;
			margin: 120px 0 5px 0;
		}
		#logtit h1, #aeontit h1{
			font-size: 20px;
			color: #383553;
			padding: 5px 0;
			margin: 0;
		}
/* Admin Menu Styling*/
		#logmenu{
			font-family: Tahoma,Geneva,Kalimati,sans-serif;
			margin: 0 0 0 50%;
		}
		#logmenu ul{
			list-style-type: none;
			padding: 0;
			margin: 0 0 0 -225px;
		}
		#mlogmenu{
			font-family: Tahoma,Geneva,Kalimati,sans-serif;
			margin: 0 0 0 5%;
			position: fixed;
			top: 50px;
		}
		#mlogmenu ul{
			list-style-type: none;
			padding: 0;
			margin: 0;
		}
		#mlogmenu ul li{
			background-image: url('images/anava_btn.png');
			background-repeat: no-repeat;
			display: block;
			height: 27px;
			width: 137px;
			padding: 0px;
			margin: 0 5px;
			text-align: center;
			float: left;
			line-height: 27px;
			
		}
		#logmenu a{
			position: relative;
			top: 5px;
		}
		#logmenu a:link, #logmenu a, #logmenu a:active, #logmenu a:visited, #logmenu a:hover{
				color: #151520;
				text-decoration: none;
				font-size: 15px;

				padding: 10px 30px;
				
			}
		#mlogmenu a:link, #mlogmenu a, #mlogmenu a:active, #mlogmenu a:visited, #mlogmenu a:hover{
				color: #151520;
				text-decoration: none;
				font-size: 12px;
				padding: 10px 30px;
				
			}

/* Content Styling */
		#dbtable p {
				padding: 1em 3em;
				text-align: justify;
				margin: 0 15%;
			}
			.smlcap {font-variant:small-caps;}
			.sumimg img{
				background-color: #C6EAF7;
				width: 300px;
				height: 400px;
				}
			#sertb{
				margin: 100px auto;
				width: 75%;
				}
				
			.boxds{
				display:-moz-box; /* Firefox */
				display:-webkit-box; /* Safari and Chrome */
				display:box;			
			}
			.flex1{
				-mox-box-flex: 1.0;
				-webkit-box-flex: 1.0;
				box-flex: 1.0;
			}
			.hdrbg{
				width: 100%;
				margin-top: 20px;
				padding: 2px 0;
			}
			#serinf{
				text-align: left;
			}
			.sercon{
				margin: 0 0 15px 20px;
			}