body {
  /*background: #fff url(../img/background.png) repeat;*/
  background: #fceed4;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  padding: 0 1em;
  color: #5e0101;
}

.motto {
	float: right;
}

div.main_horizont{
  clear: both;
  /*width: 768px;*/
  width: 980px;
  margin: 0 auto;
  padding: 0px;
  height: auto;
  border: 0px solid red;
}

div.main{
  /*background: url(../img/boxright.png);*/
  background-position:right top;
  background-repeat: repeat-y;
}
div.top{
  background-position:right top;
  /*background: url(../img/boxtop.png);*/
  background-repeat: repeat-x;
}
div.bottom{
  background-position:right top;
  /*background: url(../img/boxbottom.png);*/
  background-repeat: repeat-x;
}


div.lefttop{
  width: 4px;
	height:4px;
  float: left;
  border: 0px solid red;
  margin: 0px;
  padding: 0px;
	background-position:left top;
  /*background: #fff url(../img/boxlefttop.png);*/
  background-repeat: repeat-x;
	font-size:0px;
}

div.righttop{
  width:4px;
	height:4px;
	float: right;
  border: 0px solid green;
	padding:0;
  text-align: left;
  background-position:left top;
  /*background: #fff url(../img/boxrighttop.png);*/
  background-repeat: repeat-x;
	font-size:0px; 
}

div.contenttop{
  margin: 0px 0px 0 0px;
  padding: 0px;
  border: 0px solid yellow;
  display: block;
  overflow: hidden;
  background-position:left top;
  /*background: #fff url(../img/boxtop.png);*/
  background-repeat: repeat-x;
	font-size:1px;
	height:4px; 
}


div.leftbottom{
  width: 4px;
  height:4px;
  float: left;
  border: 0px solid red;
  margin: 0px;
  padding: 0;
  background-position:left top;
  /*background: #fff url(../img/boxleftbottom.png);*/
  background-repeat: repeat-x;
  font-size:1px;
}

div.rightbottom{
  width:4px;
  height:4px;
  float: right;
  border: 0px solid green;
  padding:0;
  text-align: left;
  background-position:left top;
  /*background: #fff url(../img/boxrightbottom.png);*/
  background-repeat: repeat-x;
  font-size:1px; 
}

div.contentbottom{
  margin: 0px 0px 0 0px;
  padding: 0px;
  border: 0px solid yellow;
  display: block;
  overflow: hidden;
  background-position:left top;
  /*background: #fff url(../img/boxbottom.png);*/
  background-repeat: repeat-x;
  font-size:1px;
  height:4px; 
}

div.content{
  margin: 0px 5px 0 0px;
  padding: 0px 0px 0 4px;
  border: 0px solid yellow;
  display: block;
  overflow: hidden;

	background-position:right top;
  background: #fff /*url(../img/boxleft.png)*/;
  /* rp */
/*background: #fcf9d4 url(../img/boxleft.png);*/  

background-repeat: repeat-y;

/* rp
  background: #fcf9d4;
*/
}

div#content{
  padding: 1.5em;
  border: 1px solid #ffdab2;
}


div#header{
  /*background-position:right top;*/
  /* rp */
  /*background: #fff url(../img/headerbg.new.png);*/
  background: url(../img/jci_top_bg.jpg) 0 0 no-repeat;
  background-repeat: repeat-x;
  /*height:140px;*/
  height: 450px;
  position: relative;
}

div#logo{
  /* rp */
  display: none;
  background-position:right top;
  background: #fff url(../img/logo.new.png);
  background-repeat:no-repeat;;
  height:140px;
	
  /*width:404px;*/
	width: 466px;
	/*margin: 0 0 0 20px;*/
	margin: 0 0 0 0;
	float:left; 
}

div.photos{
  background-position:right top;
  background-repeat:no-repeat;;
  height:140px;
  width:136px;
  margin: 0 20px 0 0px;
	float:right;
  /* rp */
  display: none; 
}
div.photo1{
  background: #fff url(../img/photo1.png);
}
div.photo2{
  background: #fff url(../img/photo1.png);
}
div.photo3{
  background: #fff url(../img/photo1.png);
}

div#menu{
  /* rp */
  /*background-position:right top;*/
  /*background: #fff url(../img/menubg.png);*/
  /*background-repeat:repeat-x;*/
  /*height:34px;*/
  position: absolute;
  width: 980px;
  left: 0px;
  bottom: 12px;
  margin: 0px;
  font-family: 'Trebuchet MS';
  font-size: 22px;
}

div#menu ul{
  margin:0 0px 0px 0;
	padding:0 0px 0px 0;
	float:left;
}

#menu li {
  display: inline;
  list-style-type: none;
  list-style-position: outside;
  border-right: 0px solid #555;
  margin: 0;
  padding: 0;
}

#menu li a {
  /* rp */
  /*color: #000;*/
  color: #fff;
  text-decoration: none;
  border-right: 1px solid #fff/*#555*/;
  padding: 10px 0.8em 10px 0.8em;
  margin: 0;
  display: block;
  float: left;
}

