/* CSS Document for image rollovers */

/* ****************  img rollovers start ****************  */
 #div1 { /* image descriptions on rollover */
	font-size: 1em; 
    margin: 5px 0px 20px 30px; padding: 2px; 
	line-height: 1.6em;
	color:#666666; background-color:#fff;font-weight: bold;
		}
    div#rollovers {
    margin: 5px 0px 20px 30px; padding: 2px; 
    width: 120%;
    background-color: #fff; 
    }
	.borderit img {
	border: 2px solid #fff;
	}
	.borderit:hover img {
	border: 2px solid #e0914d;
	}
	.borderit:hover{
	color: #e0914d; /* irrelevant definition to overcome IE bug */
	}

#img100 {margin: 0; }/* default */
#img101 {margin: 0 0 0 80px; }/* shows*/
#img102 {margin: 0 0 0 10px; }/* festivals*/
#img103 {margin: 0 0 0 0px; }/* late night */
#img104 {margin: 0 0 0 10px; }/* youth*/
#img105 {margin: 0 0 0 38px; }/* for multi-image rollovers*/
.show_images  {width:45px; margin: 0 0 0 80px!important;} 
.show_images_feature {width:400px; margin: 0 0 0 100px!important;} 
.latenightImg {width:400px; margin: 20px 0 0 0;} /* late night */

/* caption */
#rollovers span.caption, #rollovers2 span.caption,#rollovers3 span.caption {color:#666666; background-color: #fff; margin:0px 0 0 5px!important; padding:0; white-space:nowrap; clear:both;}

 /* ****************  img rollovers end ****************  */
	#div2 {/*late night */
	font-size: 1em; 
	margin:  5px 40px; 
	padding: .2em 1.6em; 
	float: left; width: 375px;
	line-height: 1.6em;
	color:#e0914d; background-color:#fff;font-weight: bold;
	}
    div#rollovers2 { /*late night*/
    margin: 5px 0px 0px 10px; padding: 2px; 
    width: 440px;
     background-color: transparent; 
    }
.youthImg {width:460px; margin: 0 0 0 70px!important;} /* youth  */
.rolloverImgs {background: #fff;width:460px;}/* youth  */
	
   #div3 { /* short image descriptions on rollover */
	font-size: 1em; 
    margin: 5px 0px 0px 80px;
	padding: 0; 
	float: left; 
	width: 410px;
	line-height: 1.2em;
	color:#e0914d; background-color:#fff;font-weight: bold; 
	}	
    div#rollovers3 { /*?*/
    margin: 5px 0px 0px 35px; padding: 2px;  
    background-color: #fff; 
	float: left; 
	width: 540px;
	line-height: 1.2em;
	color:#e0914d; background-color:#fff;font-weight: bold; 
    }
    div#rollovers4 { /*youth*/
    margin: 5px 0px 0px 80px; padding: 2px; 
    width: 440px;
     background-color: transparent; 
    }
    div#rollovers4	.borderit img {
	border: 2px solid #fff;
	 cursor: default; /*force to default cursor when there are no active links*/
	}
	
	div#rolloversMulti{/*multi image*/
	margin: 5px 0px 30px 40px; padding: 2px; 
    width: 400px;
     background-color: transparent; 
    }