body {
  text-align: center;
  margin-top:10px;
  margin-bottom:10px;
  font:14px Verdana;
  color:#666666;
  background:#EDEDED url('../img/bg.gif') repeat-x ;
  }

.shock{
  text-align: center;
  margin-top:10px;
  margin-bottom:10px;
  font:14px Verdana;
  color:#666666;
  background-color:black;

}
A:link {
	COLOR: red; text-decoration: underline;
}
A:visited {
	COLOR: red; text-decoration: underline;
}
A:active {
	COLOR: red; text-decoration: underline;
}
A:hover {
	COLOR: red; text-decoration: underline;
}

ul {
	list-style: disc outside;
      color:red;
      
	
	}
.loghi{
margin-left:-1px;
}
.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(images/formbg.gif) repeat-x left top;
}

#page_wrapper {
  margin-left: auto; 
  margin-right: auto;
  width: 960px;
  text-align: left;
  background: #FFFFFF;
  border: 8px solid #FFFFFF;
}

#header_wrapper {
  background:#ffffff bottom left repeat-x;
  margin:0px; padding:0px;

}
#orizont {
  background:#C9E6F5 bottom left repeat-x;
  padding:0px;
margin-top:0px;
}
#menu_orizont{
margin:0px;
border:1px solid #4E7DD1;
color: #07469d;

}

.orizon a{
color: #07469d;
text-decoration: none;
font-size: 12px;
}

.orizon a:link, .orizon a:visited{
color: #07469d;
text-decoration: none;
}

.orizon a:hover{
background-color: #8fc6da ;
color: white;
font-weight:bold;
}

#header {
  height: 120px;
  background:#ffffff url('../img/blocco.gif') top right no-repeat;
  margin:0px;
  border-top:1px solid #4E7DD1;
  border-left:1px solid #4E7DD1;
  border-right:1px solid #4E7DD1;

}
#headerS {
  height: 120px;
  background:#ffffff url('../img/headers.gif') top right no-repeat;
  margin:0px;
  border-top:1px solid #4E7DD1;
  border-left:1px solid #4E7DD1;
  border-right:1px solid #4E7DD1;

}

#header h1 {
  margin:0px;
  font-family: verdana, arial, sans-serif;
  font-size: 28px;
  color:#ffffff;
  letter-spacing: -1px;
}

#header h2 {
  margin:0px;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  color:#B1C6EB;
  letter-spacing: 1px;
}
.mainS {
 float:left;
 width:726px;
height:261px;
clear:left; 
 background-image:url('../img/sprite.gif');
background-repeat:no-repeat;

 }
.mainS3 {
 float:left;
 width:726px;
height:1000px;
clear:left; 
 background-image:url('../img/sprite.gif');
background-repeat:no-repeat;

 }

.mainS2 {
 float:left;
 width:947px;
 clear:left; 
 background-image:url('../img/ricerca.gif');
background-repeat:no-repeat;
 }

.title{
margin-top:5px;
margin-left:10px;
color:#07469d;
}
.title_A{
margin-top:55px;
margin-left:10px;
color:#07469d;
font:22px Verdana;
}
.Title_Right{
float:right;
margin-top:10px;
margin-right:10px;
color:#07469d;
}
.title_r{
float:right;
margin-right:8px;
margin-top:5px;
color:red;
text-decoration:underline;
font:13px Verdana;
color:black;
font-weight:bold;
}
.text_r{
text-align:justify;
margin-left:5px;
margin-right:5px;
}
.title_us{
float:right;
margin-right:3px;
margin-left:3px;
margin-top:5px;
text-decoration:underline;
font:12px Verdana;
color:black;
font-weight:bold;
}
.textv {
border:1px solid #c5ddf6;
margin-top:-10px;
margin-left:1px;
margin-right:1px;
height:220px;
 }
.texfriends {
border:1px solid #c5ddf6;
margin-top:-10px;
margin-left:1px;
margin-right:1px;
height:150px;
 }
.banner {
float:left;
width:726px;
height:190px;
clear:left; 
background-image:url('../img/sprite.gif');
 }

.textulti {
border:1px solid #c5ddf6;
margin-top:-10px;
margin-left:1px;
margin-right:1px;
height:155px;
background:url(../img/gradiente.gif) repeat-x;
 }
.textulti2 {
border:1px solid #c5ddf6;
margin-top:-10px;
margin-left:1px;
margin-right:1px;
height:150px;

 }
.textbigv {
border:1px solid #c5ddf6;
margin-top:-10px;
margin-left:1px;
margin-right:1px;
height:350px;
background:url('../images/back_v.gif');
 }
.textbigazv {
border:1px solid #c5ddf6;
margin-top:-10px;
margin-left:1px;
margin-right:1px;
height:350px;
background-image:url('../img/cerca_bg.gif');
 }
.textbigazv_off {
border:1px solid #c5ddf6;
margin-top:-10px;
margin-left:1px;
margin-right:1px;
height:350px;
background-image:url('../img/ric_off.gif');
 }
