@CHARSET "UTF-8";
/*
 * blu-gn: 			#0077bd;
 * blu-gn-chiaro:	#a1cbe0;
 * sfondo-link-menu:#60aad6;
 * grigio-chiaro:	#c6c6c6;
 * grigio-scuro: 	#333333;
 *
 */
 
html, body, div, p, ul, li {
	font: normal 14px/1.3 Helvetica, Arial, sans-serif;
	color: #333333;
}

a, a:visited, a:hover {
	color: #0077bd;
	text-decoration: none;
	font-weight: normal;
}

input {
	height: 2em;
	padding: 0.3em;
}

input.field, textarea.field {
	border: solid #cccccc 1px;
	background-color: #ffffff;
}

input.error, textarea.error {
	border: solid red 1px;
	background-color: #eecccc;
}

th {
	padding: 5px;
	background-color: #a1cbe0;
	color: #0077bd;
}

td {
	height: 32px;
	margin: 0px;
	padding: 3px;
	vertical-align: top;
}

td.submit {
	text-align: right;
}

td.form_error {
	background-color: #ffdddd;
	padding: 10px;
	color: #336633;
}

td label {
	display: block;
	width: 100%;
	text-align: right;
	font-weight: bold;
	margin-top: 8px;
}

#externalWrapper {
	background: transparent url("../images/page-background-border.jpg") top left repeat-y;
}

#header {
	background: transparent url("../images/header.jpg") top right no-repeat;
}

#search {
	text-align: center;
}

#menu {
	background-color: #0077bd;
	height: 40px;
}

#menu ul {
	margin: 0 20px;
	float: left;
}

#menu ul li {
	display: inline;
	float: left;
}

#menu a, #menu a:visited {
	display: block;
	float: left;
	background-color: #0077bd;
	color: #fff;
	text-decoration: none;
	border: solid #0077bd 5px;
	padding: 5px;
	text-indent: 0;
	height: 20px;
}

#menu a:hover {
	background-color: #60aad6;
	border: solid #60aad6 5px;
}

#submenu {
	clear: left;
	display: block;
	margin: 0 auto 0;
	height: 30px;
	background-color: #60aad6;
}

#submenu ul {
	float: left;
	margin-left: 20px;
}

#submenu ul li {
	display: inline;
	float: left;
}

#submenu a, #submenu a:visited {
	display: block;
	float: left;
	background-color: #60aad6;
	color: #fff;
	text-decoration: none;
	border: solid #60aad6 5px;
	padding: 0 5px 10px 5px;
	text-indent: 0;
	height: 10px;
}

#submenu a:hover {
	background-color: #0077bd;
	border: solid #0077bd 5px;
}

#pageWrapper {
	min-height: 350px;
}

#footer {
	width: 960px;
	margin: 0;
	height: 55px;
	background: #f00 url("../images/footer.jpg") top no-repeat;
	text-align: center;
}

#footer p {
	color: #fff;
	font: normal 80%/0.9 Helvetica, Arial, sans-serif;
	width: 900px;
	padding: 15px 20px 0 0;
}

#footer p a {
	color: #fff;
}

#footer .menu {
	margin: 15px 0;
	color: #666;
	text-align: right;
}

#footer .menu a {
	color: #666;
	padding: 0 5px;
}

#footer .menu a.bar {
	border-left: solid #666 1px;
}

#latestNews h2, #latestArticles h2, #upcomingEvents h2, #upcomingAndRecentEvents h2 {
	text-indent: 10px;
	font: normal 120%/1 Helvetica, Arial, sans-serif;
	padding-top: 5px;
	color: #0077bd;
	border-bottom: solid #0077bd 3px;
}

#latestNews li, #latestArticles li, #upcomingEvents li, #upcomingAndRecentEvents li {
	margin: 5px 0;
	border-bottom: dotted #666666 1px;
	padding: 5px;
}

