body, td {font-family:Arial; font-size:12pt;background-color:#FFFFFF;}

h1 {
    margin: 1em 0 0.5em 0;
    color: #343434;
    font-weight: bold;
    font-family: 'Ultra', sans-serif;   
    font-size: 30px;
    line-height: 42px;
    text-transform: uppercase;
    text-shadow: 0 2px white, 0 3px #777;
}

h2 {
    margin: 1em 0 0.5em 0;
    color: #657383;
    font-weight: bold;
    font-family: 'Ultra', sans-serif;   
    font-size: 20px;
    line-height: 26px;
    text-transform: uppercase;
    text-shadow: 0 2px white, 0 3px #777;
}

.cityu-outer {
	background-color: #a50b5e;
	clear: both;
	width: 100%;
	min-width: 960px;
}

.cityu-inner{
	background-color: #a50b5e;
	margin: auto;
	width: 960px;
	height: 50px;
}

.menu{
	background-color: transparent;
	width: 100%;
	font-size: 13px;
	font-family: 'Segoe UI', 'PT Sans', Helvetica, Arial, sans-serif;
	-moz-box-shadow: 0px -2px 4px #ddd;
	-webkit-box-shadow: 0px -2px 4px #ddd;
	box-shadow: 0px -2px 4px #ddd;
}
.menu ul li {
	position: relative;
	display: inline;
	float: left;
}

* html .menu {height: 1%;} /* Fix IE6 */

.menu ul {z-index: 100; margin: 0; padding: 0; list-style-type: none;}

/* Top level menu items */
.menu ul li {position: relative; display: inline; float: left;height:50px;z-index: 100;}
.menu ul li a {display: block; padding: 5px 10px; line-height: 20px; color: rgb(255, 255, 255); text-decoration: none; text-shadow: none;z-index: 100;}
.menu ul li.cityu-multiline-2 > a {padding: 6px 15px; line-height: 14px;}

* html .menu ul li a {display: inline-block;} /* Fix IE6 */
.menu ul li a:hover,
.menu ul li a.selected {
	color: #fff;
}
.menu ul li a.active {color: #398600;}

/* 2nd level menu*/
.menu ul li ul {
	position: absolute; left: 0; display: none; visibility: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* 2nd level menu items */
.menu ul li ul li {z-index: 200; top:10px; display: list-item; float: none; height:30px; background-color:#a50b5e;}
.menu ul li ul li a {margin: 0; border-top: 1px solid #22749c; width: 160px; font-size: 12px; font-weight: normal; line-height: 1.3; color: #fff;}
.menu .cityu-itemwidth-L li ul li a {width: 200px;}
.menu ul li ul li a:hover {background-image: url('../img/themes/default/bg_nav_hover.png');}
.menu ul li ul li a.external {
	width: 140px;
	padding-right: 30px;
	background-image: url('../img/jquery/menu/ico_external.png') !important;
	background-repeat: no-repeat;
	background-position: right 10px top 12px;
}

/* Arrow images */
.menu .downarrowclass {display: block; position: absolute; top: 16px; right: 2px;}

#cityu-header-cityulogo {padding: 10px 0 8px 5px;display:inline;}
#cityu-header-cityulogo img{height:114px;}

.content {    
  margin: auto;
  width: 960px;
  height: 100%;
}

.content>ul{
    margin-left:300px; 
}

/*left blackground photo*/
.bottom {position: relative;left: 0;}
img.leftBlackground{width:252px;height:370px;float: left;margin-right: 50px;}

/*training.php*/
.Lec { color: #CC4444; font-weight:bold; font-style:italic;}
#Summer{margin-left:300px;}
#Semester{margin-left:300px;}


#loginForm{width:300px;margin: auto;padding-top:10%;}
.btn {
  -webkit-appearance: none;
  -webkit-box-shadow: rgba(255, 255, 255, 0.14902) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px;
  -webkit-user-select: none;
  -webkit-writing-mode: horizontal-tb;
  background-color: rgb(255, 255, 255);
  background-image: linear-gradient(rgb(255, 255, 255) 0px, rgb(224, 224, 224) 100%);
  background-repeat: repeat-x;
  border-bottom-color: rgb(204, 204, 204);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0px;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
  border-left-color: rgb(204, 204, 204);
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: rgb(204, 204, 204);
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: rgb(204, 204, 204);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-style: solid;
  border-top-width: 1px;
  box-shadow: rgba(255, 255, 255, 0.14902) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px;
  box-sizing: border-box;
  color: rgb(51, 51, 51);
  cursor: pointer;
  display: inline-block;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  height: 34px;
  letter-spacing: normal;
  line-height: 20px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  overflow-x: visible;
  overflow-y: visible;
  padding-bottom: 6px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
  text-align: center;
  text-indent: 0px;
  text-shadow: rgb(255, 255, 255) 0px 1px 0px;
  text-transform: none;
  vertical-align: middle;
  white-space: nowrap;
  width: 69px;
  word-spacing: 0px;
}

.btn:hover {
  background: #fc3c5c;
  text-decoration: none;
  color: #fff;
}

.hiddenText{display:none;}
.errorMsg{display:inline; color: red;}

.cb{margin-right: 20px!important;}
#newRecord{margin:30px 0px 30px 0px !important;font-size: 16px;}

label{margin: 0px 10px 5px 10px!important;}
    
input[type=text]{
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 0px 10px 5px 0px!important;
}

.addRecord{  
  width: auto;
  height: auto;}

h1.adminPageTitle{
  font-size: 25px!important;
  margin-top: 35px!important;
}

h2.adminPageTitle{
  font-size: 20px!important;
  margin-top: 35px!important;
}

.adminTabMenu{
  margin: auto;
  width: 960px;
}

.showTop{
    vertical-align:top;
}

.tallImg{
    width:170px;
    height:200px;
    margin-right: 20px;
}

.horizontalImg{
    width:220px;
    height:150px;
    margin-right: 20px;
}

.editInfTable{
    width:100%;
    margin-top:30px;
}

.tdForbutton{
    vertical-align:top;
    width:15%;
}

.inputInfArea{
    width:80%;
}

.editInfTable th{
    text-align: center;
}

.display tr td {text-align: center;}
.display{margin-top:30px;}
#BG {width:100%; height: 100%; opacity:0.6;  filter:alpha(opacity=60); position: fixed; left: 0px; top: 0px;}