body {
      width: 100%;
      margin: 0;
      font-color: black;
      background-color: #dddddd;
      font-size: 0.9em; }

a { color: maroon; text-decoration: underline;}
a:hover { color: black; text-decoration: none }
h1 { font-size: 1.3em; font-weight: bold }
h2 { font-size: 1.2em; font-weight: bold }
h3 { font-size: 1.1em; font-weight: bold }

.title { color: maroon ; font-weight: bold; margin: 1em; float: left; }
.modify { color: #444444; margin: 1em; float: right; }
.disco { color: gray; font-size: 0.8em;}

#main {
       width: 780px;
       margin-left: auto;
       margin-right: auto;
       border: 1px;
       solid: #aaaaaa
       display: inline;
       background-color: white; }

#content {
          width: 610px;
          float: right;
          padding-right: 3px;
          background-color: white;
         }

#left_bar {
           border-right: 1px solid #aaaaaa;
           float: left;
           padding-right: 2px;
           padding-left: 5px;
           width: 150px;
           background-color: white }

#perm { padding: 2px; background-color: #dddddd; border: 1px solid #aaaaaa; }

ul.menu_bar {
	font-size:90%;
	list-style:none;
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
}
ul.menu_bar li {
	display: inline;
}

ul.menu_bar a {
	border-bottom: 3px solid #333;
	border-left:  10px solid #fff;
	text-decoration: none;
	display: block;
	padding: 2px;
}

ul.menu_bar a.active {
	border-left:  10px solid #0000bc;
        background: #b5cffb;
	color: #0000ff;
}

ul.menu_bar a.active:hover {
	border-left:  10px solid #0000bc;
        background: #b5cffb;
	color: #0000ff;
}

ul.menu_bar a:hover {
	border-left:  10px solid maroon;
	background: #DE9EAB;
	color: #ffffff;
}