html, body {
height: 100%;
margin: 0 0 1px;
padding: 0;
}

#outer_container {
width: 100%;
padding: 0px;
margin: 0px;
background-attachment: fixed;
background-color:#888;
min-height: 100%;
height: auto !important;
height: 100%;
overflow:hidden;
}

.bgDefault {
background-image: url("/assets/bg/vapour.jpg");
background-position: center top;
}

.bgHome {
background-image: url("/assets/bg/vapour.jpg");
background-position: center bottom;
}

.bgWho {
background-image: url("/assets/bg/amsterdam.jpg");
background-position: center bottom;
}

.bgWhat {
background-image: url("/assets/bg/HK.jpg");
background-position: center bottom;
}

.bgWhy {
background-image: url("/assets/bg/graff.jpg");
background-position: center bottom;
}

.bgTakePart {
background-image: url("/assets/bg/field.jpg");
background-position: center top;
}

.bgFind {
background-image: url("/assets/bg/road.jpg");
background-position: center bottom;
}

#container {
width:935px;
text-align:left;
margin:0 auto;
padding:0;	
min-height: 100%;
height: auto !important;
height: 100%;
}

#trans_container {
width:955px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
background-image:url(/assets/bg/d_trans.png);
background-repeat:repeat;
min-height: 100%;
height: auto !important;
height: 100%;
}

#header {
width:100%;
}

#headerBackground {
width:100%;
background-color:#fff;
-webkit-box-shadow: 0 20px 10px -10px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 20px 10px -10px rgba(0, 0, 0, .1);
box-shadow: 0 20px 10px -10px rgba(0, 0, 0, .1);
}

#header #banner {
width:935px;
margin:0 auto;
}

#header #siteLogo {
width:200px;
float:left;
text-align:left;
margin:20px auto 7px;
}

#header #siteSearch {
background-color:#555;
width:auto;
height:24px;
float:right;
text-align:right;
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-webkit-border-bottom-left-radius:7px;
-webkit-border-bottom-right-radius:7px;
-khtml-border-radius-bottomleft:7px;
-khtml-border-radius-bottomright:7px;
-o-border-radius-bottomleft:7px;
-o-border-radius-bottomright:7px;
padding:9px 6px 6px;
}

#header #search-field {
font-style:italic;
font-weight:400;
color:#bbb;
width:165px;
border:0;
margin-right:-4px;
-moz-border-radius-topleft:3px;
-moz-border-radius-bottomleft:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-bottom-left-radius:3px;
-khtml-border-radius-topleft:3px;
-khtml-border-radius-bottomleft:3px;
-o-border-radius-topleft:3px;
-o-border-radius-bottomleft:3px;
padding:4px;
}

#header .searchFieldButton {
background-color:#fff;
background-image:url(/assets/search_arrow_light.png);
background-repeat:no-repeat;
background-position:center center;
overflow:hidden;
width:24px;
height:24px;
border:0;
cursor:pointer;
-moz-border-radius-topright:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-top-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
-khtml-border-radius-topright:3px;
-khtml-border-radius-bottomright:3px;
-o-border-radius-topright:3px;
-o-border-radius-bottomright:3px;
margin:0;
}

#header #siteInfo {
clear:right;
margin-left:auto;
margin-right:auto;
padding-bottom:5px;
padding-top:40px;
text-align:right;
}

#footer {
clear:both;
padding-top:10px;
}

#footer #footerSmallprintContainer {
width:auto;
height:27px;
background-color:#222;
z-index:5000;
clear:both;
margin:0 auto;
padding:0;
position:relative;
}

#footer #footerSmallprint {
width:935px;
height:27px;
background-color:#222;
z-index:5000;
clear:both;
margin:0 auto;
padding:0;
position:relative;
}

#footer #footerSocialContainer {
width:auto;
height:27px;
background-color:#222;
z-index:5000;
clear:both;
margin:0 auto;
padding:0;
position:relative;
}

#footerBar {
width:auto;
height:27px;
background-color:red;
margin:0 auto;
padding:0;
position:relative;
bottom:0px;
}

#footer #footerSocial {
width:935px;
height:27px;
background-color:#222;
z-index:5000;
clear:both;
text-align:right;
margin:0 auto;
padding:0;
position:relative;
}

#footer #footerSocial img {
border:none;
padding-top:6px;
}

#footer #footerSocial a {
color:#999;
font-weight:normal;
font-size:11px;
}

#footer #footerSocial li {
border-right:0px solid #ddd;
display:inline;
list-style-type:none;
padding:6px 5px 0 0px;
}

