/* CSS nav */

#passaggioanno {
float:right;
border-top:1px solid #3399CC;
border-right:1px solid #6699CC;
border-left:1px solid #6699CC;
margin-top:1px;
margin-right:4px;
background:#FFFFFF;
padding-left:5px;
padding-right:5px;
padding-top:0px;
padding-bottom:1px;
font-size:12px;
color:#333333;

}

#passaggioanno a:link, #passaggioanno a:visited {
font-family:Georgia, "Times New Roman", Times, serif;
padding-top: 0px;
padding-bottom:0px;
padding-left:3px;
padding-right:3px;
font-size:16px;
color:#FF0000;
font-weight:bold;
}

ul#navbar{
	list-style:none;
	display:inline;
	font-family: Arial, Helvetica, sans-serif;

}
ul#navbar li{
	float:left;
	border:0;
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
}

#navbar a:hover{
	color:#78B7B0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;


}
 /* Sets the active onstate */	
#navbar #on{

border-right:1px solid #fff;
color:#000000;
display:block;
}

#navbar li a {
	font-weight: normal;
	color: #018477;
	text-decoration: none;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	display: block;
	clear: none;
	float: left;
	height: 25px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	}
#barrettafooter {
	text-decoration: none;
}





#navbar li a:hover{
	color:#87b4b7;
	text-decoration: none;
	background-color: #FFFFFF;
}


/******************************
* THE PRIMARY NAV
******************************/


/******************************
* Base on Eric Meyer's tabs: http://css.maxdesign.com.au/listamatic/horizontal05.htm
******************************/
#tabwrapper{
padding: 30px 30px 0 30px;
}
#navlist
{
padding: 0px 0;
margin-left: 0;
border-bottom: 1px solid #E6E6E6;
font: bold 190% Arial, Verdana, sans-serif;
}
#navlist li
{
list-style: none;
margin: 0;
display: inline;
}
#navlist li a
{
padding: 6px 20px 3px 20px;
margin: 0;
border-top: 1px solid #EBEBEB;
border-right: 1px solid #EBEBEB;
border-left: 1px solid #EBEBEB;
background: #F7FBFC;
text-decoration: none;
}
#navlist li a:link {color: #A9A9A9;  }
#navlist li a:visited { color: #ACACB5; }
#navlist li a:hover{
color: #4A90C1;
background: #FFFFFF;
border-color: #D8D8D8;
}
#navlist li a#current{
background-image:url(../g/tab-bg.jpg);
background-repeat: no-repeat;
border-bottom: 2px solid white;
color: #4A90C1;
}



/*submenu*/

#submenu {
margin-bottom:10px;
border:1px solid #ccc;
}

#submenu h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:0px;
margin-right:0px;
padding-left:5px;
padding-top:3px;
padding-bottom:3px;
}


#submenu h2 a:link {
color:#FFFFFF;
}

#submenu h2 a:visited {
color:#FFFFFF;
}

.ita {
color:#fff;
background:#7C96B2 ;}


.exams {
color:#fff;
background:#006600 ;}
/*url(img/h_general.gif) top right no-repeat*/

.youstay {
color:#fff;
background:#006600 ;}
/*url(img/h_general.gif) top right no-repeat*/


.the_school {
color:#fff;
background:#006600 ;}
/*url(img/h_general.gif) top right no-repeat*/

.the_prices {
color:#fff;
background:#006600 ;}
/*url(img/h_general.gif) top right no-repeat*/


.general {
color:#fff;
background:#008ACF;
/*background:#006600 ;*/
/*url(img/h_general.gif) top right no-repeat*/
}
.business {
color:#fff;
background:#018477;
/*background:#003366 url(img/h_business.gif) top right no-repeat;*/
}

.holidays {
color:#fff;
background:#F5CA00;
/*background:#0099CC url(img/h_holiday.gif) top right no-repeat;*/
}

.uni {
color:#fff;
background:#8D007B;
/*background:#CC9933 url(img/h_uni.gif) top right no-repeat;*/
}

.homestay {
color:#fff;
background:#33CCFF;
/*background:#33CCFF url(img/h_homestay.gif) top right no-repeat;*/
}

.studios {
color:#fff;
background:#3399FF/* url(img/h_studios.gif) top right no-repeat*/;}

.residences {
color:#fff;
background:#006699/* url(img/h_residences.gif) top right no-repeat*/;}

.hotels {
color:#fff;
background:#000066 /*url(img/h_hotels.gif) top right no-repeat*/;}

#submenu ul{
	margin-left:1px;
	padding-left:1px;
	list-style:none;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
#submenu li{
	margin-bottom:3px;
	margin-left:3px;
	padding-left:10px;
	background:url(img/li_grigio.gif) top left no-repeat;
	line-height: 1.4em;
}

#submenu li a:link, #submenu li a:visited{

color:#333333;
text-decoration:none;
font-size:12px;
}

#submenu li a:hover {
	color:#018477;
	font-family: Arial, Helvetica, sans-serif;
} 

#submenu li ul {
	margin-top:5px;
}

#submenu li ul li {
	background:url(img/li_gen.gif) top left no-repeat;
	margin-left: 0px;
}

#submenu li ul li a:link {
color: #018377;
}

#submenu li ul li a:hover {
color:#000033;
}




#active {
padding-left: 10px;
font-weight:bold;
}


/*menu img replace*/

#nav	{
	width: 140px;
	border: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
	padding-top: 0px;

}
	
#nav ul	{
	width: 140px;
	background: url(img/menu.jpg);
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding: 0;
	margin-bottom: 0px;
}
	
#nav ul li	{
	margin: 0;
	padding: 0;
	position:relative;
	top: 0px;
	
}
	
#nav ul li, #nav a	{
	height: 38px;
	display: block;
	list-style:none;
	
	}

#nav ul li a	{
	text-indent: -999px; 
	text-decoration: none;
	}

#mn1 {left: 0px; width: 145px;}
#mn2 {left: 0px; width: 145px;}
#mn3 {left: 0px; width: 145px;}
#mn4 {left: 0px; width: 145px;}


#mn1 a:hover {background: transparent url(img/menu_hover.jpg) 0px 0px no-repeat;}
#mn2 a:hover {background: transparent url(img/menu_hover.jpg) 0px -38px no-repeat;}
#mn3 a:hover {background: transparent url(img/menu_hover.jpg) 0px -76px no-repeat;}
#mn4 a:hover {background: transparent url(img/menu_hover.jpg) 0px -114px no-repeat;}



 /*menu selezionato barra principale*/
body#photo #mn1, body#photo #mn1 a:hover  {background: transparent url(img/menu_on.jpg) 0px 0px no-repeat;}
body#prices #mn2, body#prices #mn2 a:hover {background: transparent url(img/menu_on.jpg) 0px -38px no-repeat;}
body#enrol #mn3, body#enrol #mn3 a:hover {background: transparent url(img/menu_on.jpg) 0px -76px no-repeat;}
body#finder #mn4, body#finder #mn4 a:hover {background: transparent url(img/menu_on.jpg) 0px -114px no-repeat;}


/*fine menu*/
.style22 {
	font-size: small;
	color: #333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: normal;
}
.style13 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}