@CHARSET "UTF-8";

* {
	margin: 0;
	padding: 0;
	font-size: 1em;
}

#header,
body #footer a {
	background-color: #222;
	color: white;
}

body,
#footer,
#footer a {
	background-color: #333 !important;
	color: #EEE;
}

body {
	font-size: 101%;
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
}

a {
	color: #276AA5;
}

a:hover {
	color: #127AD6;
}

a:visited {
	color: #50667A;
}

hr {
	clear: both;
	border: 0;

	width: 0;
}

#background {
	background-color: white;
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 0.8em;
	color: black;
}

#footer {
	text-align: center;
	font-size: 0.8em;
	line-height: 1.6em;
	padding: 2em;
	margin: 0 auto;
}

#container {
	width: 785px;
	margin: 0 auto;
}

#header {
	width: 100%;
	background-image: url("../images/experiment.jpg");
	background-position: bottom;
	background-repeat: repeat-x;
	padding-top: 20px;
}

#inheader .title a {
	text-decoration: none;
}

#inheader .title a:hover {
	text-decoration: underline;
}

#foo {
	margin: 0 auto;
	width: 785px;
}

#home #content h4 {
	margin-top: 1.4em;
}

#inheader,
#inheader .title a,
#content,
#content .box,
#curriculum #content li,
#inheader p,
#home #content .box h3 {
	background-color: white;
	color: black;
}

#inheader {
	background-image: url("../images/logo.png");
	background-repeat: no-repeat;
	background-position: right 15px;
	padding: 35px 90px 35px 35px;
	width: 550px;
	margin-bottom: 30px;

	font-family: Georgia, serif;
}

#inheader .title {
	font-size: 3em;
	letter-spacing: -0.07em;

	font-family: "Trebuchet MS", sans-serif;
}

#inheader p,
#home #content .box h3 {
	color: #666;	
}

#inheader p {
	font-size: 1.5em;
	margin-top: 0.1em;
}

#inheader {
	border: solid;
	border-width: 1px;
	border-color: #EEE #AAA #AAA #EEE;
}

#menu {
	overflow: auto;

	width: 100%;
}

#menu ul {
	float: right;
}

#menu li {
	float: left;
	margin: 0 5px;
	list-style-type: none;
	display: block;
}

#menu a {
	outline: none;
}

#menu .item {
	display: block;
	font-weight: bold;
	padding: 0.6em 0.8em;
	font-size: 1.1em;
	text-decoration: none;
	color: white;
}

#menu .item.active,
#menu .item:hover {
	background-color: white;
	color: #3B5213;
}

#content {
	padding: 2em 1.5em 5em 1.5em;
}

#content p,
#content dl {
	line-height: 1.65em;
	margin-bottom: 1.3em;
}

#content dt {
	float: left;
	width: 3em;

	font-style: italic;
}

#content h3,
#content h4 {
	font-size: 1.1em;
	margin-bottom: 0.5em;
	font-family: Georgia, serif;
}

#content ul {
	margin-top: 0.8em;
	margin-left: 1.2em;
	list-style-type: square;
}

#content li {
	line-height: 1.8em;
	margin-bottom: 0.8em;
}


#content .info {

	display: none;

}


#content .address,
#content .phone,
#content .fax,
#content .mail {
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 25px;
}

#content .address {
	background-image: url("../images/map.png");
}

#content .phone {
	background-image: url("../images/telephone.png");
}

#content .fax {
	background-image: url("../images/printer_empty.png");
}

#content .mail {
	background-image: url("../images/email.png");
}

#content .box,
#curriculum #content li,
#home #content .box h3,
#home #content .box a {
	background-color: #F7F7E9;
}

#content .box {
	border: 1px solid #E3E3CA;
	padding: 15px 20px;
	margin-bottom: 20px;
}

#attivita #content .box {
	float: right;
	width: 47%;
	margin-left: 35px;
}

#home #content .box {
	width: 60%;
	float: left;
	margin-right: 20px;
}

#home #content {
	padding-left: 1em
}

#content h2 {
	font-family: Georgia, serif;

	width: 100%;
}

#attivita #content h2,
#home #content h2 {
	font-size: 1.9em;
	letter-spacing: -0.05em;
	margin-bottom: 0.2em;
}

#home #content h2 {
	font-family: Verdana, sans-serif;
}

#attivita #content h2 {
	letter-spacing: 0.01em;
	margin-bottom: 0.8em;
}

#attivita #content ul {
	margin-left: 0;
}

#attivita #content li {
	background-image: url("../images/bullet_black.png");
	background-repeat: no-repeat;
	background-position: 5px 4px;
	padding: 0 10px 0 30px;
	list-style-type: none;
}

#home #content h3 {
	margin-top: 1.2em;
}

#home #content .box h3 {
	margin-bottom: 1em;
	margin-top: 0;
}

#curriculum #content {
	padding-right: 0;
}

#curriculum #content h2 {
	font-size: 1.9em;
	letter-spacing: -0.05em;
	margin-bottom: 1em;
}

#curriculum #content ul {
	list-style-type: none;
	margin: 0;
}

#curriculum #content li {
	background-image: url("../images/calendar.png");
	background-repeat: no-repeat;
	background-position: 10px 15px;
	padding: 10px 10px 10px 35px;
	border: 1px solid #E3E3CA;
	float: left;
	width: 40%;
	margin-right: 20px;
	margin-bottom: 25px;
	height: 5.5em;
}

br.clear {
	clear: both;
}