body {

  background: #999999; 

  color: #000000;        

  font-family: Helvetica, Arial, sans-serif; 

  font-size: 100.01%;         

  margin: auto;            

  padding: 0;             

  text-align: center;          

}





#page {

  background: #cccccc;       

  margin: auto;            

  padding: 0;                

  min-width: 820px;          

  max-width: 1200px;         

}



/* link general */

a:link {

  color: #006600;         

  font-weight: bolder;    

  margin: 0;               

  padding: 0;               

  text-decoration: none;   

}



/* visited link */

a:visited {

  background: #e1e2e4;   

  color: #006600;           

  font-style: italic;      

  margin: 0;                 

  padding: 0;                 

  text-decoration: none;    

}



/* link on mouse-over */

a:hover {

  background: #ffffff;        

  color: #006600;           

  margin: 0;                 

  padding: 0;                

  text-decoration: underline; 

}



/* active or focused link */

a:active,

a:focus {

  background: #006600;     

  color: #ffffff;           

  font-weight: bolder;     

  margin: 0;                

  padding: 0;                

  text-decoration: underline; 

}



/* container for vertical navigation */

div#verticalnavigation {

  background: #e1e2e4;      

  color: #000000;        

  margin: 0;             

  padding: 0;           

}



/* vertical navigation-list */

ol#vertical {

  background: #cccccc;    

  color: #000000;            

  list-style: none;        

  margin: 0;               

  padding: 0;                

  text-align: left;        

}



/* item in the vertical navigation-list */

ol#vertical li {

  background: #ffffff;    

  color: #000000;         

  font-size: 1em;          

  letter-spacing: 1px;    

  margin: 0 0 5px 0;     

  padding: 0;           

  width: 100%;         

}



/* active item in the vertical navigation-list */

ol#vertical li strong.activated {

  background: #ffffff;         

  border: 1px solid #000000;   

  color: #000000;            

  display: block;           

  margin: 0;                 

  padding: .5em;              

}



/* link general in navigation-lists */

ol#vertical li a:link {

  background: #ffffff;        

  border: 1px solid #006600;   

  color: #000000;             

  display: block;             

  font-weight: bolder;       

  margin: 0;                  

  padding: .5em;             

  text-decoration: none;    

}



/* visited link in navigation-lists */

ol#vertical li a:visited {

  background: #ffffff;        

  border: 1px solid #e1e2e4;  

  color: #000000;             

  font-weight: bolder;         

  display: block;             

  font-style: italic;         

  margin: 0;                 

  padding: .5em;              

  text-decoration: none;     

}



/* link on mouse-over in navigation-lists */

ol#vertical li a:hover {

  background: #ffffff;        

  border: 1px solid #006600;   

  color: #006600;             

  display: block;             

  margin: 0;                   

  padding: .5em;               

  text-decoration: underline; 

}



/* active or focused link in navigation-lists */

ol#vertical li a:active,

ol#vertical li a:focus {

  background: #cde369;      

  border: 1px solid #006600;  

  color: #000000;            

  display: block;             

  font-weight: bolder;        

  margin: 0;              

  padding: .5em;           

  text-decoration: underline; 

}



/* bread crumb */

#breadcrumb {

  font-size: .8em;            

  margin: 0;                 

  padding: 0 1%;              

}



/* heading level 1 */

h1 {

  border: 0px solid #000000;   

  font-size: 1.2em;            

  font-weight: bolder;        

  margin: 0 0 1em 0;           

  padding: .5em;             

}



/* heading level 2 */

h3 {

  border-bottom: 0px solid #000000;   

  font-size: 1.1em;         

  font-weight: bolder;       

  margin: 0;               

  padding: 0;              

}



/* table 1 */

h4 {

  border: 1px solid #000000;  

  font-size: 1.0em;           

  font-weight: normal;        

  margin: 0 0 1em 0;       

  padding: .5em;             

}



/* table 2 */

h2 {

  border: 1px solid #000000;  

  font-size: 1.1em;           

  font-weight: bold;        

  margin: 0 0 1em 0;       

  padding: .5em;             

}



/* images center */

h5 {       

  text-align: center;            

}






/* inner-container */

.container {

  background: #aaa9a9;      

  color: #000000;           

  margin: 0;                

  padding: 0;                

}



/* copyright notice */

.copyright {

  border-top: 5px solid #ffffff;  

  clear: both;              

  float: none;              

  font-size: .8em;           

  margin: 0;                

  padding: 0;                

  text-align: center;     

}









#header {

  background: #aaa9a9;     

  border-bottom: 5px solid #ffffff;  

  clear: both;              

  color: #000000;         

  float: none;            

  margin: 0;

  padding: 1%;

  width: 98%;

}









#main {

  background: #cccccc;

  clear: both;

  color: #000000;

  float: none;

  margin: 0;

  padding: 0;

  width: 100%;

}









#main_left {

  background: #cccccc;

  color: #000000;

  float: left;

  margin: 5px;

  padding: 1%;

  width: 15%;

}









#main_content {

  background: #cccccc;

  color: #000000;

  float: right;

  margin: 5px;

  padding: 1%;

  width: 75%;

  text-align: left;

}