.textbigazv_ {
border:1px solid #c5ddf6;
margin-top:-10px;
margin-left:1px;
margin-right:1px;
height:350px;
 }
.textbigazv_cinema {
border:1px solid #c5ddf6;
margin-top:-10px;
margin-left:1px;
margin-right:1px;
height:350px;
background-image:url('../img/pellicola.jpg');
background-repeat:no-repeat;
background-position:bottom right;
 }
.textbigazv_meteo {
border:1px solid #c5ddf6;
margin-top:-10px;
margin-left:1px;
margin-right:1px;
height:610px;
 }
.textbigazv_esperto {
border:1px solid #c5ddf6;
margin-top:-10px;
margin-left:1px;
margin-right:1px;
height:910px;
 }
.textbigazv2 {
border:1px solid #c5ddf6;
margin-top:-10px;
margin-left:1px;
margin-right:1px;
 }
.textbigazv3 {
border:1px solid #c5ddf6;
margin-top:30px;
margin-left:1px;
margin-right:1px;
margin-bottom:20px;
width:944px;
 }
.sideL { 
float:right;
width:215px;
height:200px;
background-image:url('../img/classifica.gif');
}
.sideL2 { 
float:right;
width:215px;
margin-top:-5px;
height:180px;
background-image:url('../img/classifica.gif');
}
.sideL3 { 
float:right;
width:215px;
height:200px;
background-image:url('../img/classifica.gif');

}
#blocco_1{
width:950px;
height:370px;
}
#blocco_1e{
width:950px;
height:370px;
}
#blocco_2{
margin-top:20px;
width:950px;
height:270px;
}
#blocco_2B{
margin-top:20px;
width:950px;
height:270px;
}
#blocco_2Be{
margin-top:20px;
width:950px;
}
#blocco_3{
margin-top:-10px;
width:950px;
height:200px;
}
#blocco_1_Libero{
width:950px;
}
.tv {
 float:left;
 width:360px;
height:255px;
clear:left; 
 background-image:url('../img/tv.gif');
 }

.Articoli {
 float:left;
 width:360px;
height:255px;
margin-left:5px;
background-image:url('../img/tv.gif');
 }
.td_image_a{
border-right:1px dotted silver;
}
.table_image{
border-top:1px dotted silver;
margin-top:20px;
}
.lista_o{
color:red;
font-size:11px;
padding:3px; 0 0 0;
}

.lista_o a{
color:#1d1d1d;
text-decoration:none;
}
.lista_o a:visited{
color:#1d1d1d;
text-decoration:none;
}
.lista_o a:hover{
color:red;
font-size:11px;
text-decoration:underline;
}

#left_side {
  margin-top:-125px;
  float: left;
  width: 160px;
  background: #F1F6FE url('../img/side_bg.gif') bottom left repeat-x;
}

#right_side {
  margin-top: -125px;
  float: right;
  width: 160px;
  background: #F1F6FE url('../img/side_bg.gif') bottom left repeat-x;
}

#content{
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 5px;
  margin-right: 5px;
height: auto;
}

#footer {
  height: 20px;
  text-align: center;
  color: #B6CEF9;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  border:1px solid #c5ddf6;

}

#footer a:link {
	color: #9b9b9b;
      text-decoration: none;
}
#footer a:visited {
	color: #9b9b9b; text-decoration: none;
}
#footer a:active {
	color: #9b9b9b; text-decoration: none;
}
#footer a:hover {
	color: #9b9b9b; text-decoration: underline;
}

#left_side p, #right_side p {
  margin:10px;margin-top:15px;margin-bottom:15px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #333333;
}

#left_side h3, #right_side h3 {
  margin-top:5px; margin-bottom:10px; margin-left:5px; margin-right:5px;
  padding:2px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  color: #FFFFFF;
  
}
#box_menu{
  margin-top:5px; margin-bottom:10px; margin-left:5px; margin-right:5px;
  padding:2px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  color: #FFFFFF;
  height:260px;
  background:  url(../images/bg.png) no-repeat;
  
}
#box_utente{
  margin-top:5px; margin-bottom:10px; margin-left:5px; margin-right:5px;
  padding:2px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  color: #FFFFFF;
  height:230px;
  background:  url(../images/bg_ut.png) no-repeat;
  


  
}
#box_partners{
  margin-top:-35px; margin-bottom:10px; margin-left:5px; margin-right:5px;
  padding:2px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  color: #FFFFFF;
  height:300px;
  background:  url(../images/box_pt.png) no-repeat;
  
}

#box_vetrina{
  margin-top:20px; margin-bottom:10px; margin-left:5px; margin-right:5px;
  padding:2px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  color: #FFFFFF;
  height:300px;
  background:  url(../images/vetrina.png) no-repeat;
  
}

#left_side h4, #right_side h4 {
  margin-top:0px;margin-bottom:0px;margin-left:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  color: #2153AA;
}