#footer #footerSocial p {
float:left;
margin: 6px 10px;
font-size:11px;
color:#666;
}

#footer #footerSocial li.last {
border-right:0;
}

#pageContent {
width:100%;
margin-bottom:0;
margin-top:10px;
display:inline;
}

#Home #pageIntro {
width:100%;
height:368px;
margin-bottom:10px;
}

#pageIntro {
width:100%;
height:auto;
}

#pageBody {
width:746px;
min-height:557px;
margin-right:10px;
display:inline;
margin-bottom:10px;
}

#pagePromo {
width:179px;
float:right;
display:inline;
}

#Home #panelIntroText {
width:368px;
height:179px;
float:left;
background-color:transparent;
margin-right:10px;
position:relative;
display:inline;
}

#panelIntroText {
width:700px;
height:auto;
float:left;
background-color:#transparent;
margin-right:10px;
margin-bottom:15px;
position:relative;
display:inline;
}

#panelIntroImage {
float:left;
width:368px;
height:179px;
background-color:none;
}

#panelIntroMap {
float:right;
width:557px;
height:300px;
background-color:#FF0;
}

#panelIntroMapKey {
float:left;
width:368px;
height:111px;
margin-top:10px;
background-color:#000;
}

#pageBody #panelPromoNav {
height:368px;
}

#panelPromoNav {
width:179px;
float:left;
min-height:368px;
height:auto!important;
margin-bottom:10px;
background-color:#47177a;
position:relative;
display:inline;
}

.TabbedColumns #panelPromoNav {
margin-top:30px;
}

#panelPromoNav ul {
list-style-type:none;
width:179px;
}

#panelPromoNav a:link {
color:#C8BAD7;
}

#panelPromoNav li a {
color:#C8BAD7;
display:block;
font-size:108%;
text-decoration:none;
padding:8px 10px;
line-height:130%;
font-weight:normal;
}

* html #panelPromoNav li a {
width:179px;
display:inline;
padding:8px 0;
}

#panelPromoNav li a:hover {
background:#380F6D;
color:#fff;
}

#panelPromoNav a em {
color:#333;
display:block;
font:normal 85% Verdana, Helvetica, sans-serif;
line-height:125%;
}

#panelPromoNav a span {
color:#125F15;
font:normal 70% Verdana, Helvetica, sans-serif;
line-height:150%;
}

#panelPromoTwitter {
width:179px;
min-height:179px;
float:left;
background-color:#09f;
background-image:url(/assets/icons/twitter.gif);
background-repeat:no-repeat;
background-position:right top;
margin-bottom:10px;
position:relative;
overflow:hidden;
display:inline;
}

#panelBodyCopy {
width:736px;
float:left;
background-color:#fff;
position:relative;
display:inline;
padding:10px 10px 30px 0px;
}

#panelBodyCopyDark {
width:736px;
float:left;
background-color:#222;
position:relative;
display:inline;
padding:10px 10px 30px 0;
}

#panelBodyCopyDark .videoEmbed {
margin:0;
}

#panelBodyCopyDark .copyLeftLarge .videoEmbed {
margin-left:10px;
}

#panelBodyCopy .copyLeft {
width:50%;
float:left;
}

#panelBodyCopy .copyRight {
width:50%;
float:right;
}

#panelBodyCopy .copyLeftSmall {
width:34%;
float:left;
}

#panelBodyCopy .copyLeftLarge,#panelBodyCopyDark .copyLeftLarge {
width:67%;
float:left;
}

#panelBodyCopy .copyRightSmall,#panelBodyCopyDark .copyRightSmall {
width:33%;
float:right;
}

#panelBodyCopy .copyRightLarge {
width:66%;
float:right;
}

.c1 .copyCol1 {
width:100%;
float:left;
}

.c2 .copyCol1 {
width:50%;
float:left;
}

.c2 .copyCol2 {
width:50%;
float:right;
}

.c2l .copyCol1 {
width:66%;
float:left;
}

.c2l .copyCol2 {
width:34%;
float:right;
}

.c3 .copyCol1 {
width:33%;
float:left;
}

.c3 .copyCol2 {
width:33%;
float:left;
}

.c3 .copyCol3 {
width:34%;
float:right;
}

.t1 {
margin-bottom:35px;
margin-right: 50px;
}

.panes {
float:left;
background-color:#fff;
position:relative;
display:inline;
padding:10px 10px 30px 0px;
width:736px;
}

.panes img {
margin:6px 20px 10px 0;
}

