body {
	background-color: #000000;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.container {
	font-family: Georgia, "Times New Roman", Times, serif;
	width: auto;
	z-index: auto;
	height: auto;
	color: #FFFFFF;
}
.style2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: xx-small;
	font-weight: lighter;
	color: #FFFFFF;
}
.style1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
}
body {
}
#wrapper {
    width: 800px;
    }
#header {
    border-bottom: 2px solid #a28465;
    margin-bottom: 10px;
    }


ul#off a:hover {color:#c00; background:#ddd;}
ul#off a:hover em {background:#c6b69e; color:#724a10;}
ul#off a:hover span {display:block; width:75px; height:1px; font-size:3px; position:absolute; top:110px; left:0; border-top:5px dashed #c6b69e;}
ul#off a:active, ul#off a:focus {background:#eee;}
ul#off a:active em, ul#off a:focus em {background:#f0ca93; color:#000;}
ul#off a:active span, ul#off a:focus span {border-top:5px solid #f0ca93;}
      
#container {
	width:800px;
	height:396px;
	background:#fff url(images/back.gif) 75px 10px no-repeat;
	background-color: #000000;
    } 
/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    } 
/* Remove the images and text from sight */
#container a.gallery span {
	position:absolute;
	width:1px;
	height:1px;
	top:229px;
	left:115px;
	overflow:hidden;
	background:#fff;
	background-image: url(images/EVENT/Event1.jpg);
    }
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #fff; 
    }
/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:576px; 
    height:384px; 
    top:0px; 
    left:0px; 
    color:#000; 
    background:#fff;
    }
#container a.gallery:hover img {
    }
#container a.slidea {
    background:url(images/thumbnails/event/Event1.jpg); 
    height:67px; 
    width:100px;
    }
#container a.slideb {
    background:url(images/thumbnails/event/Event2.jpg); 
    height:67px; 
    width:100px;
    }
#container a.slidec {
    background:url(images/thumbnails/event/Event3.jpg); 
    height:67px; 
    width:100px;
    }
#container a.slided {
	height:67px;
	width:100px;
	background-image: url(images/thumbnails/event/EVENT5.jpg);
    }
* html #container a.slided {
	width:100px;
	height: 67px;
    }
#container a.slidee {
    background:url(images/p12_t.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slidef {
    background:url(images/p12_t.jpg); 
    height:60px; 
    width:93px;
    }
* html #container a.slidef {
    width:91px; 
    w\idth:93px;
    }
#container a.slideg {
    background:url(images/p12_t.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slideh {
    background:url(images/p1_t.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slidei {
    background:url(images/p1_t.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slidej {
    background:url(images/p1_t.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slidek {
    background:url(images/p12_t.jpg); 
    height:60px; 
    width:93px;
    }
* html #container a.slidek {
    width:91px; 
    w\idth:93px;
    }
#container a.slidel {
    background:url(images/p12_t.jpg); 
    height:60px; 
    width:93px;
    }
/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:212px; 
    height:386px;
    margin:5px; 
    float:right;
    }
#container li {
    float:left;
    }
#container a.slideb:hover img, #container a.slidei:hover img {
    float:right;
    }

#container2 {
        border: 2px solid #a28465;
   	  margin-top: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
}
#container2 p {
    font-weight: bold; 
    background-color: #ffffff;
    color: #a28465;
    text-align: justify;
    }  




 

    
    
    

    
            
.container img {
	display: inline;
	float: right;
}