#content p {
  margin-top:15px; margin-bottom: 15px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #333333;
}

#content h3 {
  margin-top:5px; margin-bottom: 10px;
  font-family: verdana, arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  color: #2153AA;
}

#content h4 {
  margin-top:0px;margin-bottom:0px;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 12px;
  color: #2153AA;
}

#navlist
{
  margin-top:1px;
  margin-bottom:0px;
  text-align:center;
  padding: 5px 0;
  margin-left: 0;
  border-bottom: 1px solid #0F3974;
  font: bold 14px Verdana, sans-serif;
}

#navlist li
{
  list-style: none;
  margin: 0;
  display: inline;
}

#navlist li a
{
  color: #F1F6FE;
  padding: 5px 15px;
  margin-left: 3px;
  border: 1px solid #0F3974;
  border-bottom: none;
  background: #2153AA url('../img/tab_bg.gif') bottom left repeat-x;
  text-decoration: none;
}

#navlist li a:link { color: #F1F6FE; }
#navlist li a:visited { color: #F1F6FE; }

#navlist li a:hover
{
  color: #FFFFFF;
  background: #3364BB;
  border-color: #0F3974;
}

#navlist li a#current
{
  color: #000;
  background: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

.float_left {
  float: left;
  margin-right: 10px;
}

.float_right {
  float: right;
  margin-left: 10px;
}

.featurebox_center {
  background-color: #fffff6;
  margin:0px;
  padding:10px;
  border: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}

.featurebox_side {
  background-color: #fffff6;
  margin:0px;margin-left:10px;margin-right:10px;margin-bottom:15px;
  padding:10px;
  border: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}
.featurebox_sidel {
  background-color: #fffff6;
  margin:-90px;margin-left:5px;margin-right:5px;margin-bottom:15px;
  padding:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
height:230px;
border:1px solid #0956BF;
}
*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		background-color:transparent;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 15px 5px 20px;
		color:#1f7cac;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		font-weight:bold;
	}


	/*"""""""" (MAIN) Parent Items""""""""*/	
	#qm0 .qmparent	
	{	
		background-image:url(qmimages/qthoverfill_plus_main_blue.gif);
		background-repeat:no-repeat;
		background-position:9px 10px;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		color:#ffffff;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:5px;
		margin:-2px 0px 0px -6px;
		background-color:transparent;
		border-width:1px;
		border-style:none;
		border-color:#0956bf;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:5px 50px 5px 20px;
		color:#f5f5f5;
		font-size:12px;
		font-weight:bold;
		border-width:0px;
		border-style:none;
		border-color:#000000;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		color:#8e9fd4;
		text-decoration:none;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		color:#8e9fd4;
		text-decoration:none;
	}


	/*"""""""" (SUB) Parent Items""""""""*/	
	#qm0 div .qmparent, #qm0 ul .qmparent	
	{	
		background-image:url(qmimages/qthoverfill_plus_sub.gif);
	}


	/*"""""""" (SUB) Parent Hover State""""""""*/	
	#qm0 div .qmparent:hover	
	{	
		background-image:url(qmimages/qthoverfill_plus_sub_hover_blue.gif);
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-image:url(qmimages/qthoverfill_minus_sub.gif);
		color:#eeeeee;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		font-size:11px;
	}


	/*"""""""" Box Animation Styles""""""""*/	
	#qm0 .qmbox	
	{	
		border-width:1px;
		border-style:solid;
		border-color:#999999;
	}


	/*"""""""" (main) Rounded Items""""""""*/	
	#qm0 .qmritem span	
	{	
		border-color:#0956bf;
		background-color:#0956bf;
		background-image:url(qmimages/qthoverfill_minus_main_blue.gif);
		background-repeat:no-repeat;
		background-position:9px 5px;
	}


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm0 .qmritemcontent	
	{	
		padding:0px 0px 0px 20px;
	}


	/*"""""""" (sub) Rounded Items""""""""*/	
	#qm0 div .qmritem span	
	{	
		border-color:#666666;
		background-color:#eeeeee;
	}


	/*"""""""" (sub) Rounded Items Content""""""""*/	
	#qm0 div .qmritemcontent	
	{	
		padding:0px 0px 0px 4px;
	}


	/*"""""""" Sub Hover Fill Items [Static]""""""""*/	
	#qm0 div .qmhoverfill	
	{	
		background-color:#c6d2f8;
	}


	/*"""""""" Custom Rule""""""""*/	
	div#qm0 div div	
	{	
		margin:0px 0px 0px -6px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a	
	{	
		background-color:#0956bf;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		background-color:#0956bf;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul li:hover > a	
	{	
		color:#c6d2f8;
	}

/*Example for a Menu Style*/
.menu {
border:1px solid #4E7DD1;
width:99%;
overflow:auto;
margin-top:5px;
background:#ecf6fb;
}
#box_central {
 color:#272727;
 border:1px solid #4E7DD1; 
 height:24px;
 width:99%;
 height:600px;
}
.menu ul {margin:0px; padding:0px; list-style:none; text-align:center;}
.menu li {display:inline; line-height:23px;}
.menu li a {color:#0956BF; text-decoration:none; padding:4px 5px 6px 5px;  border-left:1px solid #ececec; border-right:1px solid #ececec;}
.menu li a.tabactive {color:#ffffff;border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background-color:#0956BF; font-weight:bold;  position:relative;}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4,#tabcontent5 {background:url(../images/body_bg.gif) repeat-x;border:1px solid #4E7DD1; width:99%;height:200px;padding:6px 0px; font-size:12px; margin-bottom:2px;}

div.textimage{
width: 99%;margin-bottom: 2px; 
}

div.textimage img{
float:left;
margin: 10px
}

div.textimage h2, div.textimage p{
margin:0 10px;
padding: 0
text-align:justify;
}

div.textimage h2{
margin-top: 10px
}
div.textimage h2.title{
margin-top: 10px;
text-decoration:underline;
color:red;
font-size:15px;
}
div.clearer{clear: left}

div.textimage2{
width: 97%;margin-bottom: 2px; 
}
div.textimage2 img{
float:left;
margin: 10px
}

div.textimage2 h2, div.textimage2 p{
margin:0 10px;
padding: 0
text-align:justify;
}

div.textimage2 h2{
margin-top: 10px
}
div.textimage2 h2.title{
margin-top: 10px;
text-decoration:underline;
color:red;
font-size:15px;
}
div.clearer{clear: left}


#imageMenu {
	position: relative;
	width: 500px;
	height: 200px;
	overflow: hidden;
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 1000px;
	
	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:98px;
	height: 200px;
}

#imageMenu ul li.almanacco a {
	background: url(../images/almanacco.jpg) repeat scroll 0%;
}

#imageMenu ul li.meteo a {
	background: url(../images/meteo.jpg) repeat scroll 0%;
}