#latestNews .newsDate {
	color: #0077bd;
	font-size: 95%;
}

#latestArticles .articleDate {
	font-size: 95%;
	color: #0077bd;
}

#upcomingEvents, #upcomingAndRecentEvents {
	background-color: #a1cbe0;
}

#upcomingEvents .eventDate, #upcomingAndRecentEvents .eventDate {
	color: #0077bd;
	font-size: 95%;
}

#upcomingEvents ul, #upcomingAndRecentEvents ul {
	padding: 0 10px 0 10px;
}

#upcomingEvents h2, #upcomingAndRecentEvents h2 {
	background-color: #fff;
}

#upcomingEvents .commands a, #upcomingAndRecentEvents .commands a{
	margin: 0 5px 5px 0;
}

.commands {
	text-align: right;
	font-size: 0.95em;
}

.tagList {
	margin-top: 10px;
	border-top: dashed #666666 1px;
}

.tagList h3 {
	font-weight: normal;
	font-size: 95%;
	color: #666666;
}

.tagList li {
	font-size: 90%;
	float: left;
	margin: 0 3px;
}

.articleTitle, .eventTitle, .newsTitle {
	font-size: 130%;
	color: #0077bd;
}

.attachments h2 {
	color: #0077bd;
}

.attachments .attachmentDescription, .attachments .attachmentLink {
	color: #666666;
	font-size: 95%;
	text-indent: 5px;
}

#event .eventStartDate, #event .eventEndDate, #event .eventStartHour, #event .eventEndHour, #news .newsDate {
	font-weight: bold;
}

#articleList ul, #eventList ul, #newsList ul, #searchResults ol {
	margin-left: 20px;
	list-style: url("../images/dot.gif");
}

#articleList li, #eventList li, #newsList li, #searchResults li {
	margin: 5px 0;
}

#sitemap ul {
	margin-left: 20px;
	list-style-image: url("../images/dot.gif");
}

#event .eventLogo, #event .eventShortDescription, #event eventDate, #event .eventLocation, #event .eventDescription, #event .eventAgenda {
	margin: 5px 0;
}

#page h2 {
	font: normal 135%/1 Helvetica, Arial, sans-serif;
	padding: 5px 0;
	color: #0077bd;
}

#pageContent li, #article div.articleContent li {
	list-style-image: url("../images/dot.gif");
	margin-left: 20px;
}

#pageContent div.tagList li, #article div.articleContent div.tagList li {
	list-style: none;
	margin-left: 0;
}

#error h1 {
	font-size: 200%;
	color: #0077bd;
}

.description {
	display: none;
	color: #666666;
	font-size: 95%;
}

.clear {
	clear: both;
}


#upcomingAndRecentEvents li.event.upcoming {
	background-color: #d6e7f0;
	border-bottom: dotted #0077bd 1px;
	cursor: pointer;
}

#upcomingAndRecentEvents li.event.recent *{
	color: #666;
}

#upcomingAndRecentEvents li.event.upcoming:hover, #upcomingAndRecentEvents li.event.recent {
	background-color: #a1cbe0;
	border-bottom: dotted #0077bd 1px;
	cursor: pointer;
}

#latestArticles li:hover, #latestNews li:hover {
	background-color: #a1cbe0;
	cursor: pointer;
}

#rssArticleIcon, #rssEventIcon, #rssNewsIcon {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	text-indent: -3000px;
	margin-left: 10px;
	background: transparent url("../images/rss_icon_light.png") top right no-repeat;
}

#rssArticleIcon:hover, #rssEventIcon:hover, #rssNewsIcon:hover {
	background: transparent url("../images/rss_icon.png") top right no-repeat;
}

div.eventDescription h2 {
	font: normal 135%/1 Helvetica, Arial, sans-serif;
	padding: 5px 0;
	color: #0077bd;
}

div.eventDescription li {
	list-style-image: url("../images/dot.gif");
	margin-left: 20px;
}

