/*************************************************************/
/*   Design:   Stars 2 Demain 2007                           */
/*   File:     Text formats                                  */
/*-----------------------------------------------------------*/
/*   Author:   2SOP & CO                                     */
/*   Date:     May 15, 2007                                  */
/*************************************************************/

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN CONTENT */
.main-content h1 {
	clear:both; 
	margin:0 0px 0px 0px; 
	font-family:arial,sans-serif; 
	color:rgb(255,255,255); 
	font-weight:bold; 
	font-size:18px;
}

.main-content h2 {
	clear:both; 
	margin:0 0 0 0; 
	font-family:arial,sans-serif; 
	color:rgb(255,255,255); 
	font-weight:bold; 
	font-size:13px;
}

.main-content h3 {
	clear:both; 
	margin:0 0 0 0; 
	font-family:arial,sans-serif; 
	color:rgb(255,255,255); 
	font-weight:normal; 
	font-size:12px;
}

.main-content h1.side {
	clear:none;
	}
.main-content h2.side {

	clear:none; 

}
.main-content h1.center {

	text-align:center;

}
.main-content h3.side {
	clear:none;
}

.main-content p {
	margin:0 0 10px 0; 
	font-size:12px;
}
.main-content p.side {
	clear:none;
}

/* PICTURES SLIDE SHOW */
.pics-slider {
	clear:none;
	float:left; 
	wmode:transparent;
	width:320px; 
	margin-right:10px !important /*Non-IE6*/; 
	margin-left: 0px !important /*Non-IE6*/; 
	margin-right:10px /*IE6*/;
}

.pics-slider2 {
	clear:none;
	float:left; 
	wmode:transparent;
	width:360px; 
	margin-right:5px !important /*Non-IE6*/; 
	margin-left: 0px !important /*Non-IE6*/; 
	margin-right:5px /*IE6*/;
}

.content-title-bar {
	clear:both; 
	width:580px; 
	height:22px; 
	background:transparent url(../img/bg_title_bar.jpg) repeat-x; 
	z-index:1; 
	font-family:"trebuchet ms",arial,sans-serif; 
	color:rgb(255,255,255); 
	font-weight:bold; 
	font-size:14px;
	border:solid 1px rgb(255,255,255);
	line-height:22px;
	padding-left:10px;
	margin-bottom:10px;
}

/* MAIN SUBCONTENT */
.main-subcontent h1 {
	clear:both; 
	margin:0 0 0px 0; 
	padding:0px 0px 0px 5px; 
	border-bottom: solid 1px rgb(255,255,255); 
	background-color:transparent; 
	background:url(../img/bg_title_bar.jpg) repeat-x; 
	font-family:"trebuchet ms",arial,sans-serif; 
	color:rgb(255,255,255); 
	line-height:22px;
	font-weight:bold; 
	font-size:12px;
}

 /* Note: h2 non-existent, to make HTML-code interchangeable between 'main-navigation' and 'main-subcontent' */

.main-subcontent h3 {
	clear:both; 
	margin:5px 4px 5px 4px; 
	color:rgb(255,255,255); 
	font-family:arial,sans-serif; 
	font-weight:bold; 
	font-size:12px;
}
	
.main-subcontent p {
	clear:both; 
	margin:0 4px 5px 4px; 
	color:rgb(255,255,255); 
	line-height:1.2em; 
	font-family:arial,sans-serif; 
	font-size:10px;
}

.main-subcontent p.center {text-align:center;}
.main-subcontent p.right {text-align:right;}

/********************/
/*  COMMON CLASSES  */
/********************/
.main img {
	clear:both; 
	float:left; 
	margin:0px 5px 0px 0px; 
	padding:0px; 
	border:0px solid rgb(255,255,255);
}

.main img.center {
	clear:both; 
	float:none; 
	display:block; 
	margin:0px 2px 0px 3px; 
	margin:0 auto; 
	padding:0px; 
	border:0px solid rgb(255,255,255);
}

.main img.right {
	clear:both; 
	float:right; 
	margin:0px 0 0px 5px; 
	padding:0px; 
	border:0px solid rgb(255,255,255);
}

.main img.side {
	clear:none; 
	float:left; 
	margin:0px 5px 0px 0px; 
	padding:0px; 
	border:0px solid rgb(255,255,255);
}

.main img.side2 {
	clear:none; 
	float:left; 
	margin:10px 5px 0px 0px; 
	padding:0px; 
	border:0px solid rgb(255,255,255);
}


.main a {
	color:rgb(255,255,255); 
	font-weight:bold; 
	text-decoration:none;
}
.main-content h1 a {
	color:rgb(255,255,255); 
	font-weight:bold; 
	text-decoration:none;}
	
.main a:hover {
	color:rgb(255,255,255); 
	text-decoration:underline;
}

.main a:visited {
	color:rgb(255,255,255);
}

.main a img {
	border:solid 0px rgb(255,255,255);
}
.main a:hover img {
	border:solid 0px rgb(255,255,255);
}

.main .info{
     position:relative;/*this is the key*/
    z-index:24;
    background-color:#ccc;
    color:#000;
    text-decoration:none
}

.main a.info:hover{
z-index:25;
background-color:#ff0
}

.main a.info span{display: none}

.main a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0em; left:0em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}

.main a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}

.main a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}