body {
  color: rgb(18,18,18); 
  background-color: rgb(35,31,32); 
  margin: 10px 0px 0px 0px;
  }

a {color: rgb(0,173,239);}
a:hover {color: rgb(236,0,140);}

#page {width: 990px;}

#header {width: 990px; height: 105px; margin: 0px; padding: 0px;}

.logo img {margin-top: 20px;}

#webTitle {width: 450px; height: 60px; font-size: 130%; color: white; padding: 46px 0px 0px 0px; margin: 0px 0px 0px 25px;}
#webTitle a {color: white;}


#mainBanner {position: relative; width: 990px; height: 75px; margin: 0px 0px 10px 0px; padding: 0px; text-align: right;}

#leftColumn {width: 163px; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: right;}

#rightColumn {width: 121px; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px;}

#middleColumn {width: 698px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

#partners {margin: 20px 0px 0px 10px; padding: 0px 0px 0px 0px;}
#partners td {vertical-align: middle;}

#mainContent {width: 819px; margin: 20px 0px 10px 8px; padding: 0px;}


/* ********* LANGUAGES ********* */    
#languages {float: right; width: 200px; margin: 20px 0px 0px 0px; padding: 0px;}

#languages a {color: white; background-color: rgb(236,0,140); font-size: 100%;}
#languages a:hover, #languages .active {background-color: white; color: rgb(236,0,140);}


/* ********* MENU ********* */
#menu {padding: 0px 0px 8px 0px; margin: 0px;} 
#menu a {padding: 6px 0px 3px 0px; margin: 0px; color: white; font-size: 100%; text-transform: lowercase; text-align: right; line-height: 100%;}            
#menu a:hover, #menu .active {background-color: rgb(236,0,140); color: rgb(35,31,32);padding-right: 2px;} 
#menu ul li ul {padding: 6px 0px 8px 0px;}
#menu ul li ul li a {
  padding: 2px 10px 2px 0px; 
  text-transform: lowercase;   
  background-image: url('../images/submenuIco.gif');
  background-repeat: no-repeat; 
  background-position: bottom right; }
#menu ul li ul li a:hover, #menu ul li ul li .active {
  padding: 2px 10px 2px 0px;
  color: rgb(236,0,140);
  background-color: rgb(35,31,32);
  background-image: url('../images/submenuIco.gif');
  background-repeat: no-repeat; 
  background-position: bottom right;}
#menu .submenuHidden {
    display: none;
}
            


.banner {display: block; margin: 0px 0px 10px 0px;}
/* ********* RIGHT COLUMN********* */
#rightColumn .item .title {color: white; display: block; font-size: 90%; font-weight: bold; text-decoration: none; text-transform: uppercase; padding: 0px 0px 10px 0px;}


/* ********* CALENDAR ********* */

.calendar {position: relative;}

 .calendarHeadWhite, .calendarHeadPink {
  display: block;
  background-color: white;
  color: rgb(236,0,140);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 85%;
  padding: 2px 2px 1px 3px;
  margin: 28px 0px 2px 0px;
  }
  
.calendarHeadWhite.welcome, .calendarHeadPink.welcome {
  margin: 0px 0px 2px 0px;
  }

.calendarHeadWhite {
  background-color: white;
  color: rgb(236,0,140);
  }
  
.calendarHeadPink {
  background-color: rgb(236,0,140);
  color: white;
  }
  
.calendarTable {
    width: 121px;
    background-color: white;
}

.calendar .header {
    /*width: 121px;*/
    position: relative;
}

.calendar .monthYear {
    text-align: center;
}

.calendar .prev {position: absolute; top: 0px; left: 0px; padding: 2px 0px 0px 5px}
.calendar .next {position: absolute; top: 0px; right: 0px; padding: 2px 5px 0px 0px}

.calendar td {
    text-align: center;
    padding: 3px 1px 3px 2px;
    font-size: 86%;
    background-color: white;
}

  
.calendar a {
  color: white;
  text-decoration: none;
  }

.calendar a:hover {
  text-decoration: underline;
  }
  
.calendar .saturday a {
  color: rgb(255,184,216);
  }
  