#imageMenu ul li.cucina a {
	background: url(../images/cucina.jpg) repeat scroll 0%;
}

#imageMenu ul li.viaggi a {
	background: url(../images/viaggi.jpg) repeat scroll 0%;
}

#imageMenu ul li.annunci a {
	background: url(../images/annunci.jpg) repeat scroll 0%;
}

.clear {
	clear: both;
}



#search { 
	clear: both;
	color: #000;
	background: #fff url(../images/searchbg.png) no-repeat;
	padding: 14px 0 5px 5px;
	width: 500px;
}
	#search p { padding: 0; margin: 0;color:white; }


input.search { width: 240px; border: none; background: #fff url(../images/input.gif) no-repeat; padding: 6px 2px; color: #1E67A8; font-weight: bold; }
input.button { padding: 3px; }


#right_side form label{
	font:normal 11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left; 
	display:block;
}
#right_side form input.txtBox{
	width:120px;
	height:19px;
	border:1px solid red;
	color:#000;
	background-color:#fff;
	margin-left:2px;
	float:left;
      font:12px Verdana;
        border:1px solid #0956BF;

}
#right_side form a{
	background:url(../images/groupevent.png) no-repeat;
	padding:0 0 0 20px;
	font:bold 10px "Verdana", Arial, Helvetica, sans-serif;
	color:black;
	text-decoration:underline;
	float:left;
	margin:15px 0 0 0;
	width:100px;
      
}
#right_side form a:hover{
	text-decoration:none;
}
#right_side form input.go{
	background:url(../images/btn_go.gif) 0 0 no-repeat;
	width:36px;
	height:15px;
	border:none;
	cursor:pointer;
	float:right;
      margin-top:8px;

      
}

div.meteo p{
margin:0 10px;
padding: 0
text-align:justify;
font:10px Verdana;
}

.linkopaco img {
filter:alpha(opacity=80);
-moz-opacity: 0.5;
opacity: 0.5;
}

a.linkopaco:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
table.calendar {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	border-collapse: collapse;
	background-color: white;
	border: solid #999999 1px;
	background-color: white;
	width: 200px;
	text-align: center;
	/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
	-moz-user-select: none;
    /*-khtml-user-select: none;*/
}
table.calendar input, table.calendar select {
	font-size: 10px;
}
table.calendar td {
	border: 0;
	font-size: 10px;
	text-align: center;
}
div.mainheading {
	margin: 2px;
}
table.caldayheading {
	border-collapse: collapse;
	cursor: pointer;
	empty-cells: show;
	margin: 0 6px 0 6px;
}
table.caldayheading td {
	border: solid #CCCCCC 1px;
	text-align: left;
	color: #0054E3;
	font-weight: bold;
	width: 22px; /*should match calendar cell's width*/
}
table.caldayheading td.wkhead {
	border-right: double #CCCCCC 3px;
}
table.calcells {
	border-collapse: collapse;
	cursor: pointer;
	margin: 0 6px 0 6px;
}
table.calcells td {
	border: solid #CCCCCC 1px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	width: 22px;
	height: 20px; /*IE doesn't like ems*/
}
table.calcells td div {
	padding: 1px;
	margin: 0;
}
table.calcells td.wkhead {
	background-color: white;
	text-align: center;
	border-right: double #CCCCCC 3px;
	color: #0054E3;
}
table.calcells td.wkday {
	background-color: #DDDDDD;
}
table.calcells td.wkend {
	background-color: #DDDDDD;
}
table.calcells td.curdate {

}
table.calcells td.cell_selected {
	background-color: #99CCFF;
	color: black;
}
table.calcells td.notmnth {
	background-color: #FFFFFF;
	color: #CCCCCC;
}
table.calcells td.notallowed {
	background-color: white;
	color: #EEEEEE;
	font-style: italic;
}
table.calcells td.hover {
	background-color: #999999;
}

