body {
    margin-top: 15px;
  	background-color: #d3d2d3;
  	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  	color: #000000;
    background-image: url("background.jpg");
  	text-align: center; /*  decides on the position of centerBox */
  } 
  /* 
  ul {
    list-style-image: url('arrow.gif');
  }
  */
  .nolist{
    list-style-type:none;
    background: #efefef; 
    border: #cccccc 1px solid;
	padding:2%;
  }
  table p {
  	padding: 2%;
  	font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
  }
  table li {
	padding: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
  }
  .text {
  	padding: 20px;
  	font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
  }
  #navigation {
  width: 763px;
  margin: auto;
  margin-top: 2px;
  padding: 0px;
  text-align: right;
  font: 60% Arial;
  color: #336699;
}
#navigation a {
	text-decoration: none;
	color:  #336699;
}
#navigation a:active {
	color:  #336699;
}
#navigation a:visited {
	color:  #336699;
}
#navigation a:hover {
	text-decoration: underline;
	color: red;
	background: #ffeeee;
}
  #header {
    margin-left: 1px;
    text-align: center;
  }
  #centerBox {
    width: 763px;
    margin: auto;
    border: rgb(0,0,0) 1px solid;
    padding: 0px;
    text-align: left;
    background-color:#ffffff;
  }
  #contents-title {
  	padding: 30px 10px 10px 0px;
  	text-align: center;
  	font: bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
  	color: #580004;
  }
  #contents-title-body {
  	text-align: center;
  	font: 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
  }
  #contents {
  	padding: 10px 20px 20px 20px;
  	font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
  }
  #floatNews {
    float: left;
    width: 34%; /* 35% */
    margin: 25px 10px 10px 10px;
    padding:5px 10px 10px 10px;
   /* border: rgb(204,204,204) 1px solid; */
    font: 70% verdana;
    clear: left;
    /* background: #ffffee; *//* #e5faff;*/
  }
  #floatNews .title{
    font: bold 78% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;/*#580004;*/
	background: green;/*#cccccc;*/
	padding:2%;
    text-align:center;
  }
  #floatNews p {
	font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 5%;
	padding-top: 5px;
	padding-left: 15px;
    background:  #ffffee;
  }
  #floatNews a:hover { 
    background: #ccff99;
    text-decoration: underline;
  }
  #floatNav {
    float: left;
    width: 16%;
    margin: 25px 17px 10px 15px;
    padding:0px;
    font: 70% verdana;
    clear: left;
	background-color:#acb2ba;
	border: #aaaaaa 1px solid;
  }
  #floatNav ul {	
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
  }	
  #floatNav li {
    margin-bottom: 3px;
    font-size: 11px;
  }
  #floatNav li a {
    font-weight: bold;
    height: 19px;
    text-decoration: none;
    color: #505050;
    display: block;
    padding: 5px 4px 4px 5px;
    background-color: #f4f4f4;
    border-left: 4px solid #336699; /* 84879c;*/
/*    border-right: 3px solid #336699;  cb998b;*/
  }	
  #floatNav li a:hover {
    background: #6495ec; /*6395EC; eaeaea; E7E5AA; eaeaea */
    color: #ffffff;  /* 286ea0;*/
    border-left: 4px solid #336699; /*286ea0;*/
/*    border-right: 3px solid #336699; 286ea0;*/
  }
  #floatNav .selected {
    background: #6495ec; /* eaeaea; E7E5AA; eaeaea */
    color: #ffffff;  /* 286ea0;*/
  }
  #copyright {
  	text-align: center;
  	font: bold 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
  	color: black;
	padding-top: 6px;
  }
  #copyright a {
    color:#333;
    text-decoration:none;
  }
  #copyright a:hover {
    color:#333;
    text-decoration:none;
  }  
  .title {
  	padding: 30px 10px 10px 0px;
  	text-align: center;
  	font: bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
  	color: #580004;
  }
  .title-body {
  	text-align: center;
  	font: 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
  }
  a {
  	text-decoration: none;
  	color:  blue;
  }
  a:active {
  	color:  blue;
  }
  a:visited {
  	color:  blue;
  }
  a:hover {
  	background: #ffffcc;
  	text-decoration: underline;
  }
  .dotted {
	text-align: justify;
  	border-bottom: rgb(204,204,204) 1px dotted;
  }
  .dotted-style {
  	border-bottom: rgb(204,204,204) 1px dotted;
  	text-align: center;
  	font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;	
  }
  .line {
  	border-bottom: rgb(204,204,204) 1px solid;
	font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
  }
  .noline {
  	font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
  }
  .square-dotted {
    border: rgb(204,204,204) 1px solid;
    border-bottom: rgb(204,204,204) 1px dotted;
  }
  .square {
    border: rgb(204,204,204) 1px solid;
  }
  .initial:first-letter {
    font: bold 120% Verdana, Geneva, Arial, Helvetica, sans-serif;
  }
  .anchor {
    border: 0px;
	text-align:right;
    font: 55% Verdana, Geneva, Arial, Helvetica, sans-serif;
  }
  .anchor a:link { 
    text-decoration: none; 
  }
  .anchor a:visited { 
    text-decoration: none;
  } 
  .anchor a:hover { 
    background: none;
    text-decoration: none;
  }
  .submenu {
	text-align: center;
  }
  .gray-box {
    background: #efefef; 
    border: gray 1px solid;
	padding:2%;
	line-height:16px;
  }
  .submit {
    font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif; 
    border: 1px solid #000000; 
    background-color: #efefef;
  }
  ol {
 line-height:18px;
}
ul {
 line-height:18px;
}
#counter {   margin-top:10px;   text-align:center;   font-size:9px;}
#counter img {width: 7px; height: 13px;}