.calendar .sunday a {
  color: rgb(35,31,32);
  }
  
.calendarListPink, .calendarListWhite {
    width: 111px;
    margin: 0px 0px 10px 0px;
}
  
.calendarListPink {
  background-color: rgb(236,0,140);
  }

.calendarListWhite {
  background-color: white; 
   }
   
.calendarListWhite a {
  color: rgb(35,31,32);
   
   }
   
.calendarListWhite .saturday a {
  color: rgb(236,0,140); 
  
   }
   
.calendarListWhite .sunday a {
  color: rgb(145,145,145); 
   }

.calendar .occupied {
    background-color: rgb(252,210,235);
}
 
.calendar .today {
    background-color: rgb(218,218,218);
}  
/* ********* SECTION TITLES ********* */ 
/*
.sectionTitle {display: block; padding: 2px 3px 2px 5px; margin: 0px 0px 8px 0px; font-size: 100%; font-weight: bold; background-color: rgb(158,218,255); border: solid 1px rgb(64,64,64);}
.sectionTitle a {text-decoration: none; color: black;}
*/

 
/* ********* ARTICLE ********* */
.articleTitleCont {
    margin: 0px 10px 0px 6px;
    padding: 0px;
    display: block;
}
   
.program .articleTitleCont {
    margin: 0px;
}

.articleTitle {
    font-size: 125%;
    margin: 0px;
    padding: 0px;
    color: white;
    text-transform: uppercase;
    display: inline;
    font-weight: normal;
    min-height: 60px;
    _height: 60px;
    border-bottom: 20px solid rgb(236,0,140);
}
  
#article {
  margin: 18px 10px 0px 6px;
  padding: 0px 0px 20px 0px; 
  background-color: white;
  border-top: 3px solid rgb(236,0,140);
  min-height: 63px;
  _height: 63px;
  }
    
#article .articlePublishDate, .publishDate {
  float: none; 
  display: block;
  color: rgb(64,64,64); 
  font-size: 80%;
  }

#article .articleText {
  padding: 10px 10px 10px 10px;
  margin: 13px 0px 0px 0px;
}


#article .back {
  font-weight: normal;
  text-transform: lowercase;
  padding: 10px 10px 10px 10px;
}

#article hr {
  width: 100%;
  }

/* ********* ARTICLE LIST  ********* */
.articleList td { 
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 0px 0px; 
  }
  
.articleList .perexImage { 
  float: left;
  margin: 0px 10px 6px 0px;  
  }
  
.articleList td .articleTitle, .articleList td .articleTitle a { 
  display: block;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 12px;
  font-size: 110%;
  border: none;
  background-image: url('../images/submenuIco.gif');
  background-repeat: no-repeat; 
  background-position: left 3px;
  text-decoration: none;  
  }
  
  
.articleList .articlePerex { 
  padding: 0px 0px 0px 12px;
  margin: 0px;
  }
  
/* ********* ARTICLE LIST HOMEPAGE ********* */
.articleListHome { 
  padding: 0px; 
  margin: 4px 0px 0px 0px;
  }
  
.articleListHome td { 
  padding: 0px; 
  margin: 5px;
  border: none; 
  }

.articleListHome td a {
  display: block;
  width: 222px; 
  height: 41px;
  padding: 130px 0px 0px 0px; 
  border: none;  
  color: white;
  font-weight: bold;
  text-decoration: none;
  }
  
.articleListHome td a:hover {
  /* background-image: url('../images/sectionHoverEffect.png');
  background-repeat: no-repeat; 
  background-position: top left; */
  }
  
.articleListHome .meetfactory .title { 
  background-image: url('../images/sectionArrowFactory.png');
  }
      
  
.articleListHome .music, .articleListHome .cinema, .articleListHome .workshop, .articleListHome .gallery, .articleListHome .theater, .articleListHome .meetfactory { 
  background-repeat: no-repeat; 
  background-position: bottom left;
  }
  
.articleListHome .td { 
  width: 222px; 
  padding: 0px; 
  margin: 5px;
  border: none;
  float: left;
  }

