/* CSS Document */

body{
font-family: Verdana;
	 
	margin:0;
	padding:0;
	font-size:11px;
	background:url(http://www.famousevents.ro/img/body_bg.gif) repeat-x #ffffff;
 

}

h1 {

font-family: Tahoma,Georgia, "Times New Roman", Times, serif;

font-size: 15px;

font-weight: bold;

color: #000000;

} 

#header{

width:904px;

height:224px;

}

#page{

background-image:url(http://www.famousevents.ro/img/main_bg.gif);

width:904px;

}

#leftbox{

width:195px;

background:#fff;

border:1px solid #ccc;

margin-bottom:5px;

}

#content{

width:665px;

background:url(http://www.famousevents.ro/img/content_bg.gif) top left no-repeat #fff;

border:1px solid #666;

}




	#dhtmlgoodies_menu{	/* Menu object */
		margin:0px;
		padding:0px;
		width:180px;	/* Width of menu */
	}
	#dhtmlgoodies_menu li{
		margin-top:2px;	/* Space between each menu item */
		
		
		/* Don't change these four values */
		list-style-type:none;				
		clear:both;
		display:block;	
		overflow:auto;
	}
	
	#dhtmlgoodies_menu li a{	/* Text rules for the menu items */
		color:#000;	/* Black text color */
		text-decoration:none;	/* No underline */
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		 
		font-size:1em;	/* Fixed font size */
		font-weight:bold;	/* Bold font */
		float:left;
		  background: #F8D670;
		   width:177px;
		 
		line-height:25px;	/* Height of menu links */

	}
 
	
		#dhtmlgoodies_menu li a:hover{	/* Text rules for the menu items */
		color:#000;	/* Black text color */
		text-decoration:none;	/* No underline */
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		 
		font-size:1em;	/* Fixed font size */
		font-weight:bold;	/* Bold font */
		float:left;
		 background: #E86F6F;
		 width:177px;
		 
		line-height:25px;	/* Height of menu links */

	}
	
	 
	
	
.title{

padding-top:3px;

font-family:Arial;

font-weight:bold;

font-size:14px;

color:#333;

width:663px;

height:22px;

background:bottom left url(http://www.famousevents.ro/img/line1.gif) no-repeat;

}

.title a{

text-decoration:underline;

padding-top:3px;

font-family:Verdana;

font-weight:bold;

font-size:14px;

color:#333;

width:663px;

}

.text{

width:643px;

padding:10px;

font-family:Verdana;

 
font-size:13px;

color:#333;

}

.pic{

margin:10px;

padding:5px;

border:1px solid #333;

background-color:#fff;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

color:#333;

}

.pic a{

text-decoration:underline;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

color:#333;

}

.picl{

margin:10px;

padding:5px;

border:1px solid #333;

background-color:#fff;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

color:#333;

}

.picl a{

text-decoration:underline;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

color:#333;

}

#footer{

width:904px;

height:38px;

}

#axert{

width:904px;

height:12px;

padding-bottom:8px;

}

#axert a{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:10px;

text-decoration:underline;

color:#333333;

font-weight:bold;

}
 
#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 606px;	/* IE 5.x */
		width/* */:/**/600px;	/* Other browsers */
		width: /**/600px;
		
		/* CSS HACK */
		height: 256px;	/* IE 5.x */
		height/* */:/**/250px;	/* Other browsers */
		height: /**/250px;
		
		background-color:#FFF;
		border:1px solid #CCCCCC;
		position:relative;	/* Never change this value */
		
	}
	.imageInGallery{		
		width:600px;
		height:250px;
		background-color:#FFF;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	#imageSlideshowHolder img{
		position:absolute;
	}
	
	/*chris - description overlay*/
	#the_captions{
		display:none;
		}
	.imageInGallery_DESC{
		position:absolute;
		color:#FFFFFF;
		padding:30px;
		padding-top:25px;
		margin-left:30px;
		margin-top:5px;
		z-index:100;
		/*height:200px;*/
		width:240px;
		background:url("http://www.famousevents.ro/img/bg.png");
		font-size:80%;
		}
	.imageInGallery_DESC h1{
		color:#99cc33;
		font-size:140%;
		margin:0px;
		padding:0px 0px 5px 0px;
		}	
 
	
	tablist{  margin: 25px 0 0 0;  }
	#tablist li{ list-style: none; display: inline;  }
	#tablist li a{
		text-decoration: none;
		margin: 0 3px 0 0;
		padding: 4px 15px;
		border: 1px solid #3B3B3B;
		font-weight: bold;
		background: #ADD597;
		color: #000000;
	}
	#tablist li a:hover{
		border: 1px solid #55684A;
		color: #fff;
	}
	#tablist li a.current{
		background: #ADD597;
		color: #fff;
	}
	#tablist .key { text-decoration: underline; }