/*miere*/
body {
background: #E0E0E0 url(images/albine.jpg);
font-family:  font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
color:black;
margin:30px;
}
a {color: green;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;background: #F5CA3D;}
a:active { color:#000000;}

h1 {
color:white;
font-size:25px;
background: #006633;
border-top:3px solid #564b47;
border-bottom:3px solid #564b47;
letter-spacing: -1px;
margin:0px;text-align:center;}
h2 {
font-size:20px;
font-weight: normal;
padding: 0 0 0 0;
margin:0px;
text-align:center;}

img.download {vertical-align:middle;}

/* ----------container to center the layout---------- */
#container {
width: 800px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
}
#container h2 {font-size:20px;
font-weight: normal;
margin-left: 24%;
text-align:left;
}

/* ----------banner for logo-------------- */
#header {
text-align: center;
background: white url(img7.jpg);
padding: 0px;
margin:0px; }

#header img {padding:0px 0px;} 

/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 200px white;  /* color of the left column  */ 
background-color: #ffffff; /* color of the content column */
 } 

#inner{ margin:0px; width:100%; } /* The ie/pc pecularity */ 

/* --------------sidebar navi------------- */
#sidebar {
background-color: white;
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
margin-top:15px;
text-align:center;
 }
#sidebar a {
 	/*/*/padding: 0px 0px;
 	display: block;
 	border: 1px dotted #CCC;
 	text-decoration: none;
 	line-height: 1em;
 	width: 150px; /* */
 }
 
 #sidebar a:link, #sidebar a:visited {
 	color: #666;
 }
 
 #sidebar a:hover, #sidebar a:active {
 	color: #990001;
 	background-color: #F5CA3D;
 	border: 2px solid #000;
 }
 
 #sidebar ul {
 	/*/*/padding-left: 1em;
 	margin-left: 1em;
 	list-style-type: none; /* */
 }
 
#sidebar li {
 	/*/*/margin: 0px 0px 6px 0px; /* */
 }
/* -----------------content--------------------- */
#content{ border-left: 2px dotted #CCC;
position: relative; 
margin: 0px; 
border-right:2px dotted #CCC;position: relative; 
}
p:first-letter
{
color: blue;
font-size:double;
}
p{
padding: 5px 10px;
margin:2px; }
pre{
font-size: 14px;
padding: 5px 10px 5px 5px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: center;} 
div.img
  {
  margin:9px;
  border: 2px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  }
div.img img
  {
  display: inline;
  margin: 5px;
  border: 1px solid #ffffff;
  }
div.img a:hover img
  {
  border: 1px solid #0000ff;
  }
div.desc
  {
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
  }
span.highlight
{
background-color:yellow;
text-color:white;
text-decoration: line-through;
}