.articleListHome a {
  display: block;
  width: 222px; 
  height: 41px;
  padding: 130px 0px 0px 0px; 
  border: none;  
  color: white;
  font-weight: bold;
  text-decoration: none;
  font-size: 120%;
  }
  
.articleListHome .title {
  display: block;
  width: 184px; 
  height: 25px;
  background-image: url('../images/sectionArrow.png');
  background-repeat: no-repeat; 
  background-position: bottom left; 
  padding: 6px 0px 0px 30px;
  font-size: 120%;  
  }
  
.articleListHome .title:hover {
  background-position: top left; 
  }
  
.articleListHome .meetfactory .title:hover, .articleListHome .meetfactory a:hover {
  background-position: bottom left; 
  color: white;
  }
 
/* ********* PROGRAM ********* */ 
#program {
  margin: 0px 10px 0px 6px;
  padding: 0px;
  min-height: 350px;
  _height: 350px;
  }
  
.program {
  padding: 0px;
  }
  
#program .title {
  font-size: 110%; 
  margin: 0px 0px 0px 0px;
  color: white;
  text-transform: uppercase;
  border-bottom: 20px solid rgb(236,0,140);
  display: inline;
  font-weight: normal;
  }
  
.programList { 
  padding: 0px; 
  margin: 18px 0px 0px 0px;
  border: none;
  width: 100%; 
  border-top: 3px solid rgb(236,0,140);
  }
  
.programList tr { 
  cursor: pointer;
  } 
        
.programList td { 
  padding: 6px 4px 3px 5px; 
  margin: 0px;
  border: none; 
  color: white;
  font-weight: bold;
  vertical-align: middle;
  } 
  
.programList .line { 
  background-color: rgb(236,0,140);
  height: 2px;
  font-size: 0px;
  padding: 0px;
  margin: 0px;
  } 
   
.programList a { 
  text-decoration: none;
  color: white;
  cursor: pointer; 
  }
  
.programList a:hover { 
  text-decoration: underline; 
  }
  
.programList .category {
  font-weight: normal;
  text-transform: lowercase;
  } 
  
.programList .date {
  white-space: nowrap;
  }
  
.programList .time {
  font-weight: normal;
  white-space: nowrap;
  font-size: 85%;
  } 
      
.programList .eventName {
  text-transform: uppercase;
  } 
  
.programList tr:hover, .programList tr:hover .name, .programList tr:hover .state, .programList tr:hover .date, .programList tr:hover .time, .programList tr:hover .category, .programList tr:hover .eventName, .programList .current td { 
  background-color: white;
  color: black; 
  }
  
.programList tr:hover .name a, .programList tr:hover .state a, .programList tr:hover .date a {
    background-color: white;
    color: black;
    text-decoration: none;
}
  
.programList tr .delete a {
    padding: 2px 5px 2px 5px;
    background-color: rgb(236,0,140);
    color: white;
    text-decoration: none;
    text-transform: lowercase;
    font-size: 85%;
    display: block;
}
  
.programList tr:hover .delete a {
    background-color: white;
    color: rgb(236,0,140);
    text-decoration: none;
}
  
.programList .noHover:hover { 
  background-color: rgb(35,31,32);
  color: white; 
  }
  
.scheduleFilter:hover, .programList .scheduleFilter td:hover, .programList .scheduleFilter table tr {
  background-color: rgb(35,31,32);
  }  

.programList .eventPerex {
  padding: 0px;
  font-weight: normal;
  }   
 
.programList .eventPerexText {
    padding: 5px 4px 5px 5px;
    font-size: 85%;
} 

.programList .eventPerexText .scheduleMore {
    color: rgb(0,173,239);
    float: right;
    text-decoration: underline;
    margin: 0px 0px 5px 0px;
}

.programList .eventPerexText .scheduleMore:hover { 
  color: rgb(236,0,140);
  float: right;
  }

.scheduleFilter table {
  width: 400px;
  margin: 0px 0px 6px 0px;
  padding: 0px;
  } 
  
.scheduleFilter table td {
  vertical-align: bottom;
  padding: 0px 4px 0px 0px;
  } 
    