.rteImage {
	background: #D3D3D3;
	border: 1px solid #D3D3D3;
	cursor: pointer;
	cursor: hand;
}

.rteImageRaised, .rteImage:hover {
	background: #D3D3D3;
	border: 1px outset;
	cursor: pointer;
	cursor: hand;
}

.rteImageLowered, .rteImage:active {
	background: #D3D3D3;
	border: 1px inset;
	cursor: pointer;
	cursor: hand;
}

.rteVertSep {
	margin: 0 4px 0 4px;
}

.rteBack {
	background: #D3D3D3;
	border: 1px outset;
	letter-spacing: 0;
	padding: 2px;
}

.rteBack tbody tr td, .rteBack tr td {
	background: #D3D3D3;
	padding: 0;
}

.rteDiv {
	display: block;
	position: relative;
}

#foto{
float:left;
margin-left:8px;
margin-top:30px;
border:1px solid #0956BF;
}
#foto2{
float:left;
margin-left:8px;
margin-top:15px;
border:1px solid #0956BF;

}
.rollover {
	WIDTH: 45px; HEIGHT: 56px;
}
.rollover IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;
}
.rollover A {
	DISPLAY: block;
}
.rollover A:hover IMG {
	DISPLAY: none;
}
.rollover A:hover {
	BACKGROUND: url(../sponsor/provincia2.gif) #09d no-repeat center center; WIDTH: 45px; HEIGHT: 56px;
}

.rollover2 {
	WIDTH: 45px; HEIGHT: 56px;
}
.rollover2 IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;
}
.rollover2 A {
	DISPLAY: block;
}
.rollover2 A:hover IMG {
	DISPLAY: none;
}
.rollover2 A:hover {
	BACKGROUND: url(../sponsor/cava2.gif) #09d no-repeat center center; WIDTH: 45px; HEIGHT: 56px;
}

.rollover3 {
	WIDTH: 45px; HEIGHT: 56px;
}
.rollover3 IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;
}
.rollover3 A {
	DISPLAY: block;
}
.rollover3 A:hover IMG {
	DISPLAY: none;
}
.rollover3 A:hover {
	BACKGROUND: url(../sponsor/salerno2.gif) #09d no-repeat center center; WIDTH: 45px; HEIGHT: 56px;
}

.rollover4 {
	WIDTH: 45px; HEIGHT: 56px;
}
.rollover4 IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;
}
.rollover4 A {
	DISPLAY: block;
}
.rollover4 A:hover IMG {
	DISPLAY: none;
}
.rollover4 A:hover {
	BACKGROUND: url(../sponsor/siano2.gif) #09d no-repeat center center; WIDTH: 45px; HEIGHT: 56px;
}

.rollover5 {
	WIDTH: 45px; HEIGHT: 56px;
}
.rollover5 IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;
}
.rollover5 A {
	DISPLAY: block;
}
.rollover5 A:hover IMG {
	DISPLAY: none;
}
.rollover5 A:hover {
	BACKGROUND: url(../sponsor/calvanico2.gif) #09d no-repeat center center; WIDTH: 45px; HEIGHT: 56px;
}
.rollover6 {
	WIDTH: 45px; HEIGHT: 56px;
}
.rollover6 IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;
}
.rollover6 A {
	DISPLAY: block;
}
.rollover6 A:hover IMG {
	DISPLAY: none;
}
.rollover6 A:hover {
	BACKGROUND: url(../sponsor/pellezzano2.gif) #09d no-repeat center center; WIDTH: 45px; HEIGHT: 56px;
}




/* regole per i messaggi su richiesta */
.help-message{ 
    display: block !important;
    display: none; /* IE6 e inferiori */
    float:right;
    position: relative;
    width: 16px;
    height: 16px;   
    background: #FFF url(../img/info.png);
}
.help-message em{
    position:absolute;
    left: -9999px;
    min-width: 25em;padding: 7px;
    border: 1px solid #4E7DD1;background: #ffffff;color: #0956BF;
    font: normal normal 12px/1.3 Arial, sans-serif ;
    }
.help-message:hover em{ 
    left: 20px;
    top: -5px;
}


