body {		
	font-family: Tahoma, Geneva, sans-serif;
	background-image: url("../mesh2.jpg"); 
	font-size:8.5pt;
	background-color:#d5ec57; }

p {		 
	color: #666; }
	
img {
	border:none;
	outline-style:none; }
	
.centerinwindow { 
	width:820px;
	height:462px;
	position:relative;
	background-color: /*#778078;*/ #fc0; }

#content {
	display:block;
	padding:10px; }	

.rsvp { 	
	margin:-52px 0 0 40px;
	/*margin:-52px 0 0 230px;*/  
	position:relative;
	background:#778078; 
	padding:5px 15px 5px 4px; 
	display:block;
	width:691px;
	z-index:20; }
	
.rsvp span {
	margin-top:2px;
	display:inline-block; }
	
.rsvp img {
	position:relative;   }		
	
.rsvp li {
	float:left; 
	list-style:none;
	text-align:center;
	margin-left:15px; }
	 
.rsvp a { 	
	font-size:13px; 
	color:#FFF;
	padding:1px 10px;  
	/*background:#666633/*863e47 
	padding:5px 30px;*/ 
	text-decoration:none; }
	
.rsvp a:hover { 	
	background:#d8d183/*FF6 d7d7d7*/; 
	color:#945057/*945057 777*/;
	font-style:italic; }
	
	
	ul ul { display: none; }
	
	ul ul {
		background: #5f6975; border-radius: 0px; padding: 0;
		position: absolute; top: 46px; width:245px;
	}
	ul ul li {
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
	}
	ul ul li a { padding: 10px 35px; color: #fff; }	
	ul ul li a:hover { background: #4b545f; }
	
	/*The final step is to position the sub-sub-menus accordingly. These menus will be inheriting all the
	  sub-menu styling already, so all they need is to be positioned absolutely to the right (left:100%) 
	  of the relative position of the parent <li>.*/
			
	ul ul ul { position: absolute; left: 100%; top:0; }
	
	
	
/* ------------- tooltip -------------------- */	
.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

.tooltip .tooltiptext {
    visibility: hidden;
    /*width: 120px;*/
    background-color: /*#FAFAFA #4b545f*/ #8080ff;
	border:thin #AFAFAF solid;
    color:/* #585858*/ #fff;
    text-align: center;
    /*border-radius: 6px;*/
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 120%;
    left: 50%;
    margin-left: -100px;
    opacity: 0;
    /*transition: opacity 1s;*/
	font-size:13px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
/* ------------- tooltip -------------------- */


.ghost-counter { 	
	margin:-556px 0 0 673px; 
	position:absolute; 
	padding:0 0 8px 10px; 
	z-index:20; 
	width:117px; 
	background-color:#FC0; }

#clear {
		clear:both;
		margin:0px;
		padding:0px; }
		
/*		
div#preload { 
	display: none; 
   	position: absolute;
   	overflow: hidden;
   	left: -9999px; 
   	top: -9999px; }*/

@media screen {
	div#preload {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}
	div#preload img {
		display: block;
		}
	}
@media print {
	div#preload, 
	div#preload img {
		visibility: hidden;
		display: none;
		}
	}	
	

/*------------------ rss -----------------------------------------*/	
	.rss1 					{ 	height:28px;padding:6px 0px 0 0px; position:absolute; z-index:1500; margin:1px 0 0 357px;
			  					color: #FFF !important; }

/* alt text */
alt{-ms-interpolation-mode:bicubic;}
.style {white-space:pre;}