/*
-------------------------------------
Body
-------------------------------------
*/
html, body {
    height: 100%;
    font-family: Arial, Verdana, serif;
    background-color: #fff;
    }


/*
-------------------------------------
Links
-------------------------------------
*/
a:link {
    color: #0066cc;
    text-decoration: none;

   }

a:visited { 
    color: #0066cc;
    text-decoration: none;

    }

a:hover { 
    color: #000;
    text-decoration: none;

	}

a:active { 	
    color: #0066cc;
    text-decoration: none;

    }

/*
--------------------------
genral
--------------------------
*/

p {
    line-height: 120%;
    margin: 10px;
}

h1 {
    margin-left: 5px;
}

p+p {
    margin-top: 10px;
}

p+h1 {
    margin-top: 20px;
}

a img {
    border: 0;
}

hr {
    border: 0;
    color: #000;
    background-color: #000;
    height: 1px;
}

/*
--------------------------
forms
--------------------------
*/


#ExhibitionSearchForm input.textField {
    width: 115px;
    float: left;
    margin: 5px 0 10px 10px;
    font-size: 80%;
    }
#ExhibitionSearchForm input.button {
    float: left;
    margin: 5px;
    font-size: 80%;
    }

input.newsLetter {
    width: 100%;
    font-size: 90%;
    font-weight: bold;
    font-family: Arial, Verdana, serif;
    padding: 0;
}


/*
--------------------------
wrapper
--------------------------
*/

#mainWrapper {
    width: 1035px;
    margin: 30px auto 0 auto;
    background: #fff;
    }


/*
-------------------------------------
Navigation
-------------------------------------
*/
#navigation {
    width: 200px;
    float: left;

    }
 
#logo a {
    width: 200px;
    background: #fff url(../img/logo.png) 0 0 no-repeat;
    display: block;
    width: 200px;
    height: 50px;
    text-indent: -9999px;
    margin-left: 10px;

    }


/*
-------------------------------------
Mainnav
-------------------------------------
*/
#mainNav {
    margin-top: 30px;
    width: 200px;
    line-height: 16px;
    }

#mainNav ul li {
    color: #000;
    margin: 0;
    padding: 0;
    }


#mainNav a {
    font-size: 70%;
    display: block;
    color: #000;
    width: 191px; /* 200 - (10) margin */
    height:17px;
    margin:7px 0 0 10px;
    padding: 0 0 7px 0;
    }

#m-esposizioni-it a { background: #fff url(../img/esposizioni.png) 0 0 no-repeat; }
#m-esposizioni-en a { background: #fff url(../img/expositions.png) 0 0 no-repeat; }

#m-testi-it a { background: #fff url(../img/testi.png) 0 0 no-repeat; }
#m-testi-en a { background: #fff url(../img/texts.png) 0 0 no-repeat; }

#m-pubblicazioni-it a { background: #fff url(../img/pubblicazioni.png) 0 0 no-repeat; }
#m-pubblicazioni-en a { background: #fff url(../img/pubblications.png) 0 0 no-repeat; }

#m-info-it a, #m-info-en  a { background: #fff url(../img/info.png) 0 0 no-repeat; }

#m-sponsor-it a, #m-sponsor-en a { background: #fff url(../img/sponsor.png) 0 0 no-repeat; }

#m-links-it a, #m-links-en a { background: #fff url(../img/links.png) 0 0 no-repeat; }

#m-membership-it a, #m-membership-en a { background: #fff url(../img/membership.png) 0 0 no-repeat; }

#m-newsletter-it a, #m-newsletter-en a { background: #fff url(../img/newsletter.png) 0 0 no-repeat; }

#m-english-it  a { background: #fff url(../img/english.png) 0 0 no-repeat; }

#m-english-en a { background: #fff url(../img/italiano.png) 0 0 no-repeat; }


#mainNav a:visited {
    text-decoration: none;
    }

#mainNav a:hover {
    background-position: 0 -33px;
    color: #0066cc;
    }

#mainNav li.here a {
    background-position: 0 -33px;
    color: #0066cc;
    }


.indent {
    text-indent: -9999px;
}

.border {
    border-bottom: 1px solid #000;
}

/*
-------------------------------------
Submenu dropdown
-------------------------------------
*/
#mainNav li.mainNavDropdown  {
    position: relative;
    }

* + html #mainNav li.mainNavDropdown  { float: left; } /* rules for IE7: hides li from IE7 */


#mainNav .mainNavDropdown ul {
    border-top: 2px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 120px;
    display: none;
    position: absolute;
    top: -20px;
    left: 80px;
    background-color: #fff;
    z-index: 1000;
    line-height: 120%;

    }