#panelBodyCopy img_caption {
font-size:100%;
font-style:bold;
color:#47177a;
margin:0 10px 20px;
}

#panelBodyCopy .videoEmbed img,#tabs .videoEmbed img {
display:inline;
margin:10px 0 0 10px;
}

#panelTabsHolder {
width:746px;
float:left;
margin-right:10px;
position:relative;
display:inline;
}

#panelSearchResults {
background-color:#fff;
width:736px;
float:left;
position:relative;
display:inline;
padding:20px 0 20px 10px;
}

#panelSearchResults .xsltsearch_result {
padding-bottom:10px;
}

.umbMacroHolder {
float:left;
border:#ccc solid 10px;
margin-bottom:50px;
margin-right:20px;
}

#tabs div .panelBodyCopy .audioContainer {
margin:20px 10px 30px;
}

.moreLink a:link {
color:#fff;
}

a.moreLink {
position:absolute;
bottom:0;
right:0;
text-decoration:none;
color:#555;
background-image:url(/assets/bg/trans.png);
background-repeat:repeat;
-moz-border-radius-topleft:3px;
-webkit-border-top-left-radius:3px;
-khtml-border-radius-topleft:3px;
-o-border-radius-topleft:3px;
padding:5px 5px 5px 9px;
}

a.moreLink:link {
position:absolute;
bottom:0;
right:0;
text-decoration:none;
color:#fff;
}

a.moreLink:visited {
position:absolute;
bottom:0;
right:0;
text-decoration:none;
color:#fff;
}

a.moreLink:hover {
position:absolute;
bottom:0;
right:0;
text-decoration:underline;
color:#fff;
}

a.moreLink:active {
position:absolute;
bottom:0;
right:0;
text-decoration:none;
color:#fff;
}

.pageMoreLink {
position:absolute;
bottom:0;
right:0;
text-decoration:none;
color:#ccc;
background-image:url(/assets/bg/trans.png);
background-repeat:repeat;
-moz-border-radius-topleft:3px;
-webkit-border-top-left-radius:3px;
-khtml-border-radius-topleft:3px;
-o-border-radius-topleft:3px;
margin:0 0 -40px;
padding:5px 5px 5px 9px;
}

#panelBodyCopyDark .pageMoreLink {
font-size:108%;
font-weight:700;
margin:0 0 -30px;
}

a.pageMoreLink:link {
position:absolute;
bottom:0;
right:0;
text-decoration:none;
color:#ccc;
}

a.pageMoreLink:visited {
position:absolute;
bottom:0;
right:0;
text-decoration:none;
color:#ccc;
}

a.pageMoreLink:hover {
position:absolute;
bottom:0;
right:0;
text-decoration:underline;
color:#70bb3b;
}

a.pageMoreLink:active {
position:absolute;
bottom:0;
right:0;
text-decoration:none;
color:#70bb3b;
}

#xsltsearch_summary {
font-size:131%;
line-height:110%;
color:#000;
}

#panelSearchResults p {
margin:0;
}

#xsltsearch .xsltsearch_result {
border-bottom:1px solid #ccc;
margin-bottom:10px;
padding-bottom:10px;
margin-right:10px;
}

#xsltsearch_navigation {
padding-top:20px;
font-weight:700;
}

dl.teaserList {
width:348px;
font-size:100%;
margin-top:20px;
}

dl.teaserList dt {
float:right;
width:250px;
font-weight:700;
color:#555;
clear:both;
height:90px;
}

dl.teaserList dd.image {
float:left;
clear:left;
width:80px;
margin:0 0 10px 10px;
}

dl.teaserListText {
width:348px;
color:#555;
margin:0 10px;
}

dl.teaserListText dt {
font-size:131%;
line-height:130%;
font-weight:400;
color:#47177a;
margin-top:15px;
margin-bottom:10px;
padding-bottom:5px;
border-bottom:2px solid #ccc;
}

dl.teaserListText dd {
font-size:100%;
line-height:100%;
font-weight:400;
color:#555;
margin-bottom:10px;
margin-top:10px;
padding-bottom:10px;
border-bottom:1px solid #e2e3e5;
}

#panelBodyButtons {
width:746px;
float:left;
position:relative;
}

#panelBodyButtons .actionButton {
float:left;
height:179px;
margin-bottom:10px;
margin-right:10px;
position:relative;
}

#panelBodyButtons .c1 {
width:179px;
}

#panelBodyButtons .c2 {
width:368px;
}

#panelBodyButtons .c1_5 {
width:235px;
height:275px;
background-color:#222;
margin:0 0 15px 10px;
}