#example1{
margin:0;
padding:0;
width:130px;
list-style-type:none;
line-height:120%;
margin-top:30px;
}
#example1 .closed{
background-image:url(img/ha-down.gif);
}
#example1 .closed,#example1 .opened{
padding-right:10px;
background-position:103% 50%;
background-repeat:no-repeat;
}
#example1 .header{
}
#example1 .opened{
background-image:url(img/ha-up.gif);
}
#example1 a{
display:block;
font-weight:bold;
text-decoration:none;
}
#example1 a.hover{
color:#0956BF;
}
#example1 ul{
overflow: hidden;
margin:0;
padding:0;
}
#example1 li{
margin:0;
padding:0;
list-style-type:none;
color:#0956BF;
}
#example1 li a{
padding:2px 10px 2px 4px;
color:#0956BF;
}
#example1 li.active a,#example1 li li.active a{
color:#0956BF;
}
#example1 li.active li a,#example1 li li a{
padding:2px 4px 2px 8px;
color:#0956BF;
}
#example1 li.hover a,#example1 li li.hover a{
color:#FF1806;
text-decoration:underline;
}




.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 100%;
height: 250px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;




}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
padding: 10px;
visibility: hidden;
width: 98%;
background: #ecf6fb; /*always declare an explicit background color for fade effect to properly render in IE*/

}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 99%;
margin-top: 6px;
text-align: left; /*How to align pagination links: "left", "center", or "right"
background: #ecf6fb; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;

color: white;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: white;
color: black;
}

.glidecontenttoggler a:hover{
background: white;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: white;
color: white;
}

.glidecontentwrapper2{
position: relative; /* Do not change this value */
width: 98%;
height: 112px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
text-align:center;


}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent2{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 10px;
visibility: hidden;
width: 95%;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler2{ /*style for DIV used to contain toggler links. */
width: 99%;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler2 a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;

color: white;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler2 a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: white;
color: black;
}

.glidecontenttoggler2 a:hover{
background: white;
color: black;
}

.glidecontenttoggler 2a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler2 a.prev, .glidecontenttoggler2 a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler2 a.prev:hover, .glidecontenttoggler2 a.next:hover{
background: white;
color: white;
}



.glidecontentwrapper3{
position: relative; /* Do not change this value */
width: 98%;
height: 112px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
text-align:left;


}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent3{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 10px;
visibility: hidden;
width: 95%;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler3{ /*style for DIV used to contain toggler links. */
width: 99%;
margin-top: 6px;
text-align: left; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler3 a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;

color: white;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler3 a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: white;
color: black;
}

.glidecontenttoggler3 a:hover{
background: white;
color: black;
}

.glidecontenttoggler 3a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler3 a.prev, .glidecontenttoggler3 a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler3 a.prev:hover, .glidecontenttoggler3 a.next:hover{
background: white;
color: white;
}





.glidecontentwrapperl{
position: relative; /* Do not change this value */
width: 99%;
height: 120px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
margin-top:-70px;


}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontentl{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
visibility: hidden;
width: 99%;
}
/*
 Total glidecontentl width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttogglerl{ /*style for DIV used to contain toggler links. */
width: 100%;
text-align: right; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttogglerl width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttogglerl a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
color: white;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttogglerl a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: white;
color: black;
}

.glidecontenttogglerl a:hover{
background: white;
color: black;
}

.glidecontenttogglerl a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttogglerl a.prev, .glidecontenttogglerl a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttogglerl a.prev:hover, .glidecontenttogglerl a.next:hover{
background: white;
color: white;
}


































.Big{
float:left;
width:100%;
margin-top:10px;
margin-right:7px;
}
.Sponsor{
float:left;
border:1px solid #4E7DD1;
width:50%;
height:150px;
overflow:auto;
margin-top:1px;
background:#ffffff url() bottom right no-repeat;
}

.Expert {
float:left;
margin-left:1.7%;

background-color:#d7f6ee;
border:1px solid red;
width:47%;
height:150px;
margin-top:1px;
overflow:auto;
}
.Expert2 {
float:left;
margin-left:1.7%;
background-color:#FFFFFF;
border:1px solid #4E7DD1;
width:47%;
height:158px;
margin-top:1px;
overflow:auto;
}
.Eventi{
float:left;
border:1px solid #4E7DD1;
width:50%;
height:158px;
overflow:auto;
margin-top:1px;
background:#ffffff url() bottom right no-repeat;
} 

/* Fisheye Menu Styles */
#fisheye_menu {
	list-style: none;
	padding: 0;
	
	height: 81px;

}
#fisheye_menu li {
	position: relative;
	display: block;
	float: left;
}
#fisheye_menu span {
	position: absolute;
	top: 100%;
	margin-left:-90px;
	text-align: center;
	width: 88px;
	
	border: solid 1px #4E7DD1;	
	color: red;
      background:#bbeaf7;
	
}
#fisheye_menu a {
	text-decoration: none;
}
#fisheye_menu img {
	border: 1px solid #4E7DD1;
	vertical-align: top;
