/* 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: 229px;
	background-image: url(/harmonyCMSSmartTheme/images/module/learn_en.jpg);
	cursor:pointer;
}

#explore {
	width: 227px;
	margin-right: 18px;
	margin-left: 18px;
	background-image: url(/harmonyCMSSmartTheme/images/module/explore_en.jpg);
	cursor:pointer;
}

#adopt {
	width: 234px;
	background-image: url(/harmonyCMSSmartTheme/images/module/adopt_en.jpg);
	cursor:pointer;
}

#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;
}
#download select {
	margin: 4px 0;
	background-color: #F6F6F6;
	border: 1px solid #666666;
	width:200px;
}
#highlights div {
	width: 475px;
	height: 136px;
}
#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;
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 {
	width: 475px;
	height: 80px;
}

/* Scrollable =====*/
/* this makes it possible to add next button beside scrollable */
#bar_news div.scrollable {
	float:left;	
}

#bar_news div.scrollable {
	height:40px;
	overflow:hidden;
	padding:0 0;
	position:relative;
	width:470px;
	}

#bar_news 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  {
	float:left;
	/*margin-right:20px;*/
	padding:0;
	text-align:left;
	width:475px;
	height: 50px;
	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 {
	height:10px;
	margin-top:0;
	width:65px;
	float:right;
	}


/* items inside navigator */
#bar_news 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 {
	background-position:0 -8px;      
}

/* active state (current page state) */
#bar_news div.navi a.active {
	background-position:0 -16px;     
}