#panelBodyButtons .c1_5 .videoEmbed a:hover {
opacity:0.9;
filter:alpha(opacity=90);
background-color:#111;
display:block;
height:147px;
}

#panelBodyButtons .c1_5 p {
color:#aaa;
text-decoration:none;
margin:15px 20px 10px 0;
}

#panelBodyButtons .c1_5 a:link p {
text-decoration:none;
}

#panelBodyButtons .c1_5 a:visited p {
text-decoration:none;
}

#panelBodyButtons .c1_5 a:hover p {
color:#e2e3e5;
text-decoration:none;
}

#panelBodyButtons .c1_5 h4 {
color:#bbb;
padding-top:10px;
font-weight:700;
margin:0 20px 10px 0;
}

#panelBodyButtons .c1_5 a:hover h4 {
color:#70bb3b;
text-decoration:none;
}

#panelBodyButtons .c2x2 {
width:358px;
height:420px;
background-color:#222;
margin:0 0 15px 10px;
}

#panelBodyButtons .c2x2 a:link {
color:#70bb3b;
}

#panelBodyButtons .c2x2 a:visited {
color:#70bb3b;
}

#panelBodyButtons .c2x2 a:hover {
text-decoration:underline;
}

#panelBodyButtons .c2x2 p {
color:#aaa;
text-decoration:none;
margin:15px 20px 10px 0;
}

#panelBodyButtons .c2x2 h4 {
color:#bbb;
padding-top:10px;
font-weight:700;
margin:0 20px 10px 0;
}

#panelBodyButtons .last {
margin-right:0;
}

#panelBodyButtons .first {
clear:both;
}

#panelBodyButtons p {
color:#47177a;
text-decoration:none;
margin:15px 20px 10px 10px;
}

#panelBodyButtons h3 {
color:#47177a;
padding-top:15px;
text-decoration:none;
margin:0 20px 10px 10px;
}

#panelBodyButtons .bgffffff {
background-color:#fff;
-webkit-transition:background-color .1s linear;
}

#panelBodyButtons .bgffffff a:link {
background-color:#fff;
display:block;
height:179px;
color:#47177a;
}

#panelBodyButtons .bgffffff a:visited {
background-color:#fff;
display:block;
height:179px;
color:#47177a;
text-decoration:none;
}

#panelBodyButtons .bgffffff a:hover {
background-color:#47177a;
display:block;
height:179px;
color:#fff;
text-decoration:none;
}

#panelBodyButtons .bgffffff a:hover h3,#panelBodyButtons .bgffffff a:hover p {
color:#fff;
text-decoration:none;
}

#panelBodyButtons .bg70bb3b h3 {
color:#fff;
}

#panelBodyButtons .bg70bb3b p {
color:#fff;
}

#panelBodyButtons .bg70bb3b {
background-color:#70bb3b;
-webkit-transition:background-color .1s linear;
}

#panelBodyButtons .bg70bb3b a:link {
background-color:#70bb3b;
display:block;
height:179px;
color:#fff;
}

#panelBodyButtons .bg70bb3b a:link h3,#panelBodyButtons .bg70bb3b a:link p {
color:#fff;
text-decoration:none;
}

#panelBodyButtons .bg70bb3b a:visited {
background-color:#70bb3b;
display:block;
height:179px;
color:#fff;
text-decoration:none;
}

#panelBodyButtons .bg70bb3b a:hover {
background-color:#59aa11;
display:block;
height:179px;
color:#fff;
text-decoration:none;
}

#panelBodyButtons .bg70bb3b a:hover h3,#panelBodyButtons .bg70bb3b a:hover p {
color:#fff;
text-decoration:none;
}

#panelBodyButtons .bg47177a h3 {
color:#fff;
}

#panelBodyButtons .bg47177a p {
color:#fff;
}

#panelBodyButtons .bg47177a {
background-color:#47177a;
-webkit-transition:background-color .1s linear;
}

#panelBodyButtons .bg47177a a:link {
background-color:#47177a;
display:block;
height:179px;
color:#fff;
}

#panelBodyButtons .bg47177a a:link h3,#panelBodyButtons .bg47177a a:link p {
color:#fff;
text-decoration:none;
}

#panelBodyButtons .bg47177a a:visited {
background-color:#47177a;
display:block;
height:179px;
color:#fff;
text-decoration:none;
}

#panelBodyButtons .bg47177a a:hover {
background-color:#340f63;
display:block;
height:179px;
color:#fff;
text-decoration:none;
}