.scheduleFilter .label {
  color: white;
  font-size: 90%;
  font-weight: normal;
  } 
  
.programType { 
  padding: 0px; 
  margin: 18px 0px 0px 0px;
  border: none;
  width: 100%; 
  }
    
.programType td {
    border-style: solid;
    border-width: 2px;
    border-color: rgb(236,0,140);
    padding: 6px 4px 3px 5px;
    margin: 0px;
    color: white;
    font-weight: bold;
    vertical-align: middle;
}
    
.programType td.type {
    text-align: center;
}
    
.programType td.typeSelected {
    text-align: center;
    background-color: rgb(236,0,140);
} 

.programType td a {
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
} 

/* ********* PICTURE LIST ********* */  
.pictureList {
    margin: 20px 0px 20px 0px;
    position: relative;
    z-index: 90;
} 
  
.pictureList .itemPicture {
    padding: 4px 4px 0px 4px;
    margin: 0px 5px 0px 0px;
    border: 1px solid gray;
} 
  
.pictureList .itemPicture .image110 {
    width: 110px;
    height: 110px;
    text-align: center;
} 
  
.pictureList .itemPicture .image150 {
    width: 150px;
    height: 150px;
    text-align: center;
} 
  
.pictureList .itemPicture .title {
    font-weight: normal;
    font-size: 90%;
    font-style: italic;
    display: block;
    margin: 5px 0px 5px 0px;
} 

.highslide-caption {
    font-weight: normal;
    font-size: 100%;
}  
  
.highslide-caption .captiontitle {
    font-weight: bold;
}         
  
/* ********* FOOTER ********* */          
#footer {width: 990px; padding: 4px 0px 20px 0px; margin: 20px 0px 0px 0px; color: rgb(112,112,112); font-size: 90%; border: none;}
#footer .developer {padding-left: 5px; margin-left: 5px; border-left: solid 1px gray; text-decoration: none; color: rgb(112,112,112);}
#footer .developer:hover {text-decoration: underline;}
#footer .rss {padding-left: 5px; margin-left: 5px; border-left: solid 1px gray; text-decoration: none; color: rgb(112,112,112);}
#footer .rss:hover {text-decoration: underline;}


/* ********* BUTTONS and INPUTS ********* */
.textInputItem, .inputItem {padding: 1px 2px 1px 2px; height: 18px; border: none; }     
.inputItemSelect {padding: 1px 2px 1px 2px; height: 19; border: none; } 
.inputItemBordered {width: 350px; padding: 1px 2px 1px 2px; height: 18px; border: 1px solid rgb(143,143,143); } 

.btnSearch, .button {height: 20px; border: none; padding: 1px 10px 2px 10px; background-color: rgb(236,0,140); color: white; font-size: 11px; font-weight: bold; text-align: center; cursor: pointer;}
.btnSearch:hover, .button:hover {background-color: white; color: rgb(236,0,140);} 

.buttons { margin-top: 20px;}
.buttons input {height: 20px; border: none; padding: 2px 10px 2px 10px; background-color: rgb(236,0,140); color: white; font-size: 11px; font-weight: bold; text-align: center; cursor: pointer; text-transform: lowercase;}
.buttons input:hover {background-color: rgb(35,31,32); color: white;} 

/* ********* SEARCH BOX ********* */         
.searchBox {margin: 0px 0px 20px 0px; padding: 0px; text-align: left;}
.searchBox .textInputItem {width: 157px; margin: 0px 0px 5px 0px; border: 1px solid rgb(35,31,32);}

/* ********* SECTION ********* */
#section {
  margin: 10px 10px 0px 0px; 
  background-color: white;
  }
    
#section .sectionTitle {
  font-size: 110%; 
  margin: 0px 0px 30px 0px;
  padding: 0px 0px 0px 0px;
  color: rgb(236,0,140);
  text-transform: uppercase;
  font-weight: normal;
  }

#section .sectionText {padding: 10px 10px 10px 10px;}

.rotatorHeader {
  background-color: rgb(236,0,140);
  text-align: right;
  padding: 0px 0px 10px 0px;
}

