@charset "utf-8";

body {
  margin: 0;
  padding: 0;
  background-color: #f7f1e9;
  margin: 10px;
  color: #333;
  font-family: 'Georgia', sans-serif;
}

.collapsible {
  background-color: #7981b7;
  color: white;
  cursor: pointer;
  padding: 3px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20px;
  margin-bottom: 20px
}

.active, .collapsible:hover {
  background-color: #7981b7;
}

.content {
  display: none;
}

a:link {
  text-decoration: none;
  color: #162d9e;
}

a:visited {
  text-decoration: none;
  color: #7981b7;
}

a:hover {
  color: #f5c284;
}

img {
  border:  none;
}

#container {
  margin: auto;
  width: 960px;
  background-color: #A0C9E4;
  font-size: 16px;
  overflow: hidden;
  box-shadow: 0 0 10px #111;
}

#wrapper {
  overflow: hidden;
}

#banner {
  margin: 0;
  position: relative;
  color: #fff;
/*  background-color: #7981b7;*/
  background-color: #162d9e;
	height: 350px;
  /* background-image: url(../images/cuphoto.jpg); */
}

#name {
	position: absolute;
	top: -155px;
	float: left;
	padding-bottom: 10px;
	left: 694px;
	width: 270px;
	text-align: right;
	color: #FFFFFF;
    background-color: #7981b7;
/*  background-color: #162d9e;*/
}

#name h1 {
	margin: 0;
	padding: 10px;
	font-size: 36px;
	font-weight: normal;
	text-align: right;
}

#name p {
	margin: 0;
	padding: 5px 10px;
	text-transform: uppercase;
	font-size: 14px;
}

#nav {
  overflow: hidden;
  width: 960px;
  background-color: #7981b7;
/*  background-color: #162d9e;*/
}

#nav ul {
	margin: 0;
	padding: 0px 15px;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	position: relative;
	border-bottom-color: #CC0000;
	border-bottom-style: solid;
	border-bottom-width: 0px;
}

#nav ul li {
  margin: 0;
  padding: 0px;
  display: block;
  float: right;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}

#nav ul li a {
  margin: 0;
  padding: 0px 20px;
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  line-height: 30px;
  font-size: 18px;
}

#nav ul li a:hover {
  color: #ffffff;
}

#page {
  border-top: 1px solid #e5e5e5;
  padding: 15px 0;
  background-color: #eee;
  overflow: auto;
  clear: both;
}

#content {
	margin: 25px;
	line-height: 160%;
	border-left: 25px;
}

#sidebar {
  border: 0px solid #e5e5e5;
  margin: 0px 0px 0px 10px;
  min-width: 280px;
  float: right;
  line-height: 140%;
/*  background-color: #f7b86a; 
 background-color: #162d9e; */
  background-color: #f5c284;
}

#sidebar h3, #sidebar p {
  padding: 0 35px;
}

#footer {
	padding: 15px;
	overflow: auto;
	color: #0039A6;
	font-size: 80%;
	line-height: 150%;
	text-align: right;
	border-top-color: #CC0000;
	border-top-style: solid;
	border-top-width: 0px;
}

#footer img {
  float: left;
  margin-right: 0px;
}

h2 {
  margin-top: 0;
  color: #494949;
  font-weight: normal;
  font-size: 200%;
}

.right {
  margin: 0 0 15px 15px;
  float: right;
}

.left {
  margin: 0px 15px 15px 0px;
  float: left;
}

#contentbar {
  margin: 0px 25px 25px 0px;
  width: 210px;
  float: left;
  line-height: 140%;
  background-color: #fff;
}

#contentbar h3, #contentbar p {
  padding: 0 10px 0px 0px;
}

#fac_photo {
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.hangingindent {
  padding-left: 30px ;
  text-indent: -30px ;
}

.abstract {
  padding-left: 60px ;
  padding-right: 60px ;
}

/* .contentbar1 {display:none}  */
.contentbar2 {display: none;}
/* .contentbar3 {display:none}  */
/* .contentbar4 {display:none}  */
/* .contentbar5 {display:none}  */