/* DIVS */

 #center {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	height: 100%;
}
#header {
	float: right;
}
#footer {
	background: #000000;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	margin-top: 1px;
	padding-bottom: 5px;
	font-size: 1em;
	font-weight: 100;
	height: 15px;
	clear: both;
}
#columnLeft {
	float: left;
	clear: left;
	background: #8CA39F;
	padding-top: 10px;
	color: #C0CCC4;
	margin-bottom: 2px;
	font: 100 1em "Helvetica Neue Light", Helvetica, Arial;
	padding-right: 10px;
	text-align: right;
	z-index: 99;
}
 #columnRight {
	float: right;
	margin-left: 2px;
	clear: right;
	background: #FEFCEC;
	padding: 5px;
	margin-bottom: 2px;
	height: 100%;
}
.oneleft {
		width: 50px; 
		height: 184px}
.oneright {
	width: 678px;
	height: 184px;
}
.twoleft {
		width: 50px; 
		height: 90px }
.tworight {
	height: 90px;
	width: 678px;
}
.threeleft {
	width: 50px;
	margin-bottom: 0px;
	height: 90em;
}
.threeright {
		height: 90em; 
		width: 678px;
		margin-bottom: 0px }
#detail {
	margin-right: 16px;
	float: left;
}
.full {
	width: 403px;
}
.half {
	width: 221px;
}
#thumbnailview {
	height: 30px;
	width: 412px;
	clip: rect(auto,auto,auto,auto);
}
form {
	padding-bottom: 5px;
}
/* FORMS */
input {
		border: 1px solid #666666 }
textarea {
		border: 1px solid #666666 }
/* BODY and TEXT TAGS */
body {
		color: #000000; 
		font: 10px "trebuchet MS", Arial, sans-serif; 
		background: #FCFDFC url(system/bg1b.jpg) repeat-x fixed}
h2 {
	color: #98A9A1;
	border-left: 6px solid #98A9A1;
	padding-left: 10px;
	background: #DFE8DF;
	font: 100 1.3em "Times New Roman", Times, serif;
	margin-top: 0px;
}
h3 {
	font: 100 2em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 5px;
}
p {
	text-decoration: none;
	word-spacing: 0.2em;
	text-align: justify;
	font: 1em/1.6em;
	margin-top: 0px;
	padding-top: 1em;
}
p.mode {
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #98A9A1;
	font: italic 100 1em "Times New Roman", Times, serif;
	padding-top: 0px;
}
p.centeredDecoration {
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
	text-align: left;
}
p.lighter {
	color: #A4B1A7;
	text-align: left;
}
/* LINKS */
 a {
	text-decoration: none;
	color: #F66D44;
}
 a.tagged {
	background: url(system/tag.png) no-repeat left;
	padding-left: 15px;
}
a:hover {
		background-color: #DEDEDE}
a.mp3 {
	padding-left: 20px;
	background: url(system/music.png) no-repeat left top;
	display: block;
	vertical-align: text-top;
}
a.mp3:hover {
	background: #E3E6DC url(system/sound_none.png) no-repeat left top;
	color: #F66D44;
}
/* LISTS */
li {
	list-style: none;
	border-left: 5px solid #98A9A1;
	margin-bottom: 2px;
	padding-left: 4px;
	background: #DFE8DF;
	color: #98A9A1;
	padding-right: 2px;
}
#detail li {
	border-style: none;
	margin-left: -35px;
	margin-bottom: 15px;
}
ul.left {
	display: block;
	float: right;
}
ul#menuUl {
	padding-bottom: 0px;
	margin: 34px 2px 0px;
}
/* UTILITY */
.logo {
	padding-top: 50px;
	float: left;
}
.width221 {
	width: 221px;
}
.width417 {
	width: 403px;
	clip: rect(auto,auto,300px,auto);
}
.imgLists {
	width: 150px;
	float: right;
	margin-left: 10px;
}
.leggitutto {
	display: block;
	float: right;
	padding-top: 10px;
	background: left top;
}
.whitebackground {
	background: #D2E5DA;
	padding: 10px;
}
#clipper300 {
	clip: rect(auto,auto,auto,auto);
	overflow: hidden;
	height: 300px;
}

