#body {
	color: #000000;
	font-size: 10pt;
	font-family: Trebuchet MS;
  margin: 0;
  padding: 0;
}

body.red {
  background: #db2925 url('../images/layout/background_red.jpg') repeat-x scroll center top;
}

body.blue {
  background: rgb(20,55,123) url('../images/layout/background_blue.jpg') repeat-x scroll center top;
}

body.green {
  background: rgb(0,160,10) url('../images/layout/background_green.jpg') repeat-x scroll center top;
}

body.org {
  background: #e3941d url('../images/layout/background_org.jpg') repeat-x scroll center top;
}

img {
  border: solid #ffffff 0px;
  margin: 0;
  padding: 0;

}

div#main {
  margin-left:  auto;
  margin-right: auto;
  width:        960px;
}

div#main #head {
  background: #ffffff url('') no-repeat scroll left top;
  position:   relative;
  width:      960px;
  height:     148px;
}

div#main #head #left {
  position:   left;
  width:      345px;
  height:     128px;
  background: #ffffff url('') no-repeat scroll left top;
}

div#main #head #right {
  position:   absolute;
  bottom:0;right:0;
  width:      720px;
  z-index:    100;
  height:     128px;
  background: none;
  padding-right: 28px;
}

div#main #head #right img {
  float:        right;
  background:   #ffffff url('') no-repeat scroll left top;
  margin-right: 2px;
  margin-top:   87px;
 _margin-top:   92px;
}

div#main .separator {
  position: relative;
  clear:    both;
  width:    960px;
  height:   10px;
  font-size: 0pt;
}

div#main #menu {
  clear:    both;
  position: relative;
  width:    960px;
  height:   49px;
}

div#main #menu a {
 	font-size: 11pt;
	font-family: Tahoma;
  text-decoration: none;
  color: #ffffff;
  height: 29px;
  display: block;
  float: left;
  margin-left: 1px;
  margin-right: 1px;
  letter-spacing: 0.1pt;
}

div#main #menu .red a.active {
  background: transparent url('../images/layout/a_bg_red.png') repeat-x scroll left top;
}

div#main #menu .red a.active .left {
  background: transparent url('../images/layout/a_bg_left_red.png') repeat-x scroll left top;
}

div#main #menu .red a.active .right {
  background: transparent url('../images/layout/a_bg_right_red.png') repeat-x scroll left top;
}

div#main #menu .red a .left {
  float: left;
  display: block;
  width: 6px;
  height: 29px;
  cursor: pointer;
}

div#main #menu .red a .middle {
  float: left;
  display: block;
  height: 29px;
  padding: 4px 3px 0px 3px;
  cursor: pointer;
}

div#main #menu .red a .right {
  float: left;
  display: block;
  width: 6px;
  height: 29px;
  cursor: pointer;
}

div#main #menu .red a:hover {
  background: transparent url('../images/layout/a_bg_red.png') repeat-x scroll left top;
}

div#main #menu .red a:hover .left {
  background: transparent url('../images/layout/a_bg_left_red.png') repeat-x scroll left top;
}

div#main #menu .red a:hover .right{
  background: transparent url('../images/layout/a_bg_right_red.png') repeat-x scroll left top;
}

div#main #menu .blue a.active {
  background: transparent url('../images/layout/a_bg_blue.png') repeat-x scroll left top;
}

div#main #menu .blue a.active .left {
  background: transparent url('../images/layout/a_bg_left_blue.png') repeat-x scroll left top;
}

div#main #menu .blue a.active .right {
  background: transparent url('../images/layout/a_bg_right_blue.png') repeat-x scroll left top;
}

div#main #menu .blue a .left {
  float: left;
  display: block;
  width: 6px;
  height: 29px;
  cursor: pointer;
}

div#main #menu .blue a .middle {
  float: left;
  display: block;
  height: 29px;
  padding: 4px 3px 0px 3px;
  cursor: pointer;
}

div#main #menu .blue a .right {
  float: left;
  display: block;
  width: 6px;
  height: 29px;
  cursor: pointer;
}

div#main #menu .blue a:hover {
  background: transparent url('../images/layout/a_bg_blue.png') repeat-x scroll left top;
}