#menu li a:hover {
  /* rp */
  /*background-color: #FFF974;*/
}

#menu li.active a {
  border-right: 1px solid transparent;
}

#menu li.active a {
  /* rp */
  /*background: #fff url(../img/menuactive.png);*/
  color: #fff;
  /*font-weight: bold;*/
}

#menu li.active a:hover {
  /* rp */
  /*color: #FFD700;*/
	/*background-image:none;*/
	/*background:#1F1A17;*/
}

div#lang{
  padding:10px;
  /* rp */
  float:right;
  position: absolute;
  right: 20px;
  /*bottom: 18px;*/
}

div#submenu{
  /**/
  background:#F8F8F8;
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
  height:25px;
	margin:10px 0 10px 0;
}

div#submenu ul{
  margin:0 0px 0px 0;
  padding:0 0px 0px 0;
}

#submenu li {
  display: inline;
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}

#submenu li a {
  color: #000;
  text-decoration: none;
	font-size:11px;
  border-right: 1px solid #555;
  padding: 6px 0.8em 6px 0.8em;
  margin: 0;
  display: block;
  float: left;
}

#submenu li a:hover {
  background-color: #FFF974;
}


#submenu li.active a {
  font-weight: bold;
}

#menu li.active a:hover {
  color: #FFD700;
  background-image:none;
  background:#1F1A17;
}


div#pagecontent{
  /*border:0px solid red;*/
  border: 1px solid #ffdab2;
	margin:10px 0 0 0;
	padding:5px;
	min-height:300px;
}

div#leftcontent{
  border:0px solid red;
	width:200px;
	height:200px;
	float:left;
}
div#maincontent{
  border:0px solid red;
	float:inherit;
	margin: 0 0 0 210px;
}

h2 {
  font-family: "Trebuchet MS";
  font-size: 14pt;
  border-bottom: 1px dotted #555;
	background:#F7F7F7;
  
/*color: #81B139;*/
	height:28px;
  margin:0px 0 10px 0;
	padding:3px 0 0 10px;
}

h3 {
  font-family: "Trebuchet MS";
  font-size: 13pt;
  /*color:#81B139;*/
  height:28px;
  margin:0px 0 0px 0;
  padding:3px 0 0 0;
}

h3 a{
  /*color:#81B139;*/
}
h6 {
  font-family: "Trebuchet MS";
  font-size: 10px;
	font-weight:normal;
  color:#8F8F8F;
  margin:0px 0 0px 0;
  padding:0px 0 3px 10px;
  border:0px solid red;
}

a {
  text-decoration: none;
	/* rp
	color: #81B139;*/
	color: #ff6633;
}

p{
  margin:0;
  padding: 0px 10px 5px 10px;
}

div.paginate{
  border:0px solid red;
	margin:10px;
	color:#DFDFDF;
}
div.paginate span{
  color:#000;
	font-weight:bold;
}
div.paginate a{
  color:#81B139;
}


#footer
{
  border-top: 1px dotted #555;
  padding: .5em 0;
  color: #555;
  font-size: 8pt;
  text-align: center;
	margin: 10px 0 0 0;
}

#footer img {
  margin-top: 4px;
}

#footer a {
  color: #555555;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dotted #555;
}

#footer a:hover {
  border-color: #f00;
}



form.std{
  margin:0;
	padding:0;
}
form.std dl{
  padding:0;
	margin:0;
}

form.std dt{
  display:block;
  float:left;
  width:150px;
	height:25px;
	background:#F7F7F7;
  padding:3px 0 3px 5px;
	border-bottom:1px dotted #555555;
  margin-right: 8px;
}
form.std dt.nobg {
  background-color: transparent;
}

form.std dt.tall{
  /*height:155px;*/
}

form.std dd{
  display:block;
  height:25px;
  background:#fff;
  padding:3px 0 3px 20px;
	margin:0;
  border-bottom:1px dotted #555555;
}

form.std dd.tall{
  /*height:155px;*/
  height: auto;
}

form.std dd input.text {
  border:1px solid #000;
	margin:0px;
	padding:3px 3px;
	width:200px;
}
form.std dd textarea{
  border:1px solid #000;
  margin:0px;
  padding:0px;
  width:400px;
	height:150px;
}
form.std h3 {
  font-size: 10pt;
  margin: 0;
  margin-top: .8em;
  padding: .1em 0;
  border-bottom: 1px dotted #555;
  height: auto;
}

form.std var {
  font-weight: bold;
  color: #f00;
}

table.standard tr th{
  border:1px solid 
}

.message {
  background: yellow;
  padding: .5em 1em;
  border: 2px solid gold;
  color: #000;
  margin-bottom: 1em;  
  font-weight: bold;
}

.message.ok {
  background: #AAD669;
  border: 2px solid #82B13F;
  color:#000;
}

.message.error {
  background: #FF8C96;
  border-color: #f00;
  color: #000;
}

.button {
  /*background:#A9D568;*/
	/*border: 1px solid #82B13F;*/
	padding-left: 10px;
  padding-right: 10px;
	margin:2px 0 1px 0
}

