@charset "utf-8";
body  {
	background: #4a5f8e;
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
}

p{margin: 0;} 

a {
font-weight: bold;
}
a, img {border:none;}


a:link {
	color: #4a5f8e;
	text-decoration: none;
}
a:visited {
	color: #660066;
	text-decoration: none;
}


.table{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #4a5f8e;
	border-collapse: collapse;
	
}



td
{
    border-color: #4a5f8e;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
}


.title {
	color: #990000;
	font-weight:bold;
	font-size: 18px;
	text-align: center;
}

#container {
	width: 960px;  /* utilizzando 20 px in meno rispetto alla dimensione piena di 800 px, si lascia spazio per gli elementi grafici e strutturali del browser e si evita che venga visualizzata una barra di scorrimento orizzontale */
	background: #FFFFFF; /* i margini auto (insieme a una larghezza) centrano la pagina */
	border: 1px solid #000000;
	text-align: left; /* sostituisce l'impostazione text-align: center nell'elemento body. */
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
} 
#header {
	height:134px;
	background-image: url(images/header.jpg);
	z-index: 1000;
} 
#header h1 {
	margin: 0; /* azzerando il valore margin dell'ultimo elemento del div #header si evita la compressione del margine, con la creazione di uno spazio inspiegabile tra i div. Se il div è circondato da un bordo, questo accorgimento non è necessario perché anche il bordo impedisce la compressione del margine */
	padding: 10px 0; /* l'uso del valore padding al posto di margin consente di distanziare l'elemento dai bordi del div */
}
#sidebar1 {
	float: left;
	width: 190px;
	padding: 5px;
	margin-top: 15px;
}
#sidebar2 {
	float: right;
	width: 160px; 
	padding: 5px;
	margin-top: 15px;
}

#mainContentHome {
	width: 560px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
	margin-top: 0;
	margin-right: 200px;
	margin-bottom: 0;
	margin-left: 200px;
	padding-top: 0px;
	padding-bottom: 20px;
	margin-top: 15px;
} 

#mainContent {
	width: 940px; /* ricordare che i valori padding e margin corrispondono rispettivamente allo spazio interno ed esterno al riquadro div  */
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-top: 15px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	text-align: justify;
} 

#slideshow {
	padding-bottom: 20px;
	z-index: 1000;
}

#welcome {
	width: 560px;
	text-align: justify;
	line-height:normal;
	background-attachment: scroll;
	background-image: url(images/title_welcome.jpg);
	background-repeat: no-repeat;
	background-position: left top;
} 

#generalinfo {
	text-align: left;
	line-height:normal;
	background-attachment: scroll;
	background-image: url(images/title_genralinfo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 15px;
} 


#geunimun {
	text-align: center;
	line-height:normal;
	background-attachment: scroll;
	background-image: url(images/title_geunimun.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 15px;
	font-weight: bold;
} 

#countdown {
	text-align: left;
	line-height:normal;
	background-attachment: scroll;
	background-image: url(images/title_countdown.jpg);
	background-repeat: no-repeat;
	background-position: left top;
} 

#counter {
	text-align: center;
	line-height:normal;
} 

#director {
	text-align: center;
	line-height:normal;
	background-attachment: scroll;
	background-image: url(images/title_director.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 15px;
	font-weight: bold;
} 

#location {
	text-align: left;
	line-height:normal;
	background-attachment: scroll;
	background-image: url(images/title_location.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 15px;
	font-weight: bold;
} 

#news {
	text-align: center;
	line-height:normal;
	background-attachment: scroll;
	background-image: url(images/title_news.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 50px;
	font-weight: bold;
} 

#footer {
	height:60px;
	background-attachment: scroll;
	background-image: url(images/footerbg.jpg);
	background-repeat: no-repeat;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: top;
	background-position: center;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
} 

#footer p {
	margin: 0; /* azzerando il valore margin del primo elemento del footer si evita il rischio di compressione del margine, con la creazione di uno spazio tra i div */
	padding: 10px 0; /* il padding di questo elemento crea uno spazio, così come avverrebbe specificando un valore margin, senza il problema della compressione del margine */
}

#footer a:link {
color: #ffffff;
text-decoration: none;
}

#footer td
{
	border:none;
	margin: 0;
	padding: 0;
}


.fltrt { /* questa classe può essere utilizzata per rendere mobile un elemento a destra nella pagina. L'elemento reso mobile deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per rendere mobile un elemento a sinistra nella pagina.*/
	float: left;
	margin-right: 8px;
}
.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}









.menustyle{
width: 960px;
font-weight: bold;
}

.menustyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.menustyle ul{
	width: 100%; 
	padding: 4px 0;
	margin: 0;
	text-align: center; 
	background-image: url(images/menubg.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

.menustyle ul li{
display: inline;
}

.menustyle ul li a{
color: #ffffff;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 3px solid #ffffff;
}

.menustyle ul li a:hover, .menustyle ul li a.selected{ 
	background-image: url(images/menubg-over.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; 
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}



.dropmenudiv a:hover{
background-color: #F0F0F0;
}