div#main #menu .blue a:hover .left {
  background: transparent url('../images/layout/a_bg_left_blue.png') repeat-x scroll left top;
}

div#main #menu .blue a:hover .right{
  background: transparent url('../images/layout/a_bg_right_blue.png') repeat-x scroll left top;
}

div#main #menu .green a.active {
  background: transparent url('../images/layout/a_bg_green.png') repeat-x scroll left top;
}

div#main #menu .green a.active .left {
  background: transparent url('../images/layout/a_bg_left_green.png') repeat-x scroll left top;
}

div#main #menu .green a.active .right {
  background: transparent url('../images/layout/a_bg_right_green.png') repeat-x scroll left top;
}

div#main #menu .green a .left {
  float: left;
  display: block;
  width: 6px;
  height: 29px;
  cursor: pointer;
}

div#main #menu .green a .middle {
  float: left;
  display: block;
  height: 29px;
  padding: 4px 3px 0px 3px;
  cursor: pointer;
}

div#main #menu .green a .right {
  float: left;
  display: block;
  width: 6px;
  height: 29px;
  cursor: pointer;
}

div#main #menu .green a:hover {
  background: transparent url('../images/layout/a_bg_green.png') repeat-x scroll left top;
}

div#main #menu .green a:hover .left {
  background: transparent url('../images/layout/a_bg_left_green.png') repeat-x scroll left top;
}

div#main #menu .green a:hover .right{
  background: transparent url('../images/layout/a_bg_right_green.png') repeat-x scroll left top;
}



div#main #menu .org a.active {
  background: transparent url('../images/layout/a_bg_org.png') repeat-x scroll left top;
}

div#main #menu .org a.active .left {
  background: transparent url('../images/layout/a_bg_left_org.png') repeat-x scroll left top;
}

div#main #menu .org a.active .right {
  background: transparent url('../images/layout/a_bg_right_org.png') repeat-x scroll left top;
}

div#main #menu .org a .left {
  float: left;
  display: block;
  width: 6px;
  height: 29px;
  cursor: pointer;
}

div#main #menu .org a .middle {
  float: left;
  display: block;
  height: 29px;
  padding: 4px 3px 0px 3px;
  cursor: pointer;
}

div#main #menu .org a .right {
  float: left;
  display: block;
  width: 6px;
  height: 29px;
  cursor: pointer;
}

div#main #menu .org a:hover {
  background: transparent url('../images/layout/a_bg_org.png') repeat-x scroll left top;
}

div#main #menu .org a:hover .left {
  background: transparent url('../images/layout/a_bg_left_org.png') repeat-x scroll left top;
}

div#main #menu .org a:hover .right{
  background: transparent url('../images/layout/a_bg_right_org.png') repeat-x scroll left top;
}


div#main #menu .red {
  height:     38px;
  background: transparent url('../images/layout/menu_bg_red.png') no-repeat scroll left top;
  padding-top:  11px;
  padding-left: 21px;
}

div#main #menu .red_without_org {
  background: transparent url('../images/layout/menu_bg_red_without_org.png') no-repeat scroll left top !important;
}

div#main #menu .blue {
  height:     38px;
  background: transparent url('../images/layout/menu_bg_blue.png') no-repeat scroll left top;
  padding-top:  11px;
  padding-left: 22px;
}

div#main #menu .green {
  height:     38px;
  background: transparent url('../images/layout/menu_bg_green.png') no-repeat scroll left top;
  padding-top:  11px;
  padding-left: 22px;
}

div#main #menu .org {
  height:     38px;
  background: transparent url('../images/layout/menu_bg_org.png') no-repeat scroll left top;
  padding-top:  11px;
  padding-left: 21px;
}

div#main #above_content_red {
  clear: both;
  position:relative;
  width: 960px;
  height: 10px;
  background: transparent url('../images/layout/above_content_red.png') no-repeat scroll left top;
  font-size: 0pt;
}

div#main #above_content_blue {
  clear: both;
  position:relative;
  width: 960px;
  height: 10px;
  background: transparent url('../images/layout/above_content_blue.png') no-repeat scroll left top;
  font-size: 0pt;
}

div#main #above_content_green {
  clear: both;
  position:relative;
  width: 960px;
  height: 10px;
  background: transparent url('../images/layout/above_content_green.png') no-repeat scroll left top;
  font-size: 0pt;
}

