html {height: 100%;}

body { 
 font-family: "Trebuchet MS";
 text-align: center;
 height: 100%;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #333333;
}

a:hover {
	text-decoration: underline;
	font-weight: bold;
}

#container{
 width: 85%; 
 min-width: 750px;
 margin-left: auto;
 margin-right: auto;
}

.padded {
 background-color: transparent;
 padding: 5px;
 overflow: auto;
}

#header {
 background-repeat: repeat-x;
 background-attachment: scroll;
 background-position: 50% 50%;
 }

#header img { border: none; }

#menu {
 padding-top: 5px;
 padding-bottom: 5px; 
}

#menu a:link, #menu a:visited {
 font-size: 12px;
 font-weight: bold;
 color: white;
 text-decoration: none;
 padding-left: 7%;
 padding-right: 7%; 
}

#menu a:hover {
 font-size: 12px;
 font-weight: bold;
 text-decoration: underline;
 color: white;
}

#navigation {
 float: left;
 width: 245px;
 min-width: 245px;
 height: 100%;
 vertical-align: top;
 padding: 0;
 }

#navigation div {
 margin-top: 5px;
 padding-bottom: 5px;	
}

#navigation div.header {
 margin: 0 0 5px 0;
 padding: 5px 0 5px 0;
 font-size: 15px;
 font-weight: bold;
}

#navigation div ul {
 font-size: 12px;
 display: list-item;
 list-style-position: inside;
 list-style-type: none; 
 margin-left: 0; 
 padding-left: 0;
}

#bookmarks img {
 width: 100px;
 height: 50px;
 padding: 5px 10px 0 10px;
 border: none;
}

#bookmarks .overlap {
	position: absolute;
	margin: 0 0 0 -120px;
}

#content {
 width: auto;
 height: 100%;
 padding-top: 5px;
 margin-left: 250px;
}

#summarybox {
 font-size: 24px;
 font-weight: bold;
}

.news{
 text-align: justify;
 padding: 5px 15px 20px 10px;
 font-size: 14px;
}

.news h3 { 
 font-size: 20px; 
 font-weight: bold; 
 margin: 0;
}

.news h5 { font-size: 11px; margin: 0; }

.news span { font-size: 12px; }

.proj_table {
 width: 100%;
 height: auto;
 margin: 0; 
 padding: 0;
 border-spacing: 0;
}

.proj_table .body { padding:10px 5px 0; }

.proj_table .header {
 width: 30px;
 padding: 5px 0;
 font-size: 14px;
 font-weight: bold;
} 

.body span {
 font-size: 18px;
 margin-left: -210px;
 margin-top: 115px;
 position: absolute;
 width: 210px;
}

.body a {
 margin: 0;
}

.body img {
 border-color: white;
 border-style: solid;
 border-width: 5px 5px 30px;
 margin:0 5px 5px 0;
 height: 100px;
 width: 200px;
}

.status {
 height: 25px;
 padding: 5px 0 0 0;
}

.status span { font-size: 11px; }

#synopsis {
 height: 100%;
 font-style: normal; 
}

#synopsis img {
border: 5px white solid; }

#synopsis p {
 text-align: justify; 
 padding: 10px;
 font-size: 12px;
}

.volume {
 width: auto;
 height: 190px;
 margin-top: 5px;
 padding-top: 10px;
 text-align: left;
 background-image: url('gradient.gif');
 background-repeat: repeat-x;
 background-attachment: scroll;
}

.volume span {
 margin-top: 10px;
 margin-left: 10px;
 font-size: 14px;
 font-weight: bold;
}

.volume img {
 border: 1px black solid;
 margin-top: 20px;
 margin-right: 20px; 
 width: 100px;
 height: 150px;
 float: right;
}

.volume hr {
color: black;
background: black;
border: 0;
height: 1px;
margin-top: 3px;
margin-left: 8px;
margin-right: 16px;
}

.volume div {
 margin-left: 10px;
 margin-right: 140px;
}

.volume a {
 width: 200px;
 font-size: 12px;
 margin-left: 10px;
 display: inline-block;
}

.filler { height: auto; }

#footer {
 margin-top: 10px;
 font-size: 11px;
}

.reset { position: absolute; clear: both; }

h1 { font-size: 24px; font-weight: bold; }

h2 { font-size: 18px; font-weight: bold; }

h3 { font-size: 14px; font-weight: bold; }

.Stile14 {	font-size: 12px; }