#panelBodyButtons .bg47177a a:hover h3,#panelBodyButtons .bg47177a a:hover p {
color:#fff;
text-decoration:none;
}

#panelBodyButtons .bg333333 h3 {
color:#fff;
}

#panelBodyButtons .bg333333 p {
color:#ccc;
}

#panelBodyButtons .bg333333 {
-webkit-transition:background-color .1s linear;
background-color:#222;
}

#panelBodyButtons .bg333333 a:link {
display:block;
height:179px;
color:#fff;
}

#panelBodyButtons .bg333333 a:link h3,#panelBodyButtons .bg333333 a:link p {
color:#fff;
text-decoration:none;
}

#panelBodyButtons .bg333333 a:visited {
display:block;
height:179px;
color:#fff;
text-decoration:none;
}

#panelBodyButtons .bg333333 a:hover {
background-color:#111;
display:block;
height:179px;
color:#fff;
text-decoration:none;
}

#panelBodyButtons .bg333333 a:hover p {
color:#fff;
text-decoration:none;
}

#panelBodyButtons .bg333333 a:hover h3 {
color:#70bb3b;
text-decoration:none;
}

a.audio {
position:absolute;
bottom:0;
right:0;
text-decoration:none;
}


/* Nav */

#navigation {
width:100%;
margin-left:auto;
margin-right:auto;
text-align:left;
background-color:none;
height:50px;
padding:0;
}

#nav {
margin: 0;
position:relative;
z-index:800;
}

#nav li {
	width:179px;
	padding: 0px;
	float: left;
	margin-right:10px;
	position: relative;
	list-style: none;
	font-size:138.5%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-o-border-radius:5px;
	background-image:url(/assets/bg/d_trans.png);
	background-repeat:repeat;
}

#nav li#last {
	margin-right:0px;
}

/* main level link */
#nav a {
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 8px 10px 10px 10px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
background-image:url(/assets/grey_down_arrow.png);
background-repeat:no-repeat;
background-position:155px 14px;
}



/* main level link hover */
#nav a.current {
	background: #fff;
	color: #47177a;
	background-image:url(/assets/purp_down_arrow.png);
	background-repeat:no-repeat;
	background-position:155px 14px;
}







#nav li:hover > a {
	background: #fff;
	color: #47177a;
	background-image:url(/assets/purp_down_arrow.png);
	background-repeat:no-repeat;
	background-position:155px 14px;
}








/* sub levels link hover */
#nav ul a {
	background: #fff;
	border: none;
	color: #47177a;	
}
#nav ul a:hover {
	background: #e2e3e5;
	color: #47177a !important;
	text-decoration:none;
}
#nav ul a.current {
	background: #fff;
	color: #47177a;
	font-weight:bold;
	background-image:none;
}

/* level 2 list */
#nav ul {
	background: #fff;
	display: none;
	margin:0;
	padding: 25px 0px 0px 0px;
	width: 179px;
	position: absolute;
	top: 28px;
	left: 0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
}
/* dropdown */
#nav li:hover > ul {
	display: block;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav ul a {
	font-weight: normal;
	font-size:12px;
}
/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}
/* rounded corners for first and last child */
#nav ul li:first-child > a {

}
#nav ul li:last-child > a {

}

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
}
html[xmlns] #nav {
	display: block;
}
* html #nav {
	height: 1%;
}

/* Home Elements */

#pageElements {
width:auto;
min-height:297px;
margin-bottom:10px;
background-color:none;
clear:both;
}

#pageButtons {
width:auto;
height:179px;
margin-bottom:10px;
background-color:none;
}

#button1,#button2,#button3,#button4 {
width:179px;
height:179px;
float:left;
margin-bottom:10px;
margin-right:10px;
position:relative;
display:inline;	
}

#button5 {
width:179px;
height:179px;
float:left;
margin-bottom:10px;
margin-right:0px;
position:relative;
display:inline;	
}

#button1wide,#button2wide,#button3wide,#button4wide {
width:368px;
height:179px;
float:left;
margin-bottom:10px;
margin-right:10px;
position:relative;
display:inline;	
}

#button5wide {
width:368px;
height:179px;
float:left;
margin-bottom:10px;
margin-right:0px;
position:relative;
display:inline;	
}

.socialButton {
background-color:#09f;
overflow:hidden;
}

.firstButton {
background-color:none;
background-image:url(/assets/button_images/girl_1.jpg);	
}

.thoughtButton {
background-color:none;
background-image:url(/assets/button_images/mcity.jpg);	
}

.newsButton {
background-color:#70bb3b;
overflow:hidden;	
}

