body {
background: #ffffff;
margin: 0px;
color: #333333; 
padding: 0px;
font-family:Geneva, Arial, Helvetica, sans-serif;
/*font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;*/
font-size: 0.8em;
text-align:center;}

#container {
margin: 4px; 
height: 100%;
}

#header{
background: #FFFFFF url(img/top-img.gif) no-repeat left top;
}

/* @group next-event */

#next-event {
	margin-left: 225px;
	margin-right:170px;
	margin-top: 4px;	
	text-align:left;
	border-bottom:1px dotted;
	background: #EEEEEE url(img/wei.gif) no-repeat left top;
	padding-left:35px;
	font-size: 0.8em;
}

#next-event strong {
	color:#ff00ff;
	font-weight: normal;
}
#next-event h1 {
	font-size: 1.2em;
}

#next-event a:link {
	color: #ff00ff;
	text-decoration:none;
	border-bottom:1px #ff00ff dotted;
	
}
#next-event a:hover {
	color: #909;
	text-decoration:none;
}
#next-event a:active {
	color: #909;
	text-decoration:none;
}
#next-event a:visited {
	color: #909;
	text-decoration:none;
}

/* @end */

/* @group leftsidebar */

#leftsidebar {
font-family:Geneva, Arial, Helvetica, sans-serif;
text-align:left;
padding-top: 2px;
padding-left: 4px;
padding-bottom: 4px;
padding-right: 4px;
width: 210px;
float:left;
}

#leftsidebar p {
font-size:0.8em;
text-align:justify;
padding-right:10px;
}

#leftsidebar h1{
font-size:1em;
}

#leftsidebar h3{
font-size: 1em;
color:#cccccc;
text-transform: uppercase;
padding-top:40px;
margin-bottom:-4px;}

#leftsidebar a:link{
color: #333333;
}

#leftsidebar a:hover{
color: #FF0000;
}

#leftsidebar a:active{
color: #660000;
}

#leftsidebar a:visited{
color: #600;
}

.li-link1 {
	background: url(img/back-li-1.gif) no-repeat right center;
	font-size: 10px;
}

/* @end */

/* @group maincontent */

#maincontent{
text-decoration: none;
text-align: left;
padding:6px 4px 4px 4px;
margin-left: 225px;
margin-top:-12px;

}

#maincontent h3{
color: #cccccc;
text-decoration: none;
}

#maincontent a:link{
color: #000000;
font-weight: bold;
text-decoration: underline;}

#maincontent a:hover{
color: #660000;
text-decoration: none;
font-weight: bold;
}

#maincontent a:active{
color: #660000;
font-weight: bold;
text-decoration: underline;}

#maincontent a:visited{
color: #666666;
font-weight: bold;
text-decoration: underline;}

/* @end */

/* @group menu-top */

.menu {
height:31px;
color: #ffffff;
text-decoration: none;
text-align: left;
float:right;
padding-right:4px;
margin-right: 10px;
padding-left: 2px;
background: url(img/rect-menu.gif) no-repeat top left;
	font: 0.8em Geneva, Arial, Helvetica, sans-serif;
}

.menu a:link {
color: #ffffff;
text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.menu a:hover {
color: #cff;
text-decoration: none;
border-bottom:#ffffff dotted 1px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.menu a:active {
color: #333;
text-decoration: none;
background-color: #cff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.menu a:visited {
font-family:Geneva, Arial, Helvetica, sans-serif;
color: #cccccc;
text-decoration: none;
}

/* @end */

/* div#submenu{
font-size: 1em;
color: #660000;
text-decoration: none;
font-weight: bold;
border: 1px #990000 dashed;
margin-top: 30px;
text-align: center;}

div#submenu a:link {
font-size: 1em;
color: #660000;
text-decoration: none;
font-weight: bold;
}

div#submenu a:hover {
font-size: 1em;
color: #ffffff;
text-decoration: none;
font-weight: bold;
background-color: #660000;}

div#submenu a:active {
font-size: 1em;
color: #ffffff;
text-decoration: none;
font-weight: bold;
background-color: #660000;}

div#submenu a:visited {
font-size: 1em;
color: #666666;
text-decoration: none;
font-weight: bold;
}
*/

/* @group footer */

#footer{
	clear:both;
	font-size:0.9em;
	text-align:left;
	background: url(img/footer-back.jpg) repeat;
	height: 100px;
}

#footer p {
padding-left:240px;
	color: #666666;
}
#footer strong {
color: #333333;
	font-weight: normal;
	font-style: normal;
}

#footer a:link {
color: #000;
text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#footer a:hover {
color: #ff0000;
text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#footer a:active {
color: #ff0000;
text-decoration: none;
background-color: #990000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

#footer a:visited {
font-family:Geneva, Arial, Helvetica, sans-serif;
color: #666666;
text-decoration: none;
}

.twitter {
text-decoration: none;
}

.twitter img {
	border-width: 0;
	border-style: none;
}

/* @end */	

.herreros {
color: #CCCCCC;
margin-left: -4px;
}

em {
background-color: #ffffcc;
	color: #cfc;
}

.indent {
padding-left: 70px;
text-align: left;

}
.make-just{
text-align:justify;
padding:0px 4px 4px 4px;}

.make-center{
text-align:center;
}

P sup{
font-size:8px;
font-weight:bold;
}

.wip {
	border: 1px dotted #9cc;
	padding: 4px;
}

.wip1 {
	border: 1px dotted #f90;
	padding: 4px;
}

.wip2 {
	border: 1px dotted #f9c;
	padding: 4px;
}



.didascalia-quadri {
	width:220px;
	font-size:0.8em;
	border-top:1px #000000 dotted;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}

#quotenews {
	display: block;
	font: italic 11px Georgia, "Times New Roman", Times, serif;
	color: #797979;
	width: 250px;
	text-align: left;
	margin-left:450px;
	border-left: 1px dotted #999;
	padding-left: 20px;
	
}