#mainNav .mainNavDropdown ul li {
    font-size: 80%;
    line-height: 120%;
    text-transform: uppercase;
    color: #000;
    margin: 0 0 0 10px;
    padding: 2px 0;

    }

#mainNav .mainNavDropdown ul li a:link {
    font-size: 100%;
    line-height: 120%;
    display: inline;
    width: 110px;
    color: #333;
    margin:0;
    padding: 2px 0;
    }

#mainNav .mainNavDropdown ul li a:visited {
    text-decoration: none;
    font-size: 100%;
    line-height: 120%;
    display: inline;
    width: 110px;
    color: #333;
    margin:0;
   padding: 2px 0;
    }


#mainNav .mainNavDropdown ul li a:hover {
    color: #fff;
    font-size: 100%;
    display: inline;
    background-color: #0066cc;
    line-height: 120%;
    margin:0;
   padding: 2px 0;
   text-decoration: none;

    }
    
 
.mainNavDropdown ul#archiveMenuDropdown {
    position: absolute;
    top: 48px;
    left: -1px;
    border: none;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    font-size: 120%;
}

/*
--------------------------
second nav
--------------------------
*/


#secondNav li {
    color: #000;
    margin: 10px 0 0 10px;
    padding-right: 10px;
    float: left;
    }
    
#secondNav li.borderRight {
    border-right: 1px solid #333;
}

#secondNav a {
    font-size: 70%;
    padding: 2px 0;
    }

#secondNav a:hover {
    color: #fff;
    background-color: #0066cc;
    }


/*
--------------------------
Main content
--------------------------
*/
#centerCol {
    margin-bottom: 30px;
    padding-bottom: 30px;
    width: 500px;
    float: left;
    margin-left: 10px;
    display: inline; /* fixes IE/win double margin bug caused to floated elements with margin */
    }

#centerCol ul {
    margin: 10px;
    line-height: 120%;
    }



#centerCol table {
    margin: 25px 10px 20px 10px;
    font-size: 90%;
    line-height: 120%;
    }

#centerCol caption {
    text-align: left;
    padding-left: 27px;
    }
    
#centerCol table td {
    border-bottom: 1px solid #000;
    padding: 2px;
    vertical-align: bottom;

    }

#centerCol table td.cellRadio {
    width: 10px;
    vertical-align: top;
    padding: 0;
    }

#centerCol table td.cellTitle {
    width: 280px;
    vertical-align: top;
    padding: 2px 0;
    }    

#centerCol table td.cellFrancs{
    width: 130px;
    padding-right: 10px;
    }
    
#centerCol table td.cellEuro{
    width: 80px;
    background: transparent url(../img/cellBorder.png) bottom left no-repeat;
    }  
  
.memberCity {
    width: 100px;
    display: block;
    float: left;
    }  

/* exposition */
div.expositionItem {
    width: 500px;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
    }

div.expositionItem h1 {
    font-size: 150%;
    line-height:90%;
    margin: 0 10px 10px 10px;
    text-transform: uppercase;
    }

#newsDate a:visited {
    text-decoration: none;
}

#centerCol div.expositionItem ul.datePlace {
    margin: 0 0 10px 10px;
    line-height:130%;
    font-size: 95%;
    }


/* thumbs */
div.thumbs {
    width: 500px;
    margin-bottom: 5px;
    }

div.thumbs img {
    height: 54px;
    margin-bottom: 2px;
    }

.title {
    display: none;

}


/* big */
div.big {
    height: 320px;
    display: none;
    }

div.big img, div.big object  {
    float: left;
    max-height: 320px;
    }

div.big object  {
    float: left;
    height: 320px;
    width: 370px;
    }


div.expositionItem div.caption {
    padding-top: 20px;
    display: none;
}


#centerCol dl {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 120%;
}
    
#centerCol dt {
    font-weight: bold;
    margin-left: 10px;
}

#centerCol dd {
    margin-left: 10px;
}

#centerCol dd p {
    margin: 0;
}

/* pubblications */
p#pagination, .paging {
    float: left;
    font-size: 90%;
    width: 500px;
    margin: 0;
}

p#pagination.brd {
    border-top: 1px solid #000;
}

p#pagination a:visited, .paging a:visited {
    text-decoration: none;
}

p#pagination.brd {
    border-top: 1px solid #000;
}


/* pubblications */
.slideGallery {
    display: none;
    float:left;
    width: 500px;
}

.slideGallery img {
    display: none;
}

/* exposition */


#centerCol div.expositionItem ul.artists {
    margin: 0 0 10px 10px;
    font-size: 150%;
    font-weight: bold;
    }
   

/* sponsors */
div.sponsorItem {
    float: left;
    width: 500px;
    margin-bottom: 5px;
    border-bottom: 1px solid #000;
    }