.impactButton {
background-color:#fff;	
}

.courseButton {
background-image:url("/assets/bg/d_trans.png");
background-repeat:repeat;
color:#fff;
}

.courseButton input {
font-style:italic;
color:#555;
height: 16px;
width:143px;
border:0;
font-size:116%;
padding:8px;
margin:17px -4px 0px 10px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
-moz-box-shadow:-1px 2px 7px #888 inset;
}

.courseButton .homeButton {
background-color: #70bb3b;
color:#fff;
font-weight:bold;
width: 75px;
height: 30px;
padding: 3px 8px 6px;
font-style:normal;
font-size:100%;
border:0;
margin:18px 10px 0 10px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
-moz-box-shadow:none;
}

.courseButton .homeButton a:hover {
	background-color: red;
}

#pageButtonsDescription {
width:auto;
min-height:50px;
background-color:none;
color:#fff;
}

#pageButtonsDescription a {
color:#70bb3b;
text-decoration:none;
font-weight:bold;
}

#pageButtonsDescription a:hover {
color:#70bb3b;
text-decoration:underline;
}

#buttonDescription1,#buttonDescription2,#buttonDescription3,#buttonDescription4 {
width:179px;
height:auto;
float:left;
background-color:none;
margin-right:10px;
position:relative;
display:inline;	
}

#buttonDescription5 {
width:179px;
height:auto;
float:left;
background-color:none;
margin-right:0px;
position:relative;
display:inline;	
}

#buttonDescription1wide,#buttonDescription2wide,#buttonDescription3wide,#buttonDescription4wide {
width:368px;
height:auto;
float:left;
background-color:none;
margin-right:10px;
position:relative;
display:inline;	
}

#buttonDescription5wide {
width:368px;
height:auto;
float:left;
background-color:none;
margin-right:0px;
position:relative;
display:inline;	
}

.socialButtonDescription {

}

.thoughtButtonDescription {
	
}

.newsButtonDescription {
	
}

.impactButtonDescription {
	
}

.courseButtonDescription {
	
}

div.biogListItem {min-height: 100px;}
div.biogListItem img {float: left; display: block; margin: 0px 0px 10px 10px;}
div.biogListItem p {float: left; display: block;}
div.biogListItem p span {font-size: 123.1%; line-height: 120%;}

.copyCol1 .imageItem, .copyCol2 .imageItem {
	background-color:none;
	position: relative;
	width: 347px;
	margin:0px 0px 0px 10px;
}

.copyCol1 .imageItem img, .copyCol2 .imageItem img {
	float:left;
	margin:0px 10px 0px 0px;
}

.copyCol1 .imageItem object, .copyCol2 .imageItem object, {
}

.copyCol1 .imageItem h3, .copyCol2 .imageItem h3 {
	font-weight:bold;
	margin:13px 10px 10px 0;
	position: absolute;
	top: 137px;
	left: 0;
	width: 100%;
}

.copyCol1 .imageItem h3 span, .copyCol2 .imageItem h3 span {
	font-size:116%;
	color:#fff;
	font-weight:bold;
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.75);
	padding: 6px 15px 6px 10px;
	margin-left:-10px;
}

.copyCol1 .imageItem h4, .copyCol2 .imageItem h4 {
	margin:10px 10px 30px 0;
}

.copyCol1 .imageItem h4, .copyCol2 .imageItem h4 {
	font-weight:bold;
	text-transform:uppercase;
	line-height:124%;
	color:#fff;
	background: rgb(0, 0, 0); /* fallback color */
	background: rgba(0, 0, 0, 0.75);
	padding: 3px 15px 3px 10px;
	line-height:16px;
	position: absolute;
	top: 160px;
	font-size:11px;
	left: 0;
	border-top:none;
}

.copyCol1 .imageItem p, .copyCol2 .imageItem p {
	margin:10px 10px 30px 0;
}

.copyCol1 .imageItem p span, .copyCol2 .imageItem p span {
	color:#fff;
	padding: 220px 15px 10px 10px;
	line-height:18px;
	font-weight:normal;
	display:block;
	background-color:#70bb3b;
	width:322px;
}
.copyCol1 .imageItem p span a:hover, .copyCol2 .imageItem p span a:hover {
	color:blue;
}



.copyCol1 .videoItem, .copyCol2 .videoItem {
	margin:0px 0px 0px 10px;
}

.youtube-embed {
margin:0px;
width: 347px;
height:210px;
}

.details .item .youtube-embed {
	width:165px;
	height:115px;
}

