/* * { margin:0 } */

html {
/*  background-color: #AAA; */
  background-color: #B0B6D0;
/*  height: 100%; */
}

/*ul {
  margin: 2em;
}*/

body {
  position: relative;
  margin: 0px;
  background-color: #000000;
  font-family: Verdana;
  font-size: 12px;
/*  height: 100%; */
}

div.main {
  background-image: url('main_bg2.png');
  background-repeat: repeat-y;
  background-color: #FFF; /* #B0B6D0 */
  margin-left: auto;
  margin-right: auto;  
  padding-left: 10px;
  padding-right: 10px;
  width: 930px;
/*  color: white; */
/*  min-height: 100%;*/
}



div.body {
  position: relative;
  width: 920px;
  margin-left: 5px;
}

div.body_left_img {
  float: right;
  margin: 5px 0px 0px 0px;
  padding-left: 10px;
}

div.body_left {
  width: 60%;
  text-align: justify;
  position: relative;
  float: left;
}

div.body_left li {
	margin-left: -20px;
}

div.body_right {
  width: 40%;
  float: right;
  padding-top: 4px;
/*  margin-left: 10px;*/
  text-align: justify;
  position: relative;
}

div.body_right h2 {
  margin: 0.3em; 
  /*background-color: #EEF;*/
  border: 1px solid #DDD;
  position: relative;
  padding: 5px;
  font-size: 16px;
  color:#DDDDDD ;
  /*color: #E0691A;*/
  background-color: #8C92AC;
  border-bottom: 1px solid #CCAACC;
  font-family: Arial;
  margin: 0px 3px 3px;
}

div.date {
  font-size: 10px;
  margin-top: 5px;
}

div.news_text {
	font-size:10px;
}

div.article {
  margin: 0.3em;
  background-color: #EEF;
  border: 1px solid #DDD;
  /*position: relative;*/
  padding: 3px;
  Clear: both; 
}

div.article h3 {
  /*color: #E0691A;*/
  color: #8C92AC;
  /*color: #FFFFFF;*/
  margin-top: 5px;
  text-align: left;
  font-size: 15px;
  /*background-color: #FFCCAA;*/
  background-color: #DDDDDD;
  border-bottom: 1px solid #CCAACC;
  padding: 3px;
}

div.article h3 a {
  /*color: #E0691A;*/
  color: #8C92AC;
  /*color: #FFFFFF;*/
  margin-top: 5px;
  text-align: left;
  font-size: 15px;
  text-decoration: none;
  /*background-color: #FFCCAA;*/
}

div.article h3 a:hover {
  color: #E0691A;
  margin-top: 5px;
  text-align: left;
  font-size: 15px;
  text-decoration: none;
  /*background-color: #FFCCAA;*/
}

div.article h2 {
  color: #8C92AC;
  /*color: #FFFFFF;*/
  margin-top: 5px;
  text-align: left;
  font-size: 17px;
  font-family: Arial;
  /*background-color: #FFCCAA;*/
  background-color: #DDDDDD;
  border-bottom: 1px solid #CCAACC;
  padding: 3px;
}

div.main_upload {
  margin-left: 85px;
}

div.main > a > img {
  border: 0px solid black;
}

h1 {
  margin: 0px;
  padding: 0.2em;
  background-repeat:no-repeat;
/* color: #44A; */
  color: #E0691A;
}

div.header_menu {
  float: right;
  border-bottom: 1px solid #CFC; 
}

.right { float: right; }
.left { float: left; }

div.menu_nav {
  /*width: 100%;*/
  padding: 5px;
  background-image: url('menu_nav_bg.jpeg');
  background-repeat: repeat-x;
  background-color: #CCC;
  text-align: center;
}

#menu {	display:inline; }
#menu a {font-weight: bolder;  font-family: Arial;  font-size: 1.21em;  font-variant: small-caps;  border-top: 1px;  color: #FEE;text-decoration: none;}
#menu a:hover {color:#E0691A};

/*
#menu:hover {
	color:#E0691A;
}*/

/*
div.menu_nav > div > a {
  display:inline;
  font-weight: bolder;
  font-family: Arial;
  text-style: none; 
  font-size: 15px;
  font-variant: small-caps;
  border-top: 1px;
  color: #FEE;
  text-decoration: none;
}*/

legend {
  font-weight: bolder;
}

div.news img {  
  border: 1px solid #CCC;
  margin: 5px;
  float: left;
}

div.news  div.infos  h3 {
  margin-bottom: 14px; 
  margin-top:0px;
  text-align: left;
  color: #DDDDDD;
  font-size: 16px;
}

div.news div.infos {
  /*color: black;*/
  margin: 5px;
  color:#FFFFFF;
}

div.news {  
  margin: 0.3em;
  /*background-color: #EEF;*/
  background-color: #8C92AC;
  border: 1px solid #DDD;
  clear: both;
}

div.message {
  text-align: center;
  border: 2px solid red;
  margin: 1em;
  padding: 1em;
}


h2.body {
  text-align: left;
  color: #EEEEFF; /* #7A7 */
  background-color: #E0691A;
  border-bottom: 1px solid #CAC;
  margin: 15px 8px 15px 9px;
  font-family: Arial;
  font-variant: small-caps;
  font-size: 18px;
  padding: 5px;
}

div.page_index {
  padding-left: 1em;
  background-color: #DDF;
  color: #777;
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
}

div.footer {
  clear: both;
  border-top: 2px solid #AAA;
  padding: 10px;
  color: #FFF;
  font-size: 80%;
  text-align: center;
  background-image: url('menu_nav_bg.jpeg');
  background-repeat: repeat-x;
/*  background-color: #CCC; */
}

hr.spacer {
  clear: both;
  content: " ";
  border: 0px;
}

object {
  float: left;
}

iframe.upload {
  border: 1px dashed #AAA;
  width: 30em;
}

form.aligned {
  width: 98%;
}

form.aligned > div {
  clear: both;
  margin: 8px;
}

form.aligned > div.submit {
  text-align: right;
}

form.aligned > div > label {
  /*display: block;*/
  text-align: right;
  width: 130px;
  float: left;
  /*clear: both;*/
}

form.aligned > div >label:after {
  /*content: " :";*/
}

form.aligned > div > input {
  /*clear: both;*/
}

fieldset.upload {
  width: 500px;
}

fieldset.upload > form.aligned > div > label {
  width: 10em;
}

form.aligned > div > input[type=submit] {
  text-align: right;
  margin-right: 5px;
}
	
div#popup_bg {
  display: none;
  position: absolute;
  opacity: 0.5;
  background-color: black;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

div#popup {
  display: none;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

div#popup > div {
  width: 20em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 2em;
  border: 3px solid #AAF;
  background-color: white;
}

div#popup_header {
  background-color: #EEE;
  border-bottom: 1px solid #DDD;
}

div#popup_content {
  padding: 4px;
}

div#popup_footer {
  text-align: right;
  background-color: #EEE;
  border-top: 1px solid #DDD;
  padding: 2px;
}

iframe#upload_target {
  display: none;
}

div.plot {
  position: relative;
  width: 100px;
  height: 100px;
  border: 2px solid #CCC;
}

div.plot_col {
  position:absolute;
  width: 10px;
  background-color: #F00;
  border: 1px solid #A77;
  border-bottom: 0px solid #F77;
  margin:1px;
}