div.sponsorItem h1 {
    font-size: 100%;
    line-height:120%;
    margin: 5px 10px 0 10px;
    float: left;
    width: 200px;
    }
    
div.sponsorItem img {
    width: 250px;
    height: 60px;
    float: right;
    margin: 5px 0;
    display: inline; /* fixes IE/win double margin bug caused to floated elements with margin */
    }



/* pubblications */
#centerCol div.pubblicationItem {
    float: left;
    width: 500px;
    margin-bottom: 15px;
    }
    


#centerCol div.pubblicationMenu {
    float: left;
    position: relative;
    width: 500px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    }

#centerCol .pubblicationFlag {
    position: absolute;
    font-size: 90%;
    top:4px;
    right: 350px;
}


#centerCol .pubblicationFlag.newPub {
    color: #f00;
}

#centerCol div.pubblicationMenu ul {
    float: left;
    margin: 0 0 0 170px;
    
    }

div.pubblicationMenu li {
    float: left;
    margin: 2px 10px 2px 0;
    }
    
    
div.pubblicationMenu li a:link, div.pubblicationMenu li a:visited {
    background: #0066cc;
    color: #fff;
    text-transform: uppercase;
    font-size: 90%;
    }    

div.pubblicationMenu li a:hover {
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-size: 90%;
    } 

div.pubblicationItem img {
    margin: 10px 0;
    float: left;
    border: 1px solid #666;
    }


div.pubblicationItem .texts {
    float: left; /* Set a float to clear a float */
    display: inline; /* fixes IE/win double margin bug caused to floated elements with margin */
    font-size: 100%;
    margin: 0 0 5px 20px;
    width: 320px;
    } 
    
div.pubblicationItem h1 {
    margin: 10px 5px 0 0;
    }
       
div.pubblicationItem h2 {
    margin: 0 0 10px 0;
    font-weight: normal;
    }

div.pubblicationItem p {
    margin: 0;
    }


/* membershi & newsletter */    
#formWrapper {
    padding-bottom: 10px;
}
      
#formWrapper ul {
    padding-bottom: 10px;
    line-height: 100%;
    }
    
#formWrapper ul li {
    margin: 0;
    padding: 0;
    line-height: 100%;
    }    
/*
--------------------------
News
--------------------------
*/


#firstRightCol {
    width: 150px;
    float: left;
    margin-left: 10px;
    }

#firstRightCol h3 {
    font-size: 180%;
    color: #ccc;
    margin-bottom: 5px;
    background-color: #fff;
    text-align: center;
    }

#firstRightCol h4 {
    margin: 5px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    }
    
#firstRightCol img {
    width: 150px;
    } 

/*
--------------------------
second right column
--------------------------
*/
#secondRightCol {
    width: 150px;
    float: left;
    margin-left: 10px;
    padding-bottom: 200px;
    display: inline; /* fixes IE/win double margin bug caused to floated elements with margin */
    background-image:url(../img/rightcol-bg.png);
    }

#secondRightCol h3 {
    font-size: 180%;
    color: #ccc;
    margin-bottom: 5px;
    background-color: #fff;
    }
    
/* news */
.newsItem {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.newsItem p {
    margin: 5px 0 5px 0;
    
}

a#newsArchive {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    font-size: 100%;
    float: right;
    width: 150px;
}



/* videos */ 
#videoList dl {
    float: left; /* Set a float to clear a float */
    display: inline; /* fixes IE/win double margin bug caused to floated elements with margin */
    width: 150px; /* fixes IE/mac margin bug */
    font-size: 80%;
    width: 150px;
    margin: 0 0 5px 0;
    } 

#videoList dt {
    width: 82px; /*150 (col) - 62 (img) - 2 (left, right border) - 4 (img margin)*/
    float: right;
    margin-bottom: 5px;
    background-color: #fff;

    } 
 
#videoList dd {
    background-color: #fff;
    }
    
#videoList dd.videoPreview img {
    margin-right: 4px;
    float: left;
    width: 62px;
    border: 1px solid #666;
    }
    
/* sahre */   
#socialNetwork dl {
    float: left;
    display: inline; /* fixes IE/win double margin bug caused to floated elements with margin */
    width: 150px; /* fixes IE/mac margin bug */
    font-size: 80%;
    width: 150px;
    margin: 10px 0 5px 0;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding-bottom: 5px;
    } 

#socialNetwork dt {
    margin: 10px 0 10px 0;
    } 
 
#socialNetwork dd {
    margin: 5px 0 5px 0;
    line-height: 120%;
    } 
    
/* banners */
#banners img {
    width: 150px;
    margin-top: 5px;
    }