.copyCol1 .videoItem p, .copyCol2 .videoItem p {
	margin:0px 10px 30px 0;
}

.copyCol1 .videoItem p span, .copyCol2 .videoItem p span {
	color:#333;
	padding: 10px 15px 10px 10px;
	line-height:18px;
	font-weight:normal;
	display:block;
	background-color:#e2e3e5;
	width:322px;
}




#calendar table {
	width: 726px;
	border-collapse: collapse;
	margin:30px 10px 10px 10px;
	border-top:4px solid #ccc;
	}

.calendar th {
	padding: 0 0.5em;
	text-align: left;
	}

.calendar tr.yellow td {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background: #FFC;
	}

.calendar td {
	border-bottom: 1px solid #ccc;
	padding: 10px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	}

.calendar td a:hover {
	text-decoration:none;
	display:block;
	background-color:#fff;
	}

.calendar td:first-child {
	width: 120px;
	vertical-align:top;
	}

.calendar td+td {
	border-left:none;
	text-align: left;
	font-size:18px;
	font-weight:normal;
	vertical-align:top;
	}

.calendar td+td a {
	font-weight:normal;
	font-decoration:none;
	}

.calendar td+td strong {
	font-weight:normal;
	}

.calendar .calendarLable {
	color:#47177a;
	font-weight:bold;
	text-transform: uppercase;
	font-size:11px;
	margin:0px 10px 0px 0px;
	}

.calendar .calendarDate {
	font-size:45px;
	color:#333;
	letter-spacing:-0.5px;
	font-weight:bold;
	}

.calendar p {
	margin:5px 0px;
	font-size:12px;
	}

.copySingle img {
	margin-left:10px;
	margin-top:0px;
}










/* MAP STUFF */


/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:none;
	
	width:935px;	
	min-height:400px;
	border:0px solid #666;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(/assets/countrymaps/close.png);
	position:absolute;
	right:-48px;
	top:-33px;
	cursor:pointer;
	height:35px;
	width:35px;
	z-index:100000;
}
/* styling for elements inside overlay */
	.details {
		position:absolute;
		top:0px;
		right:312px;
		font-size:11px;
		color:#fff;
		width:150px;
	}
	
	.details h3 {
		color:#aba;
		font-size:15px;
		margin:0 0 -10px 0;
	}

/* root element for scrollable */
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 165px;
	width: 300px;
}

/* root element for scrollable items */
.scrollable .items {
	position:absolute

	/* this time we have very large space for the height */
	height:auto;
}

/* root element for scrollable */
.vertical {  
	
	background-color:#fff;
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 550px;	 
	width: 478px;
	overflow-y:scroll;

	/*border-top:1px solid #ddd;	*/

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;

}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:auto;	
	margin:0px;
	background-color:#fff;
	width:462px;

}


.item {
	border-bottom:1px solid #ddd;
	margin:0px 10px 0px 10px;
	padding:15px;
	font-size:12px;
	min-height:100px;
	background-color:#fff;
}







.itemLarge {
	border-bottom:1px solid #ddd;
	margin:0px 10px 0px 10px;
	padding:15px;
	font-size:14px;
	background-color:#fff;
}

.itemLarge img {
	float:left;
	margin:0px 10px 10px -10px;
	width:430px;
	height:260px;
}

.itemLarge .youtube-embed {
	float:left;
	margin:0px 10px 10px -10px;
	width:430px;
	height:260px;
}

.itemLarge .impactLable {
	color:#70bb3b;
	font-weight:bold;
	text-transform: uppercase;
	font-size:11px;
	margin:10px 10px 20px -10px;
	position:relative;
	left:auto;
	border:none;
	text-decoration:none;
}

.itemLarge .impactLable a:hover {
	color:red;
	border:none;
	text-decoration:none;
}

.itemLarge h1 {
	position:relative;
	font-size:22px;
	color:#000;
	font-weight:bold;
	margin:5px 10px 10px -10px;
	line-height:24px;
	letter-spacing:-0.2px;
	border:none;
	text-decoration:none;
}
.itemLarge h2 {
	position:relative;
	font-size:14px;
	color:#555;
	font-weight:normal;
	margin:0px 10px 0px -10px;
	line-height:18px;
	border:none;
	text-decoration:none;
}
.itemLarge p {
	position:relative;
	font-size:12px;
	color:#555;
	font-weight:bold;
	margin:-5px 10px 10px -10px;
	border:none;
	text-decoration:none;
}


.item a:hover {
	background-color:green;
}

.impactThumbnail {
float:left;
margin-left:-15px
}