div#main #above_content_org {
  clear: both;
  position:relative;
  width: 960px;
  height: 10px;
  background: transparent url('../images/layout/above_content_org.png') no-repeat scroll left top;
  font-size: 0pt;
}

div#main #bellow_content_red {
  clear: both;
  position:relative;
  width: 960px;
  height: 10px;
  background: transparent url('../images/layout/bellow_content_red.png') no-repeat scroll left top;
    font-size: 0pt;
}

div#main #bellow_content_blue {
  clear: both;
  position:relative;
  width: 960px;
  height: 10px;
  background: transparent url('../images/layout/bellow_content_blue.png') no-repeat scroll left top;
    font-size: 0pt;
}

div#main #bellow_content_green {
  clear: both;
  position:relative;
  width: 960px;
  height: 10px;
  background: transparent url('../images/layout/bellow_content_green.png') no-repeat scroll left top;
    font-size: 0pt;
}

div#main #bellow_content_org {
  clear: both;
  position:relative;
  width: 960px;
  height: 10px;
  background: transparent url('../images/layout/bellow_content_org.png') no-repeat scroll left top;
    font-size: 0pt;
}


div#main #footer_red {
  position:   realitive;
  clear:      both;
  width:      904px;
  height:     33px;
  font-size:  10pt;
  color:      #ffffff;
  padding-top: 14px;
  padding-left: 28px;
  padding-right: 28px;
}

div#main #footer_red .left {
  float: left;
}

div#main #footer_red .right {
  float: right;
  text-align: right;
}

div#main #footer_red .right a, div#main #footer_red .left a {
  font-size:  10pt;
  color:      #ffffff;
  text-decoration: underline;
}

div#main #footer_red .right a:hover, div#main #footer_red .left a:hover {
  text-decoration: none;
}

div#main #footer_blue {
  position:   realitive;
  clear:      both;
  width:      904px;
  height:     33px;
  font-size:  10pt;
  color:      #fff;
  padding-top: 5px;
  padding-left: 28px;
  padding-right: 28px;
  padding-bottom: 20px;
}

div#main #footer_blue .left {
  float: left;
}

div#main #footer_blue .right {
  float: right;
  text-align: right;
}

div#main #footer_blue .right a, div#main #footer_blue .left a {
  font-size:  10pt;
  color:      #ffffff;
  text-decoration: underline;
}

div#main #footer_blue .right a:hover, div#main #footer_blue .left a:hover {
  text-decoration: none;
}

div#main #footer_green {
  position:   realitive;
  clear:      both;
  width:      904px;
  height:     33px;
  font-size:  10pt;
  color:      #ffffff;
  padding-top: 14px;
  padding-left: 28px;
  padding-right: 28px;
}

div#main #footer_green .left {
  float: left;
}

div#main #footer_green .right {
  float: right;
  text-align: right;
}

div#main #footer_green .right a, div#main #footer_green .left a {
  font-size:  10pt;
  color:      #ffffff;
  text-decoration: underline;
}

div#main #footer_green .right a:hover, div#main #footer_green .left a:hover {
  text-decoration: none;
}

div#main #footer_org {
  position:   realitive;
  clear:      both;
  width:      904px;
  height:     33px;
  font-size:  10pt;
  color:      #ffffff;
  padding-top: 14px;
  padding-left: 28px;
  padding-right: 28px;
}

div#main #footer_org .left {
  float: left;
}

div#main #footer_org .right {
  float: right;
  text-align: right;
}

div#main #footer_org .right a, div#main #footer_org .left a {
  font-size:  10pt;
  color:      #ffffff;
  text-decoration: underline;
}

div#main #footer_org .right a:hover, div#main #footer_org .left a:hover {
  text-decoration: none;
}

#screen_background {
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #aaaaaa;
	filter: alpha(opacity=80, finishopacity=10, style=0);
	opacity: 0.8;
}