.rotatorHeader table td {
  vertical-align: bottom;
  text-align: center;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  height: 60px;   
}

.rotatorHeader table td div {
    width: 990px;
}

.rotatorHeader .rotatorItem a {
    display: block;
    text-decoration: none;
    font-size: 54pt;
    color: rgb(35,31,32);
    white-space: nowrap;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
    
}

/* ********* contact form ********* */ 
         
.formGenerator {float: left; margin: 0px 0px 20px 0px;}
.formGenerator table {border-collapse: collapse;}
.formGenerator td {vertical-align: top;}
.formGenerator .comment {padding-top: 10px; padding-bottom: 10px;}
.formGenerator .note {padding-top: 10px; font-style: italic; font-size: 95%;}
.formGenerator .label {
    display: block;
    font-size: 90%;
    margin-top: 3px;
    color: rgb(18,18,18);
    text-transform: lowercase;
}

.formGenerator .groupList {display: block; margin: 20px 0px 0px 80px; padding: 0px;}
.formGenerator .groupList table {margin: 0px; padding: 0px;}
.formGenerator .groupList table td {margin: 0px; padding: 0px; vertical-align: middle;}
.formGenerator .groupList table td input {margin: 6px 5px 0px 0px; padding: 0px;}
.formGenerator .buttons {text-align: right;}

.formGenerator .inputItem {width: 350px; padding: 1px 2px 1px 2px; height: 18px; border: 1px solid rgb(143,143,143); } 
.formGenerator .inputItem3rows {width: 350px; padding: 1px 2px 1px 2px; height: 54px; border: 1px solid rgb(143,143,143); } 
.formGenerator .inputItem5rows {width: 350px; padding: 1px 2px 1px 2px; height: 90px; border: 1px solid rgb(143,143,143); } 

/* ********* contact form ********* */  
#supportUs .supportUsTitle {
    font-size: 1.4em;
    margin: 20px 0px 0px 0px;
    color: #005e7c;
    border-bottom: solid 1px #005e7c;
}

#supportUs h4 {margin: 15px 0px 5px 0px;}
#supportUs samp {font-family: Sans-Serif;}
#supportUs samp a:hover {color: Black; text-decoration: underline;}

#supportUs code {display: block; border: dotted 1px black; padding: 10px; background-color: rgb(240,240,240); margin-bottom: 30px;}

.newsletterSubscribePanel { width: 450px; }
.newsletterSubscribePanel .contactFormHeader, .newsletterSubscribePanel .contactFormFooter { font-size: 95%; }
#newsletterSubscribe .labels, #newsletterEmail .labels { width: 80px; }
#newsletterSubscribe select { height: 22; width: 356px; }

.errorLabel { display: block; color: Red; padding-bottom: 20px; }

/****** login - public *****/

.loginDialog .inputItem {width: 220px; padding: 1px 2px 1px 2px; height: 18px; border: 1px solid rgb(143,143,143);}
.loginDialog .lostPassword {font-size: 95%;}

.galleryButton a {height: 20px; border: none; padding: 2px 10px 2px 10px; background-color: rgb(236,0,140); color: white; font-size: 11px; font-weight: bold; text-align: center; cursor: pointer; text-decoration: none; text-transform: lowercase;}
.galleryButton a:hover {background-color: rgb(35,31,32); color: white;} 

/* ********* member profile ********* */ 
.profileBox {
    float: left;
    margin-left: 3px;
    margin-right: 15px;
}

.profileBox td {
    padding: 4px 4px 4px 4px;
    border: 1px solid gray;
    width: 150px;
    height: 150px;

}

.profileBox .image150 {
    width: 150px;
    height: 150px;
}

.profileInside .residentName {
   font-weight: bold;
   font-size: 120%;
}

/* ********* multimedia ********* */ 
.multimedia {
   margin: 20px 0px 0px 0px;
   position:relative; 
   z-index: 99;
}

/* ********* multimedia ********* */ 
.download {
   padding: 10px 10px 10px 10px;
   margin: 13px 0px 0px 0px;
}

.description {
   padding: 10px 10px 10px 10px;
}