margin-top:8px;
margin-left:10px;
}


#slider {
width:97%;
}
.header {
width:98%;
font-weight:bold;
color:red;
cursor:pointer;
background:url(../img/expert.gif);
padding:8px;

}
.header:hover {
background:url(../images/header_over.gif);
}
.content {
overflow:hidden;
}
.text {
width:92%;
padding:5px;
text-align:justify;
font:12px Verdana;
color:black;

}
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 2px 0 0 0;
	width:200px;
	color: black;
    text-align: center;
	filter: alpha(opacity:100);
	KHTMLOpacity: 0.100;
	MozOpacity: 0.100;
	opacity: 0.100;
}
a.tt:hover span.top{
	display: block;
	padding: 40px 8px 0;
      background: url(../img/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../img/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../img/bubble.gif) no-repeat bottom;
}
/* Menu 4 starts here */
#menu4 {
width: 145px;
float:left;
}

#menu4 ul
{
font-family: Verdana, Helvetica, sans-serif;
list-style-type:none;
margin:0;
padding:0;
}
#menu4 li
{
display: inline;
/* for IE5 and IE6 */
margin:0px 0px 2px 0px;
}

#menu4 a
{
color: #07469d;
text-decoration: none;
font-size: 12px;
display: block;
padding: 3px;
width: 160px;
background-color: trasparent;
border-bottom: 1px dotted #0956bf;
margin:0px 0px 2px 0px;
}

#menu4 a:link, #menu4 a:visited
{
color: #07469d;
text-decoration: none;
}

#menu4 a:hover
{
background-color: #8fc6da ;
color: white;
font-weight:bold;
}

#menu4 li a#current
{
border: 1px solid red;
background: #8fc6da ;
color: white;
}
/* Menu 4 ends here */

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #F0F6F9;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 95%;
    height: 120px;
    margin-top:20px;

}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 100%;
    height: 120px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 120px;
    height: 120px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: -2px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 120px;
    height: 120px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}


#accordion {
	margin:20px 0px;
}

h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: 'Andale Mono', sans-serif;
	font-size: 12px;
	background: #D2E0E6;
	color: #528CE0;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}

blockquote {
	padding:5px 20px;
}

#stylefour{
	position:relative;
	display:block;
	height:39px;
	font-size:11px;
	font-weight:bold;
	background:transparent url(../img/bgOFF.gif) repeat-x top left;
	font-family:Verdana,Helvitica,sans-serif;
	border-top:4px solid #B30000;
	}
#stylefour ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	}

#stylefour ul li{
	display:block;
	float:left;
	margin:0;
	}

#stylefour ul li a{
	display:block;
	float:left;
	color:#07469d;
	text-decoration:none;
	padding:11px 20px 0 20px;
	height:23px;
	background:transparent url(../img/bgDIVIDER.gif) no-repeat top right;
	}

#stylefour ul li a:hover,#stylefour ul li a.current{
	color:#B30000;
	background:#fff url(../img/bgON.gif) no-repeat top right;
	}





div#container {
	overflow: hidden;
     width:726px;

}
div.content {
	display: none;
	clear: both;

}

div.content a, div.navigation a {
	text-decoration: none;
}
div.content a:hover, div.content a:active {
	text-decoration: underline;
}

div.navigation a.pageLink {
	height: 77px;
	line-height: 77px;
}

div.controls {
margin-top: 8px;
margin-left:10px;
height: 10px;
font:10px Verdana;
}
div.controls a {
	padding: 8px;
      color:silver;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}

div.slideshow-container,
div.loader,
div.slideshow a.advance-link {
	width: 320px; /* This should be set to be at least the width of the largest image in the slideshow with padding */
}

div.loader,
div.slideshow a.advance-link,
{
	height: 220px; /* This should be set to be at least the height of the largest image in the slideshow with padding */	
border:1px solid red;
}

div.slideshow-container {
	position: relative;
	clear: both;
	float: left;
	height: 240px;
margin-top:-6px;
margin-left:7px;


}

div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('../images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 30px;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	line-height: 1px; /* This should be set to be at least the height of the largest image in the slideshow with padding */
	text-align: center;

}

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow a.advance-link:focus {
	outline: none;
}

