*|* {
  margin: 0px;
  padding: 0px;
}

*|img {
  border:  none;
  margin-right: 0em;
}

*|h3 {
  border-left: 1em solid #0000CC;

  margin: 1em 3em 0.5em 1em;
  padding: 0 1em 0 0.5em;
  background: #ffffff none repeat scroll 0% 50%;
  font-size: 120%;
line-height: 1;
  list-style-type: disc;
  clear: both;
}
*|h2 {
  border-left: 1.5em solid #0000CC;
  border-bottom: 1px solid #0000CC;
  margin: 2em 0 1em 0 ;
  padding: 0em 0.5em;
  background: #ffffff none repeat scroll 0% 50%;
  font-size: 130%;
  clear: both;
}




*|body {
  background-color: #ffffff;
  line-height: 150%;
}
*|div#page {

border:  none;
  margin: 0px auto; 
  background: #ffffff ;
  text-align: left;
  max-width: 1000px;
}
*|div#header {
  height:256px;

  margin: 0px;
  background: #ff00ff;
  padding: 0 24px 0 0 ;
  text-align: right;
  font-weight:bold;

background-image : url("./title.jpg")  ;
background-repeat: no-repeat;
background-position: center;
background-size: auto ;
}

*|div#header *|h1 {
text-align: left;

  margin: 0em ;
  padding: 1em 0 0 0.5em;
  font-size: 200%;
  color: #ffffff;
  clear: both;
}

*|div#header *|h2 {
text-align: left;
  padding: 0em 1em;
  font-size: 160%;
  border: none;
  margin: 1em 0 1em 0 ;
  background: none ;

color: #ffffff;
  clear: both;
}

*|div#header *|p {
  font-size: 120%;
  padding: 0.5em 0.2em;
color: #ffffff;

}

*|div#menu {

  background: #A0A0CC ;
  height: 1.5em; 
line-height: 100%;
  color: #A0A0ff;
font-size: 100%;

}
*|div#menu *|ul {
  margin: 0px;
  padding: 0px;
}
*|div#menu *|li {
  border-right: 1px solid #ffffff;

  float: left;
padding-top: 0.25em;
  padding-left: 1em;
  padding-right: 1em;
padding-bottom: 0.25em;
  margin-left: 0em;
  color: #ffffff;

font-weight:bold;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}


*|div#menu *|a {
  color: #c0c0ff;
//font-weight:bold;
  text-decoration: none;
}
*|div#menu *|a:hover {
  background: #e1ecd7 none repeat scroll 0% 50%;
font-weight:bold;
  color: #000000;
}
*|div#main {

  padding: 0em;
  background: #ffffff none repeat scroll 0% 50%;

/*  margin-left: 0.5em;
  margin-right: 0.5em;
*/
  margin : 0em;

  font-size: 100%;
  line-height: 1.5;
}
*|div#main *|p {
  padding: 3em 0 ;
//  text-indent: 1em;
  font-size: 100%;
  clear:both ;
text-align:center;
}
*|div#main *|img {
//  float: left;
  border:  none;

  margin: 0em;

  padding: 0em;



}


*|div#profile {
  width:100%;
  float: left;
}
*|div#profile *|img{
  padding: 0em 4em 4em 2em;

}
*|div#profile *|ul  {
  display: block;
  padding-left: 3em;
}
*|div#profile *|li {
padding-top: 0em;
  padding-left: 1em;
  padding-right: 1em;
padding-bottom: 0em;
  margin-left: 0em;
  color: #000000;
  list-style-type: none;
  list-style-image: none;
  font-size: 85%;
}





*|div#main *|ul {
  font-size: 120%;
  margin-left: 1em;
  margin-bottom: 1em;
  margin-right: 0.5em;
}


*|div#footer {
  border-top: 1px solid #333333;
  margin: 0px;
  padding: 0px;
  background: #0000CC ;
  text-align: center;
color: #FFFFFF;
  clear: both;
  height: 2em;
}
*|div#footer *|p {
  margin: 0;
  padding: 0.25em 0; 

}



*|div#calen-arrow {
text-align: left;
  padding: 0em 1em;
  font-size: 140%;
  border: none;
  margin: 0em 0 0em 0 ;
  background: none ;
  float: left;
  color: #0000AA;
}
*|div#calen-days {
text-align: left;
  padding: 0em 1em;
  font-size: 100%;
  border: none;
  margin: 0em 0 0em 0 ;
  background: none ;
  float: left;
  color: #0000AA;
}

*|div#breadCrumb *|li {
  border-right: 1px solid #ffffff;
//border-bottom: 1px solid #ffffff;
//  height: 1em; 
  float: left;
padding-top: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
padding-bottom: 0.5em;
  margin-left: 0em;
  color: #ffffff;

font-weight:bold;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}

*|div#calendar {
//  border-top: 1px solid #333333;
  border-bottom: 1px solid #0000CC;
//  padding: 0.5em;
//  background: #0000CC ;
  height: 2em; 
line-height: 100%;
  color: #0000ff;
}


.art-foot {
  text-align: right;
}



.message {
  padding: 0 1em 0 2em;
  text-indent: 1em;
  font-size: 100%;
  clear:both ;
}

.message img {
  clear: both;

}



.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}
.tinner {padding:15px; -moz-border-radius:5px; border-radius:5px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border-right:1px solid #333; border-bottom:1px solid #333}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; width:30px; height:30px; cursor:pointer; background:url(images/close.png) no-repeat}
.tclose:hover {background-position:0 -30px}





@media only screen and (max-width: 720px) {
	*|h3 {
		padding 0 ;
		margin: 1em 0em 0.5em 0.5em;
	}
	*|h2 {
		padding 0 ;
		margin: 2em 0 1em 0 ;
	}

	*|div#header {
		height:192px;
		background-size: auto auto;
	}
	*|div#header *|h1 {
		padding: 0.5em 0 0 0.5em;
		font-size: 120%;
	}
	*|div#header *|h2 {
		margin: 0.5em 0 3em 0 ;
		font-size: 100%;
	}
	*|div#header *|p {
		padding: 0;
		margin-right : -1em ; 
		font-size: 80%;
	}


	*|div#page {
		  width: 100%;
	}

    *|div#menu {
		font-size: 80%;
	}
	*|div#menu *|li {
		  padding-left: 0.5em;
		  padding-right: 0.5  padding-left: 2em;
		  padding-right: 2em;em;
	}

	img {
		max-width: 100%;
		object-fit: contain;
	}

	*|div#profile *|img{
		padding: 0 ;
		margin : 0 ;
	}

	*|div#profile *|table{
		font-size: 80%;
	}
	*|div#profile *|td{
		white-space: nowrap;
	}

	*|div#profile *|ul  {
		display: block;
		padding: 0;
	}
	*|div#profile *|li {
		padding: 0;
		font-size: 75%;
	}

	*|div#calen-days {

  padding: 2em 1em;
  font-size: 100%;

  margin: 0em 0 0em 0 ;

	}


}