/* CONTENT *******************************************************************/
#content {
	margin: 1px auto;
}

/* MODULES ***********************************************/
div.module {
	float: left;
	margin-top: 18px;
}

div.module-style-0 {
	height: 70px;
	padding: 86px 0 0 17px;
}
div.module-style-0 h1 {
	font-size: 11px;
	font-weight: bold;
	color: #5D014A;
}

div.module-style-1 div {
	height: 60px;
}

#modules,
#modules div {
	overflow: hidden;
}



#learn, #explore, #adopt {
	padding-top:0;
	height: 160px;
}

#learn a, #explore a, #adopt a {
	color: #50024a;
	font-weight: bold;
}

#learn p, #explore p, #adopt p {
	padding-top:65px;
}

#learn {
	width: 246px;
	/*background-image: url(/harmonyCMSSmartTheme/images/module/learn_en.jpg);*/
	cursor:pointer;
                    padding: 0 0 0 0;
}

#explore {
	width: 227px;
	margin-right: 18px;
	margin-left: 18px;
	background-image: url(/harmonyCMSSmartTheme/images/module/explore_en.jpg);
	cursor:pointer;
}

#assessment {
	width: 250px;
                   height: 156px;
	margin-right: 13px;
	margin-left: 0;
	cursor:pointer;
                   padding: 0 0 0 17px;
}


#adopt {
	width: 234px;
	background-image: url(/harmonyCMSSmartTheme/images/module/adopt_en.jpg);
	cursor:pointer;
}

#flashnews {
	width: 234px;
	cursor:pointer;
                  padding: 46px 0 0 17px;
                  height: 110px;
}

#flashnews.flashnews_fr {
    background-image: url(/harmonyCMSSmartTheme/images/module/bloc_flash_news_fr.jpg);
}

#flashnews.flashnews_en {
    background-image: url(/harmonyCMSSmartTheme/images/module/bloc_flash_news_en.jpg);
}

#learn.learn_fr { background-image: url(/harmonyCMSSmartTheme/images/module/learn_fr.jpg); }
#explore.explore_fr { background-image: url(/harmonyCMSSmartTheme/images/module/explore_fr.jpg); }
#adopt.adopt_fr { background-image: url(/harmonyCMSSmartTheme/images/module/adopt_fr.jpg); }


#download {
        margin-right: 18px;
        
}
#download div {
	width: 208px;
	height: 136px;
        background: url(/harmonyCMSSmartTheme/images/background/bloc_download_back.jpg) no-repeat;
}
#download select {
	margin: 4px 0;
	background-color: #F6F6F6;
	border: 1px solid #666666;
	width:200px;
}
#highlights div {
	width: 475px;
	height: 136px;
         background: url(/harmonyCMSSmartTheme/images/background/bloc_events_back.jpg) no-repeat;
}
#highlights ul {
	float: left;
	margin: 3px 0 0 0;
	height: 120px;
}
#highlights li {
	/*width: 150px;*/
	background-position: left center;
}

#highlights_ticker {
/*background-color:white;*/
height:40px; /*79px;*/
margin:0px;
overflow:hidden;
width:100%;
}

#highlights_ticker li {
border:0px solid black;
height:15px;
padding:6px 10px 6px 15px;
width:450px;
}

#highlights_ticker_top {
	/*background-color:white;*/
	height:40px; /*79px;*/
	margin:0px;
	overflow:hidden;
	width:450px;
	}
	
#highlights_ticker_top li {
	border:0px solid black;
	height:15px;
	padding:6px 10px;
	width:450px;
	}

#bar_button {
	margin-right: 18px;
	margin-top: 0;
	margin-bottom: 17px;
	
}
#bar_button div {
	width: 208px !important;
	width: 174px;
	height: 93px;
	padding:1px 34px 0 0 !important;
	padding:1px 0px 0 0;
}
#bar_button div p {
	padding: 7px 17px;
}

#bar_news {
	margin-top: 0;
	margin-bottom: 17px;
	
}
#bar_news div,
#flashnews div {
	width: 220px;
	height: 150px;
}

/* Scrollable =====*/
/* this makes it possible to add next button beside scrollable */
#bar_news div.scrollable,
#flashnews div.scrollable {
	float:left;	
}

#bar_news div.scrollable,
#flashnews div.scrollable {
	height:90px;
	overflow:hidden;
	padding:0 0;
	position:relative;
	width:220px;
	}

#bar_news div.scrollable div.items,
#flashnews div.scrollable div.items {
	clear:both;
	position:absolute;
	width:20000em;
	height: 50px;
}



/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:none;
	width:18px;
	height:18px;
	background:url(../images/left.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
	font-size:1px;
}

#bar_news div.scrollable div.items div, 
#bar_news div.scrollable div.items div.item, 
#bar_news.module-style-1 div div div,
#flashnews div.scrollable div.items div, 
#flashnews div.scrollable div.items div.item, 
#flashnews.module-style-1 div div div {
	float:left;
	/*margin-right:20px;*/
	padding:0;
	text-align:left;
	width:220px;
	height: 90px;
	margin:0;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/right.png);
	clear:right;
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
#bar_news div.navi,
#flashnews div.navi {
	height:10px;
	margin-top:0;
	width:65px;
	float:right;
	}


/* items inside navigator */
#bar_news div.navi a, 
#flashnews div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:1px 3px;
	background:url(../images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
#bar_news div.navi a:hover, 
#flashnews div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
#bar_news div.navi a.active, 
#flashnews div.navi a.active {
	background-position:0 -16px;     
} 	


body#slug-home #content a { color: #666; }


