.text           {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height: 15px;

}
.textthin       { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; line-height: 14px; }
.textmiddle     { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; line-height: 15px; }
.textsmall      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;  color: #666666; line-height: 14px; }
.textlarge      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; line-height: 18px; }
.textwhite      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; line-height: 12px; }
.textwhitesmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;  color: #FFFFFF; line-height: 12px; }
.textred        { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000; line-height: 12px; }

.pagetitle    {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #B52429;
	font-weight: bold;


}
.heading      { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: bold} 
.imagecaption { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;  color: #999999; }

table.tablerowcolor1 tr { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; line-height: 18px; background-color: #FFFFFF; padding-right: 3px; padding-left: 3px; padding-top: 1px; padding-bottom: 1px;}
table.tablerowcolor2 tr { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; line-height: 15px; background-color: #FFFFFF; padding-right: 3px; padding-left: 3px; padding-top: 1px; padding-bottom: 1px;}
table.tablerowcolor3 tr { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;  color: #666666; line-height: 14px; background-color: #FFFFFF; padding-right: 3px; padding-left: 3px; padding-top: 1px; padding-bottom: 1px;}

a                    {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #B52429;
	text-decoration: none;
	font-weight: bold;
} 
a:hover              { font-family: Verdana, Arial, Helvetica, sans-serif;  color: #220607; font-weight: bold}

a.subnavlevel2       {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 240px;
	font-weight: normal;
}
a.subnavlevel2:hover {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;


}

a.subnavlevel3       {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;





} 
a.subnavlevel3:hover {
	color: #FFFFFF;
	font-weight: normal;
} 

a.subnavlevel4       {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;

} 
a.subnavlevel4:hover {
	color: #FFFFFF;
	font-weight: normal;
} 
a.pedalo             {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 6px;
	display: block;
	font-weight: normal;



} 
a.pedalo:hover       {
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;

} 

a.breadcrumb         { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #993399; font-weight: bold; text-decoration: underline; }
a.breadcrumb:hover   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #AC4646; font-weight: bold; text-decoration: underline; }
.breadcrumb          { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #993399; font-weight: bold; text-decoration: none; }

a.navtype1           { font-family: Verdana, Arial, Helvetica, sans-serif; color: #666666; text-decoration: underline; font-weight: bold;} 
a.navtype1:hover     { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF9900; text-decoration: none; font-weight: bold;} 

a.navtype2           { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline; font-weight: bold;} 
a.navtype2:hover     { font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCCCCC; text-decoration: none; font-weight: bold;} 

form     { margin:0px; padding:0px; }
select   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666} 
input    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666} 
options  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666} 
textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666666}

hr {
	font-size: 0px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
}

img.zimageright { margin-left: 24px; margin-right: 0px;  margin-top: 0px; margin-bottom: 22px; }
img.zimageleft  { margin-left: 0px;  margin-right: 24px; margin-top: 0px; margin-bottom: 22px; }

.insettext      { padding-right: 3px; padding-left: 3px; }
.hidedisplay    { display: none; }
.body {
	margin: 0px;
	padding: 0px;
}
.bottombar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCE6EB;
	padding-top: 6px;
	padding-left: 11px;
	padding-right: 6px;
	padding-bottom: 6px;

}
.textgreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E6EFBD;
	line-height: 15px;

}


/*  
    SCROLLABLE
*/ 
div.scrollable { 
     
    /* required settings */ 
    position:relative; 
    overflow:hidden;
	float:left;
}

div.firstScrollable {
	width:107px;
	height:157px;
}

div.secondScrollable {
    width: 409px;     
    height:140px;
}

/*  
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items {     
    /* this cannot be too large */ 
    width:20000em;     
    position:absolute;         
} 
 
/*  
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
	text-align:center;
} 

div.firstScrollable div.items div {
	width:107px;
	height:157px;
	padding:0;
	margin:0;
}

div.secondScrollable div.items div {
	height:130px;
	width:130px;
	padding:5px;
	float:left;
}

a.nextPage, a.prevPage {
	width:35px;
	position:relative;
	float:left;
	height:35px;
	overflow:hidden;
	display:block;
	padding:5px 0;
	margin-top:52px;
}

a.nextPage {
	background:url(../images/scrollable/nav/next.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
}

a.nextPage:hover {
	background-position:0 -30px;
}

a.prevPage {
	background:url(../images/scrollable/nav/prev.png);
	background-position:0px 5px;
	background-repeat:no-repeat;
}

a.prevPage:hover {
	background-position:0 -30px;
}

div.scrollable div.items div img {
	border:none;
}

div.scrollable div.items div a {
	display:block;
	margin:auto 0;
}

/* you may want to setup some decorations to active item */ 
div.items div.active {     
    background-color:#eee; 
}