.error{
  color:red;
}

div.sent h3, div.sent p{
  color: #8F8F8F;
}

div.post {
  border: 1px solid #ddd;
  margin: 1em .4em;
  padding: .6em;
}


div#help{
  display:block;
  text-align:right;
  margin: 0px 0 10px 0;
}

div#help a{
  color: #DF4E00;
	font-weight:bold;
}
div#help img{
  border:0px;
	vertical-align:top;
}

div#helptxt{
  border: 1px solid #8F8F8F;
	padding:10px;
	background:#EFAB68;
}

div#newinfo{
  background:#ffffff;
}
/******************************************/


#page-menu {
}

#page-menu ul {
  float: right;
  font-size: 8pt;
  margin: .6em 0 0 0;
  padding: 0;
  border-right: 1px solid #555;
}

#page-menu li {
  list-style: none outside;
  display: inline;
  border-left: 1px solid #555;
  padding: 0 .7em;
}

#page-menu li select {
  font-size: 7pt;
}

#page-menu a {
  color: #800000;
  font-weight: normal;
  text-decoration: none;
  padding: 0 .2em;
}

#page-menu a:hover {
  background-color: #FFD700;
}

.extended ul {
  margin-top: -3.2em !important;
  line-height: 1.7em;
}

.extended li {
  float: left;
}

#page-content h2 {
  font-family: "Trebuchet MS";
  font-size: 14pt;
  border-bottom: 1px dotted #555;
  color: #800000;
  margin-top: 0;
}

#content {
  padding: .5em;
}



/* table */

table.std {
  width: 100%;
  border-collapse: collapse;
}

table.std caption {
  border: 1px solid #D7D7D7;
  padding: .4em;
  background-color: #F7F7F0;
  font-weight: bold;
	font-size:12px;
}

table.std tr.alt{
  background:#fbfbfb;
}


table.std caption a {
  color: #00f;
}

table.std caption a:hover {
  color: #f00;
}

table.std th, table.std td {
  border: 1px solid #D7D7D7;
  padding: .2em;
}

table.std th {
  background-color: #F7F7F0;
	font-size:12px;
	padding:4px;
}

table.std td {
  font-size:12px;
	padding:4px;
}

table.std .item-container {
  position: relative;
  height: 1.2em;
}

table.timetable .dayNo {
  width: 2.5%;
  text-align: right;
  border-right: 0;
}

table.timetable .dayName {
  width: 2.5%;
  text-align: left;
  border-left: 0;
}

table.timetable .sunday th {
  background-color: #FFE4C4;
}

table.timetable .sunday td {
  background-color: #FFF5EE;
}

table.timetable .t {
  width: 9.5%;
}

.timetable-item {
  width: 150%;
  border: 1px solid #f00;
  background-color: gold;
  position: absolute;
  padding: 0;
  left: 0;
}

.item-container a {
  color: inherit;
}

.item-container .canceled {
  text-decoration: line-through;
}

.item-container .en {
  background-color: lime;
}

.item-container .es {
  background-color: #f00;
  color: #fff;
}

.item-container .ru {
  background-color: olive;
}

.item-container .fr {
  background-color: purple;
}

.item-container .it {
  background-color: Fuchsia;
}

.item-container .de {
  background-color: Aqua;
}

.item-container .p1 { left: 10%; }
.item-container .p2 { left: 20%; }
.item-container .p3 { left: 30%; }
.item-container .p4 { left: 40%; }
.item-container .p5 { left: 50%; }
.item-container .p6 { left: 60%; }
.item-container .p7 { left: 70%; }
.item-container .p8 { left: 80%; }
.item-container .p9 { left: 90%; }
.item-container .p10 { left: 99%; }

.timetable-item {
  font-size: 10px;
}

.is_canceled {
  text-decoration: line-through;
}

table.timetable .day-header th {
  text-align: left;
  background-color: #D3D3D3;
}

.canceled * {
  text-decoration: line-through;
}

table .nodata {
  text-align: center;
  font-style: italic;
}

table.form-like td {
  padding: .5em;  
}

table.form-like th {
  padding: .5em;
  text-align: right;
}

#citation {
  padding: 1em;
  border: 1px solid #6495ED;
  background-color: #E6E6FA;
  margin-bottom: 0;
}

#citation-author {
  text-align: right;
}

#citation-author span {
  border: 1px solid #6495ED;
  background-color: #E6E6FA;
  padding: 0 1em;
}



.message-box {
  padding: 1em;
  background-color: #FFFACD;
  border: 1px solid #FFD700;
}

.error-box {
  padding: 1em;
  background-color: #FFE4E1;
  border: 1px solid #FF6347;
}

.error-box ul {
  margin: 0;
}

/* --- */
.important {
  background: #ff9;
  border: 1px solid #FFBA51;
  padding: 1em;
  margin-bottom: 1em;
}

.h {
  padding-bottom: 1em;
}

.h .d {
/*   color: #800000; */
  font-weight: normal;
/*   text-decoration: underline; */
}

.h .m {
  padding: .2em .7em;
  color: #000;
}