.impactLable {
color:#70bb3b;
font-weight:bold;
text-transform: uppercase;
font-size:11px;
	left:190px;
	position:absolute;
	margin:0px 10px 0px 0px;
}

/* elements inside single item */
.item img {
	float:left;
	margin:0px 10px 0px 0px;
	height:90px;
	width:120px;
}

.item object {
	float:left;
	margin-right:10px;
	height:90px;
	width:120px;
}

.item p {
	left:190px;
	position:absolute;
	margin:40px 10px 30px 0;
}

.item h1 {
	left:190px;
	position:absolute;
	font-size:138.5%;
	color:#000;
	font-weight:bold;
	margin:13px 10px 10px 0;
}

.item h3 {
	left:190px;
	position:absolute;
	font-size:138.5%;
	color:#333;
	font-weight:bold;
	margin:13px 10px 10px 0;
}

.details .item h3 {
	left:190px;
	position:absolute;
	font-size:138.5%;
	color:#000;
	font-weight:bold;
	margin:13px 10px 10px 0;
}

.details .item img {
	width:165px;
	height:100px;
}

.CountryInfo {
width:462px;	
margin-top:0px;
overflow-y:auto;
overflow-x:hidden;
height:150px;
}


.CountryInfo a {
color:#70bb3b;	
}

.countryDescription {
width:270px;
float:left;	
}

.countryDescription p {
color:#fff;
}

.countryDescription h2 {
color:#fff;
margin:0px 0px 20px 10px;
}

.countryDescription h5 {
color:#fff;
}

.countryDescription .blockquoteSmall {
background-image:none;
padding:10px 15px 0 0;
border-top:1px solid #555;
}

.countryCityList {
width:170px;
float:right;
margin-top:4px;
}

.countryCityList ul li a {
color:#70bb3b;
}

.countryCityList ul li {
color:#70bb3b;
}


#panelRight .item {
	border-bottom:1px solid #ddd;
	margin:0px 10px 0px 10px;
	padding:15px;
	font-size:12px;
	min-height:90px;
	background-color:#fff;
	width: 318px;
}

#panelRight .impactLable {
	color:#70bb3b;
	font-weight:bold;
	text-transform: uppercase;
	font-size:11px;
	left:190px;
	position:absolute;
	margin:0px 10px 0px 0px;
}

#panelRight .item p {
	left:190px;
	position:absolute;
	margin:40px 10px 30px 0;
}

#panelRight .item h1 {
	left:190px;
	position:absolute;
	font-size:138.5%;
	color:#000;
	font-weight:bold;
	margin:13px 10px 10px 0;
}

#panelRight .item h3 {
	left:190px;
	position:absolute;
	font-size:138.5%;
	color:#333;
	font-weight:bold;
	margin:13px 10px 10px 0;
}

#panelLeft {
background-image:url(/assets/bg/d_trans.png);
background-repeat:repeat;
}

#panelLeft img {
margin-left:-20px;
}

.scrollable .item {
height:auto:
min-height:90px;
}



/* root element for scrollable */
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 450px;
	width: 368px;
	background-color: #fff;
}

/* root element for scrollable items */
.scrollable .items {
	position:absolute;

	/* this time we have very large space for the height */
	height:auto;
}

/* item elements */
.scrollable .item {
	height: 150px;
}

div#panelLeft {
	float: left;
	width: 368px;
	margin-right: 10px;
}
div#panelRight {
	float: right;
	width: 368;
}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:none;
	
	width:935px;	
	min-height:400px;
	border:0px solid #666;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(/assets/countrymaps/close.png);
	position:absolute;
	right:-48px;
	top:-33px;
	cursor:pointer;
	height:35px;
	width:35px;
	z-index:100000;
}
/* styling for elements inside overlay */
	.details {
		position:absolute;
		top:0px;
		right:312px;
		font-size:11px;
		color:#fff;
		width:150px;
	}
	
	.details h3 {
		color:#aba;
		font-size:15px;
		margin:0 0 -10px 0;
	}

/* root element for scrollable */
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 165px;
	width: 300px;
}

/* root element for scrollable items */
.scrollable .items {
	position:absolute

	/* this time we have very large space for the height */
	height:auto;
}

/* root element for scrollable */
.vertical {  
	
	background-color:#fff;
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 550px;	 
	width: 478px;
	overflow-y:scroll;

	/*border-top:1px solid #ddd;	*/

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;

}

/* root element for scrollable items */
.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:auto;	
	margin:0px;
	background-color:#fff;
	width:462px;

}





























/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */