/******************************************************************
	default settings
******************************************************************/
body { 
	color: #113355; 
}

hr { 
	display: none; 
}

h3, h4, h5, h6 {
	font-weight:normal;	
	font-style: normal;
}

/* links */
a, a:visited, a:link {
	color:#000088;	
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}


/******************************************************************
	eu template corrections
******************************************************************/
#top { border: none; }
p { font-size:1em; }
.bannerRight .title { left:100px; }
#path div ul { padding: 2px 0; }

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, body {
  border: 0 none;
  font-family: inherit;
  font-style: inherit;
  padding: 0;
  vertical-align: baseline;
}
.content-main {
	line-height: 1.5em;
}
ol, ol li {margin-left:0;padding-left:0;}
ol li {list-style-position:inside;}

/******************************************************************
	eu banner
******************************************************************/
#banner-image-right, #imageBanner {
	width: 533px;
	background: url('../images/layout/banner_image_right.png') no-repeat 0 0;
}
#header .title-en, #title-en {
	background: url('../images/layout/banner_en.png') no-repeat 0 1px;
}
#header .title-fr, #title-fr {
	background: url('../images/layout/banner_fr.png') no-repeat 0 1px;
}
#header .title-de, #title-de {
	background: url('../images/layout/banner_de.png') no-repeat 0 1px;
}

/******************************************************************
	layout 
******************************************************************/
div.layout {
	height: 100%;
	max-width: none;
	min-width: 984px;
	border: none;
}
.layout-body {
	position: relative;
	min-height: 100%;
	padding: 40px 0 40px 0;
	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	font-size: 12px;
	background: #B4E1FF url('../images/layout/bg_main_move.jpg') no-repeat center top;
}

.layout-body hr.visible {
	display: block;
	height: 1px;
	margin: 15px auto 15px auto;
	padding: 0;
	line-height: 1em;
	color: #000000;
	border: none;
	background: #000000;
}

/******************************************************************
	horizontal menu 
******************************************************************/
#container {
	/* border-bottom: 10px solid; */
   	background: none;
    font-size: 1em;
    margin:0;
    padding:0;
}

#menu {
	width: 960px;
	height: 40px;
	margin: 0 auto 0px auto;
	background: url('../images/layout/bg_nav_bar.png') no-repeat left top;
	border-bottom: 2px solid;
}

#menu.c5 {
	background-image: url('../images/layout/bg_nav_bar-c5.png')
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu li {
	float: left;
	margin: 0;
	padding: 0;
}

#menu li a {
	text-decoration:none;
}

#menu li a.tab {
	display: block;
	width: 160px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	text-align: center;
	color: #000000;
	border-left: 1px solid #C8C8C8;
}

#menu li.pos-1 a.tab { 
	-moz-border-radius: 7px 0 0 0;
	-webkit-border-radius: 7px 0 0 0;
	-khtml-border-radius: 7px 0 0 0;
	border: none;
}

#menu li.last a.tab { /* li:last-child */
	-moz-border-radius: 0 7px 0 0;
	-webkit-border-radius: 0 7px 0 0;
	-khtml-border-radius: 0 7px 0 0;
}

#menu li a.tab:hover, #menu li:hover a.tab, #menu li.menu div, #menu li.active a.tab {
	color: #ffffff;
	background-color: #113355;
}

/* second level */

#menu li.menu a { 
	background: url('../images/layout/bg_nav_dropdown.png') no-repeat right 0; 
}
#menu li.menu div.submenu a { 
	background-image: none; 
}
#menu li.menu a.tab:hover, #menu li.menu:hover a.tab, #menu li.menu.active a.tab { 
	background-position: right -40px;
}

#menu div.submenu {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 1;
}

#menu li.nolink > a {
	cursor:default;
}
#menu li.active div.submenu, #menu li:hover div.submenu { 
	/*, #menu li.home div.submenu */ 
	display: block; 
}
#menu li:hover div.submenu { 
	z-index: 10;
}
#menu div.submenu .nav-tab-menu-inner {
	position: relative;
	width: 960px;
	margin: 0 auto;
	color: #ffffff;
}

#menu div.submenu .nav-tab-menu-content {
	position: absolute;
	height: 30px;
	padding: 0 15px 0 15px;
	background: #113355;
	z-index: 1;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	-khtml-border-radius: 0 0 7px 7px;
}

#menu li.pos-2 div.submenu .nav-tab-menu-content {
	left:50px;	
}
#menu li.pos-3 div.submenu .nav-tab-menu-content {
	left: 212px;	
}
#menu li.pos-4 div.submenu .nav-tab-menu-content {
	right: 427px;	
}
#menu li.pos-5 div.submenu .nav-tab-menu-content {
	right: 266px;	
}
#menu li.pos-6 div.submenu .nav-tab-menu-content {
	right:105px;
}

#menu div.submenu a, #menu div.submenu span {
	margin: 0;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
}

#menu div.submenu span { 
	padding: 0 5px 0 5px; 
}

#menu li div.submenu a:hover, #menu li div.submenu a.active {
	color: #000000 !important;
}


.social-medias a {
	display: block;
	float: right;
	margin: 9px 0 9px 9px;
	line-height: 40px;
}

/******************************************************************
	Schemes 
******************************************************************/

/* Home D1705D */
.colors-home #menu { 
	border-color: #024e76; 
}
#menu li.home div.submenu .nav-tab-menu-content, .colors-home .banner-content  {
	background-color: #024e76; 
}
#menu li.home a.tab {
	width: 50px;
	height: 40px;
	text-indent: -9999px;
	background:transparent url('../images/layout/nav-tab-home-black.png') no-repeat center center;
}
#menu li.home a.tab:hover, #menu li.home:hover a.tab,#menu li.active.home a.tab  {
	background:#024e76 url('../images/layout/nav-tab-home.png') no-repeat center center;
}
/*
#menu li.home:hover, #menu li.home.active {
	background: url("img/bg_nav_bar_home.png") no-repeat scroll center center transparent;
}*/
.colors-home .title, .colors-home h3, .colors-home h4, .colors-home .subtitle { 
	color: #024e76; 
}
.colors-home .content-main .link a { background: url('../images/pager_next_home.png') no-repeat 0 2px; }
.colors-home .pager .prev { background: url('../images/pager_prev_home.png') no-repeat left top; }
.colors-home .pager .next { background: url('../images/pager_next_home.png') no-repeat left top; }


/* Move */
.colors-move #menu { 
	border-color: #39a6b2; 
}
#menu li.move div.submenu .nav-tab-menu-content, #menu li.move a.tab:hover, #menu li.move:hover a.tab,#menu li.active.move a.tab, #menu li.move div.submenu .nav-tab-menu-content, .colors-move .banner-content   {
	background-color: #39a6b2; 
	color: #19474c;
}
.colors-move .title, .colors-move h3, .colors-move h4, .colors-move .subtitle { 
	color: #19474c; 
}
#menu li.move div.submenu .nav-tab-menu-inner, #menu li.move div.submenu a, #menu li.move div.submenu span, .colors-move .banner h2 {
	color: #19474c;
}

/* Events */
.colors-events #menu { 
	border-color: #c5d632; 
}
#menu li.events div.submenu .nav-tab-menu-content, #menu li.events a.tab:hover, #menu li.events:hover a.tab,#menu li.active.events a.tab, #menu li.events div.submenu .nav-tab-menu-content, .colors-events .banner-content, div.banner-events .banner-content {
	background-color: #c5d632; 
	color: #6B741B;
}
.colors-events .title, .colors-events h3, .colors-events h4, .colors-events .subtitle { 
	color: #6B741B; /*#c5d632; */
}
#menu li.events div.submenu .nav-tab-menu-inner, #menu li.events div.submenu a, #menu li.events div.submenu span, .colors-events .banner h2 {
	color: #6B741B;
}


/* News */
.colors-news #menu { 
	border-color: #ddc52a; 
}
#menu li.news div.submenu .nav-tab-menu-content, #menu li.news a.tab:hover, #menu li.news:hover a.tab,#menu li.active.news a.tab, #menu li.news div.submenu .nav-tab-menu-content, .colors-news .banner-content, div.banner-news .banner-content {
	background-color: #ddc52a; 
	color: #736717;
}
.colors-events .news, .colors-news h3, .colors-news h4, .colors-news .subtitle { 
	color: #736717; 
}
.news p.subtitle {
	color:#113355;
	padding-bottom:0.1em;
	font-size: 1em;
}
#menu li.news div.submenu .nav-tab-menu-inner, #menu li.news div.submenu a, #menu li.news div.submenu span, .colors-news .banner h2 {
	color: #736717;
}


/* Ambassadors */
.colors-ambassadors #menu { 
	border-color: #f5b824; 
}
#menu li.ambassadors a.tab:hover, #menu li.ambassadors:hover a.tab,#menu li.active.ambassadors a.tab, #menu li.ambassadors div.submenu .nav-tab-menu-content, .colors-ambassadors .banner-content { 
	background-color: #f5b824; 
	color: #85630f;
}
.colors-ambassadors .title, .colors-ambassadors h3, .colors-ambassadors h4, .colors-ambassadors .subtitle { 
	color: #85630f; 
}
#menu li.ambassadors div.submenu .nav-tab-menu-inner, #menu li.ambassadors div.submenu a, #menu li.ambassadors div.submenu span, .colors-ambassadors .banner h2 {
	color: #85630f;
}

/* About */
.colors-about #menu { 
	border-color: #f08106; 
}
#menu li.about div.submenu .nav-tab-menu-content, #menu li.about a.tab:hover, #menu li.about:hover a.tab,#menu li.active.about a.tab, #menu li.about div.submenu .nav-tab-menu-content , .colors-about .banner-content {
	background-color: #f08106; 
	color: #773f02;
}
.colors-about .title, .colors-about h3, .colors-about h4, .colors-about .subtitle { 
	color: #773f02; 
}
#menu li.about div.submenu .nav-tab-menu-inner, #menu li.about div.submenu a, #menu li.about div.submenu span, .colors-about .banner h2 {
	color: #773f02;
}


/******************************************************************
	to update 
******************************************************************/



/** CONTENT MAIN */
.content-main {
	position: relative;
    width: 960px;
	min-height: 700px;
    margin: 30px auto 0 auto;
	font-size: 12px;
	background: transparent;
}

.content-main p {
	margin: 0;
	padding: 0 0 1em 0;
}
.content-main .link {
	margin: 0 0 0 10px;
	padding: 0 20px 0 20px;
	text-align: right;
	background: #FFFFFF;
}
.content-main .link a {
	padding: 0 0 0 22px;
	line-height: 16px;
	font-size: 16px;
}

.content-main .bigtitle, .content-main h3 {
	margin: 10px 0 6px 0;
	line-height: 1em;
	font-size: 1.5em;
}

.content-main .content-right h3 {
    margin-bottom:0;
	margin-top: 0;
	padding-bottom: 7px;
}

.content-main .title {
	margin: 0 0 1px 0;
	font-size: 20px;
}
.content-main .subtitle, .content-main h4 {
	margin: 0 0 4px 0;
	line-height: 1.3em;
	font-size: 16px;
}
.news .subtitle {
	font-size:1em;
	color: #113355;
}

.content-main ul {
	list-style: outside disc;
	margin:10px 0 10px 15px;
}

.content-inner {
	margin: 0 0 0 10px;
	padding: 15px 20px 0 20px;
	background: #FFFFFF;
}
.content-inner-top {
	height: 7px;
	margin: 0 0 0 10px;
	background: #FFFFFF;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	-khtml-border-radius: 7px 7px 0 0;
}
.content-inner-bottom {
	height: 20px;
	margin: 0 0 0 10px;
	background: #FFFFFF;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	-khtml-border-radius: 0 0 7px 7px;
}

/** CONTENT LEFT */
.content-left {
	float: left;
	width: 740px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
}

.minheight  {
	min-height:500px;
}

.colors-home .content-left {
	float: left;
	width: 590px;
}
.single-page .content-left {
	float: none;
	width: 960px;
}
.content-left-inner {
	margin: 0 0 0 10px;
	background: #FFFFFF;
}


.banner {
	width: 100%;
	color: #FFFFFF;
	background:  url('../images/bg_banner.png') no-repeat left top;
}
.banner-corner {
	margin: 0 0 0 10px;
	height: 10px;
	background-color: #ffffff	
}
.banner-content {
	padding: 0 20px 0 30px;
	background-color: #113355	
}
.banner-content a {
    color: #FFFFFF;
    text-decoration: none;
	display:block;
}

.banner h2 {
	color:#ffffff;
	margin:0;	
	line-height: 33px;
}
/* check whether the main text-decoration:none for ".banner-content a" can be dropped, override for the time being*/
/* start override */
.banner h2 a {
	text-decoration:underline;
}
.banner h2 a:hover{
	text-decoration:none;
}
/* end override */

.banner-title, .banner h2 {
	line-height: 33px;
	font-size: 1.65em;
}

/** EVENTS */
div.event-title .hp_date {
	display:block;
}
div.banner-events .banner-content {
	color: #6B741B;
	padding: 12px 0 10px 30px;
}
div.banner-events .banner-content a, div.banner-events .banner-content a:visited {
	color: #024E76;
	text-decoration:underline;
	display:inline;
}
div.banner-events .banner-content a:hover {
	text-decoration:none;
}
div.banner-events .banner-title {
	margin: 0 0 12px 0;
	line-height: 30px;
	font-size: 24px;
}
div.banner-events .banner-title .link {
	float: right;
	margin: 8px 8px 0 0;
	background: transparent;
}
div.banner-events .banner-title .link a {
	color: #024E76;
	background: url('../images/icon_link_white.png') no-repeat 0 2px;
	font-size: 14px;
}
div.banner-events .event {
	float: left;
	width: 166px;
	margin: 0 20px 0 0;
}
div.banner-events .event-thumbnail {
	margin: 0 0 20px 0;
}
div.banner-events .event-title {
	margin: 0 0 7px 0;
	color: #024E76;
	font-size: 18px;
	line-height: 1em;
}

.euEvent .venue img {
	float: left;
    margin: 4px 20px 5px 0;
}

.euEvent .venue h5 {
    background: none repeat scroll 0 0 #80C41C;
    color: #FFFFFF;
    display: inline;
    font-size: 11px;
    padding: 3px 20px 3px 6px;
}

.euEvent .venue p {
	margin:.8em 0;
	padding:0;
}

.euEvent h3 {
	font-size: 2.5em;
}

.euEvent .subtitle {
	font-size: 1.6em;;
}


/** CONTENT RIGHT */
.content-right {
	position: relative;
	float: right;
	width: 210px;
	margin: 0 0 0 10px;
}
.colors-home .content-right {
	float: right;
	width: 360px;
}
.content-right .title {
	margin: 0 0 10px 0;
}

/** ITEMS */
.item {
	margin: 0 0 10px 0;
	padding: 0 0 7px 0;
	border-bottom: 1px solid #000000;
}
.item img {
	float: left;
	margin: 0 10px 7px 0;
}
.item h5 {
	line-height: 1em;
	font-size:1.3em;
}

.item p, item h5 {
   	padding:0;
}

.item .content.img {
	margin-left: 40px;
}

/** PAGER */
.pager {
	margin: 7px 0 0 0;
	text-indent: -9999px;
}
.pager a.prev, .pager a.next {
	display: block;
	float: right;
	width: 16px;
	height: 14px;
	margin: 0 3px 0 0;
	line-height: 14px;
	border: none;
}



/** GLOBAL CLASSES */
.clear-all {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	border: none;
}
.align-left { float: left; }
img.align-left { margin: 4px 10px 10px 0; }
.align-right { float: right; }
img.align-right { margin: 0 0 0 20px }

/******************************************************************
	page status banner 
******************************************************************/

#draft {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	border:0px solid #ffaa00;
	border-top-width:1px;
	background-color:rgba(255,240,180,.75);
	z-index:200;
}

#draft p {
	margin:0;
	margin:8px 30px 8px 12px;
	padding-left:22px;
	background:url(../images/error.png) left center no-repeat;
}


#draft a.close {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	right:12px;
	top:7px;
	background-color:#ffffff;
	color:#757575;
	border:1px solid #cccccc;
	padding:0 0.2em;
	text-decoration:none;
}

#draft a.close:hover {
	border-color: #333388;
	color:#333388;
}

/******************************************************************
	right column multimedia 
******************************************************************/

.content-right #multimedia_wrapper {
	margin:0;
	padding: 10px 0;
	background:#fff;
	text-align:center;
	width:160px;
}

/******************************************************************
	right column banner 
******************************************************************/
.content-inner.banner-right {
	text-align:center;
}
.content-inner.banner-right a{
	text-decoration:none;
}

/******************************************************************
	right column links 
******************************************************************/
.content-right .content-inner h5 a{ 
	word-wrap:break-word;
}

/******************************************************************
	right column banners
******************************************************************/
.content-right .content-inner p.banner_abstract{ 
	text-align:justify;
	margin-top:24px;
}

/******************************************************************
	Promo materials
******************************************************************/
h3.switch {
	cursor: pointer;
	margin:0;
	padding: 5px 0;
	padding-left:35px;
	background: url(../images/layout/bullet-plus.png) no-repeat left;
}

h3.switch.on {
	background-image: url(../images/layout/bullet-minus.png);
}
/******************************************************************
	js-generated video players
******************************************************************/
.multimedia.align-left {
	padding: 0 12px 0 0;
}
.multimedia.align-right {
	padding: 0 0 0 12px;
}
.multimedia.align-center{
	text-align:center;
}
/******************************************************************
	alIco etc (restoring defaults)
******************************************************************/
.alIco {
	float:none !important;
	margin:0 !important;
}
/******************************************************************
	revampled "Work" section
******************************************************************/
body.work .content-inner.minheight {
	background:url("/youthonthemove/move/work/images/poster.png") no-repeat scroll 90px bottom #FFFFFF !important;
	border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	-moz-border-radius: 0 0 7px 7px;
	-o-border-radius: 0 0 7px 7px;
	padding-bottom:160px;
}
/******************************************************************
	tabs
******************************************************************/
div.tab.js {
	margin-top:48px;
}
div.tab.js * {
	display:none;
}
div.tab.js.active *{
	display:block;
}
div.tab.js h3 {
	margin:24px 0;
	display:block !important;
	padding:4px 12px 4px 4px;
	cursor:pointer;
}
div.tab.js.active h3 {
	color:#fff;
	background:#85630f;
}
div.tab.js h3:hover{
	background:#ccc;
}
 .align-right #multimedia_wrapper {
	margin-left:8px;
	margin-bottom:4px;
 }
 .submenu img {
	display:none;
}
/******************************************************************
	accordions
******************************************************************/
.accordion .toggler {
	border:1px solid #9AC1C9;
	font-size:1em;
	padding: 6px 6px 8px;
	font-weight: bold;
	margin-bottom:0;
	background:url(/youthonthemove/images/accordion/header.gif) 0 0 repeat-x;
}
.accordion .toggler:hover {
	background:url(/youthonthemove/images/accordion/header-over.gif) 0 0 repeat-x;
 }
.accordion .content {
	border:1px solid #9AC1C9;
	border-top:0;
	margin-top:0;
	padding:12px;
}
.accordion h3.toggler {
	color:#99cc00;
	width:98%;
}
.accordion h4.toggler {
	color:#ff6600;
}
.accordion .accordion {
	margin: 12px 24px;
}
.group {
	position:relative;
	padding-bottom:48px;
}
.expandCollapse {
	position:absolute;
	color:#9AC1C9;
	cursor:pointer;
	top:-2em;
	right:0;
}
.expandCollapse .toggle:hover {
	color:#000;
}
.euGallery h2.section {
	font-size:1.6em;
	color:#ff0000;
	
margin-top:48px;
}