div.slideshow img {
border:0px solid white;
width:300px;
height:210px;
}
div.caption-container {
	float: right;
	position: relative;
	margin-top: 40px;
margin-right:30px;

}
span.image-caption {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.caption-container, span.image-caption {
	width: 335px;
	height: 170px;
margin-right:30px;

}

div.caption {
margin-right:30px;
}

div.image-title {
	color:#07469d;
font:14px Verdana;
font-weight:bold;
}
div.image-desc {
	font:12px Verdana;
      font-style:italic;
	padding-top: 12px;
      color:black;
text-align:justify;

}
div.download {
	margin-top: 8px;
      float:right;
      margin-right:5px;
      font:10px Verdana;
}
div.photo-index {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 12px;
}
div.navigation-container {
	float: left;
	position: relative;
	left: 50%;
}
div.navigation {
	float: left;
	position: relative;
	left: -50%;
}
div.navigation a.pageLink {
	display: block;
	position: relative;
	float: left;
	margin: 2px;
	width: 12px;
	background-position:center center;
	background-repeat:no-repeat;
}
div.navigation a.pageLink:focus {
	outline: none;
}

ul.thumbs {
	position: relative;
	float: left;
	margin-top: 8px;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 2px;
	list-style: none;
}
a.thumb {
	padding: 1px;
	display: block;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: 1px solid #07469d;
	display: block;
}
div.pagination {
	clear: both;
	position: relative;
	left: -50%;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	position: relative;
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

div.gallery-gutter {
	clear: both;
	padding-bottom: 20px;
}


div.download {
	margin-top: 8px;
}
div.photo-index {
	color: #888;
}
div.navigation a.prev {
	background-image: url(../images/prevPageArrowWhite.gif);
}
div.navigation a.next {
	background-image: url(../images/nextPageArrowWhite.gif);
}
div.loader {
	background-image: url(../images/loaderWhite.gif);
}

ul.thumbs li.selected a.thumb {
	background: #fff;
}
div.pagination a:hover {
	background-color: #111;
}
div.pagination span.current {
	background-color: #fff;
	border-color: #fff;
	color: #000;
}




/** You can use this style for your INPUT, TEXTAREA, SELECT elements **/
.myinputstyle {
	border: 2px solid #a6d9e8;
	/** remember to change image path **/
	background: url(none) no-repeat #f9fafb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	color: #a6d9e8;
}

/** You can use this style for your LABEL elements **/
.mylabelstyle {
	font-family: Verdana, helvetica, sans-serif;
	font-style: bold;
	font-size: 14px;
	color: #07469d;
}

/** 
*  You can use this style for your INPUT, TEXTAREA, SELECT elements 
*  for onmousehover event
**/
.myinputstyle:hover {
	border: 2px solid #aeaeae;
	/** remember to change image path **/
	background: url(none) no-repeat #FFFFFF;
	color: #454743;
}

/** 
* You can use this style for your INPUT, TEXTAREA, SELECT elements 
* for onmousefocus event
**/
.myinputstyle:focus {
	border: 2px solid  #a6d9e8;
	border-top: none;
	border-left: none;
	border-right: none;
	/** remember to change image path **/
	background: url(none) no-repeat #FFFFFF;
	color: #454743;
}








ul.display {
     
	float: left;
	width: 945px;
	margin-top: -35px;
	padding: 0;
	list-style: none;
	background: #e9f4ff;


}
ul.display li {
	float: left;
	width: 945px;
	padding: 10px 0;
	margin: 0;
 border:1px solid #c5ddf6
}
ul.display li a {
	color: #07469d;
	text-decoration: none;
}
ul.display li .content_block {
	padding: 0 10px;
}
ul.display li .content_block h2 {
	margin: 0;
	padding: 5px;
	font-weight: normal;
	font-size: 1.2em;

}
ul.display li .content_block p {
	margin: 0;
	padding: 5px 5px 5px 165px;
	font-size: 1.0em;
}
ul.display li .content_block a img{
	padding: 5px;
	border: 2px solid #ccc;
	background: #fff;
	margin: 0 15px 0 0;
	float: left;
}

ul.thumb_view li{
	width: 187px;
}
ul.thumb_view li h2 {
	display: none;

}
ul.thumb_view li p{
	display: none;
}
ul.thumb_view li .content_block a img {
	margin: 0 0 0px;
}


a.switch_thumb {
	width: 150px;
	height: 100px;
	line-height: 26px;
	padding: 0;
	margin: -35px 0;
	display: block;
	outline: none;
     float:right;
      color:red;
	font-size: 0.7em;

}
a:hover.switch_thumb {
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
a.swap { background-position: left bottom; }





/*- Menu Tabs 1--------------------------- */ 


    #tabs1 {
      float:left;
      width:100%;
	  background:#F4F7FB;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #BCD2E6;
margin-top:-10px;
      }
    #tabs1 ul {
	  margin:0;
	  padding:10px 10px 0 180px;
	  list-style:none;
      }
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs1 a {
      float:left;
      background:url("../img/tableft1.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs1 a span {
      float:left;
      display:block;
      background:url("../img/tabright1.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#627EB7;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#627EB7;
      }
    #tabs1 a:hover {
      background-position:0% -42px;
      }
    #tabs1 a:hover span {
      background-position:100% -42px;
      }

#tabs1 #current a {
              background-position:0% -42px;
      }
      #tabs1 #current a span {
              background-position:100% -42px;
      }
/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:724px;
		height:150px;
		overflow:hidden; 
		}	
	
	
/* // Easy Slider */












