html {
  height: 100%;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}

body {

	position: relative;	
	
	background:#FFF;

	margin: 0;

	padding: 0;
	
	min-height: 100%;

	font-family: Verdana, sans-serif;

	font-size: 0.95em;

	color: #000;

	line-height: 1.5em;

}


#wrapper{
	min-height:100%;
	
	width:1200px;
	
	margin: auto auto;
	
}








#header {

    width: 1200px;

    /*background:transparent;*/
	
	/*background: #F0F0F0;*/
	background: #fff;
    
	margin-left: auto;

	margin-right: auto;
	
	margin-top: 10px;
	
	margin-bottom: 10px;
	
	padding: 0;

	height: 100px;

	align: center;
 

}



#header h1 {

    font-family: "Arial", Arial, Sans-serif;
	
	padding-top: 30px;
	
	padding-right: 20px;

	margin: 0;

	text-align: left;
	
	/*line-height: 50px;*/
	/*display: inline;*/
	float: right;
}


#header a h1{
	text-decoration: none;
	line-height: 40px;
	color: #c01111;
	letter-spacing: auto;
}

#header img.ptclogo{
	display: inline-block;
	height: 100px;
	padding-left: 10px;
}

#header img.ustlogo{
	display: inline-block;
	height: 100px;
	align: left;
	
}



/******** Main Menus *******/
#nav {
	
	position: relative;
	top: 1px;
	width: 1200px; /*certain width can fix the nav bar in the same row*/
	padding: 0;
	margin: auto auto;
	height: 50px;
	background:#fff;
	margin-bottom: 30px;
	
}


#nav ul{
	
	/*background: #efefef;*/
	background: #003366;
	background: linear-gradient (top, #efefef 0%, #bbbbbb 100%);
	background: -moz-linear-gradient (top, #efefef 0%, #bbbbbb 100%);
	background: -webkit-linear-gradient (top, #efefef 0%, #bbbbbb 100%);
	padding: 0;
	padding-left: 75px;
	padding-right: 75px;	
	margin: 0;
	border-radius: 10px;
	list-style: none;
	text-align: center;
	width: 100%;
	position: relative;
	display: inline-block;
	z-index: 100;
}

	
#nav ul li {
	font-family: "Oswald", sans-serif;
	line-height: 50px;
	font-size: 1.2em;
	float: left;            /*********very important ***********/
	width: 150px;
}

#nav ul li a {
	padding: 5px 10px;
	border: none;
	/*color: #757575;*/
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	
}



#nav ul li a:hover {
	background: #ccc;
	background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
	background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);

}
#nav li:hover a{
	color:#fff;
}

/*
#nav ul li a:active {
	background: #fff;
	color: #000;
	cursor: default;
}*/

/*#nav ul li a.active {
	background: #c01111;
}*/

.current{
	background: #003366;
}
.active{
	background:#003366;
}



/******** Sub Menus *******/
#nav ul li ul {
	position: absolute;
	top:100%;
	display: none;
	background: #5f6975;
	border-radius: 0px;
	padding: 0;
	width: inherit;
	z-index:1000;
	
	
}
#nav li:hover ul {
	display: block;
	float: left;
	position: absolute;
	width: 200px;
	margin: 0;
	padding: 0;
	
}

#nav li ul li{
		display: inline;
		position: relative;
		float: left;
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		font-size: .8em;
		width: 200px;
		}
		
		#nav li ul li a{
			line-height: 120%;
			padding: 15px 15px;
			color: #fff;
			text-align: left;
			}
			
			#nav li ul li a:hover{
				background: #4b545f;
			}
/* When the screen is less than 680 pixels wide, hide all list items, 
except for the first one ("Home"). 
Show the list item that contains the link to open and close the topnav (li.icon) */
/*@media screen and (max-width:680px) {
 #nav ul li:not(:first-child) {display: none;}
 #nav ul li {
    float: right;
    display: inline-block;
  }
}
*/









#content {

	overflow: auto;
	
	position: relative;
	
	width: 1200px;
	
	margin: auto auto;
	
	margin-top: 20px;
	
	padding: 15px 15px;
	
	padding-top: 20px;

	padding-bottom: 50px;	

	font-size: 0.95em;
	
	background:#fff;

}

#content ul li p a{
	color: #257fbb;
	text-decoration: none;
}

#content ul li p{
	text-align: justify;
}

/*

#content ul li p a:hover, a:active {

	background: #000;

	color: #FFF;

}

*/






#footer {
	
	position: absolute;
	
	bottom: 0;
	
	right: 0;
	
	left:0;
	
	width:100%;
	
	height: 50px;
	
	margin-top: -50px;
	
	margin: auto auto;

	background: #003366;
	
	color: #FFFFFF;	

	padding: 1 rem;

	font-size: 0.75em;

	clear: both;

	line-height: 1.15em;

}

#footer p{
	color: #fff;
}







a, a:visited {

	background: transparent;

	color: #257fbb;

}



#content a:hover, a:active {

	background: #000;

	color: #FFF;

}



h2 {

	color:  #ab2123;

	border-bottom: 1px solid #666;

	margin: 0px auto;

	padding: 10px 0 1px 0;
	
	font-family: "Arial", Arial, Sans-serif;
}	



h3 {

	color:  #000;

	border-bottom: 1px solid #666;

	margin: 0px auto;

	padding: 10px 0 1px 0;
	
	font-family: "Arial", Arial, Sans-serif;
}	




p { 

	margin-top: 1em; margin-bottom: 1em;
	color: #000000;
	font-family: "Arial", Arial, Sans-serif;
	font-size: 1.2em;

}


img {

	margin: auto auto;

}

figcaption{
	color: #257fbb;
	font-family: "Arial", Arial, Sans-serif;
	font-size: 1.2em;
	text-align: center;
}


img.k{

	/*float: center;*/

	width: 700px;

	margin: 0 auto;
	
	margin-bottom: 30px;
	align: center;

}

table.content{
	
	margin: 0px auto;
	padding-bottom: 50px;

}



td.k, th.k {

	border: 0px

}



#facility>td {

	word-wrap:break-word;
    color: #000000;
	font-family: "Arial", Arial, Sans-serif;
	font-size: 1.2em;
}









/*

.mySlides {display: none}
img {vertical-align: middle;}


/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.5);
  font-size: 15px;
  padding: 4px 6px;
  position: absolute;
  bottom: 2px;
  width: 50%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.5);
  font-size: 12px;
  padding: 4px 4px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}