#confirmation_form {
	font-size: 10pt;
	font-family: Trebuchet MS;
	padding: 30px;
	background-color: #EEEEEE;
  position: absolute;
  width: 350px;
  top: 30%;
  left: 50%;
  margin-left: -175px;
  z-index: 1001;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -moz-box-shadow: 3px 5px 6px #555;
  -webkit-box-shadow: 3px 5px 6px #555;
  box-shadow: 3px 5px 6px #555;
  text-align: center;
}

#confirmation_form input[type=submit] {
	margin-top: 20px;
	font-size: 14pt;
}

#confirmation_form input[type=checkbox] {
	vertical-align:-2px;
}

#confirmation_form p {
	font-weight: bold;
}


.caps {
	font-variant: small-caps;
}

#stud_cooperate_form {
	font-family: Trebuchet MS;
	padding: 0px;
	background: #dfebfa url('../images/layout/stud_cooperate_bg.png') left repeat-y;
	position: absolute;
	width: 600px; height: 350px;
	top: 30%;
	left: 50%;
	margin-left: -300px;
	padding-top: 20px;
	z-index: 1001;
	border: black 1px solid;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 3px 5px 6px #555;
	-webkit-box-shadow: 3px 5px 6px #555;
	box-shadow: 3px 5px 6px #555;


	text-align: center;
}

#stud_cooperate_form *,
#stud_cooperate_form {
	color: #1b1584;
	font-size: 10px;
}

#stud_cooperate_form .header {
	font-size: 30px;
	line-height: 33px;
	font-weight: bold ;
	margin: 0 0 12px 0;
}

#stud_cooperate_form .header2 {
	font-size: 20px;
	font-weight: bold ;
	margin: 1em 0 0 0 ;
}

#stud_cooperate_form * input,
#stud_cooperate_form * textarea {
	border: 1px solid #312a63;
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-appearance: none;
	padding: 2px 5px 2px 5px;
	margin: 0 0 5px 0;
}

#stud_cooperate_form * input[type="submit"] {
	background: #002b93;
	color: white;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 15px;
	padding: 5px 10px 5px 10px;
	cursor: pointer;

	-moz-box-shadow: 3px 5px 6px #555;
	-webkit-box-shadow: 3px 5px 6px #555;
	box-shadow: 3px 5px 6px #555;
}



#stud_cooperate_form form {
	position: absolute;
	right: 2em; bottom: 0;

	width: 310px;
	height:205px;
	padding: 0; margin: 0;
	#border: 1px solid black;
	text-align:left;
}

#stud_cooperate_form form label {
	font-weight: bold;
}

#stud_cooperate_form form .field_one_row,
#stud_cooperate_form form .field_two_row {
	display: block;
	padding: 0; margin: 0;
}

#stud_cooperate_form form .field_one_row label {
	display: inline-block;
	width: 95px;
	margin: 0 1em 0 0;
	text-align:right;
}

#stud_cooperate_form form .field_one_row input {
	display: inline-block;
	width: 190px;
}

#stud_cooperate_form form .field_two_row label {
	display: block;
	text-align: left;
	margin: 1em 0 0.5em 0;
}

#stud_cooperate_form form .field_two_row textarea {
	width: 96%;
	height: 5em;
}

#stud_cooperate_form form .submitbtn {
	margin-top: 0.5em;
	text-align: right;
	width: 100%;
	height: 30px;
}

#stud_cooperate_form img {
	width: 300px;
	position: absolute;
	bottom: 0;
	left: -30px;
}

#stud_cooperate_form input[name="register"] {
	position: absolute;
	right: -30px; bottom: 0;
}

#stud_cooperate_form input[name="close"] {
	position: absolute;
	right: 150px;  bottom: 0;
}

#stud_cooperate_form_msgok .header {
	margin-top: 60px;
}

#stud_cooperate_form_msgok input[type="submit"] {
	position:absolute;
	top: 150px;
	left:240px;
	bottom: auto;
	right: auto;
	cursor: pointer;
	padding: 8px 40px 8px 40px;
}


#online_chat_banner {
	position: absolute;
	width: 700px; height:300px;
	top: 30%;
	left: 50%;
	margin-left: -350px;
	z-index: 1001;
}

.popup-close-btn {
	display: block;
	background: url('../images/layout/close.png');
	width:  36px; height: 36px;
	position: absolute;
	right: -18px;
	top: -18px;
	z-index: 1002;
	cursor: Pointer;
}
