/* ------------------------------
 *  global styles
 *  ----------------------------- */

* {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "Arial", "Tahoma", "Georgia", "Trebuchet MS";
	font-size: 12px;
	color: #383838;
	width: 100%;
	height: 100%;
	background-color: #DADBDF;
}

input, select, textarea {
	font-family: "Arial", "Tahoma", "Georgia", "Trebuchet MS";
	font-size: 12px;	
}

a{
	color: #000;
	cursor: pointer;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}

a.lnkText {
	text-decoration: underline;
}

a.lnkText:hover{
	text-decoration: none;
}

a.lnkToCufon {
	text-decoration: none;
	color: inherit;
}

a.lnkToCufon:hover, a.lnkToCufonShadow:hover {
	text-decoration: none;
}

.btn {
	background-repeat: no-repeat;
	background-position: left top;
}
.btn:hover {
	background-position: left bottom;
}

img {
	border: none;
}

.conSP{
		height: 0px;
		float: none;
		clear: both;
		font-size: 0px;	
}
.conNV{
	display: none;
}
.conVS{
	display: block;
}
.txtNV{
	display: block;
	text-indent: -1000em;
	overflow: hidden;
}
.conLeft {
		float:left;
}
.conRight {
		float:right;
}
.conHorizontalMargin {
	margin: 0 10px;
}
.conVerticalMargin {
	margin: 10px 0;
}
.conSmallVerticalMargin {
	margin: 3px 0;
}

.conSpacer {
	display: block;
	height: 10px;
	float: none;
	clear: both;
}

.conDoubleSpacer {
	display: block;
	height: 20px;
	float: none;
	clear: both;
}

.conInlineSpacer {
	display: block;
	height: 10px;
}

.conCN {
	text-align: center;
}

.conRGT {
	text-align: right;
}

.txtBold {
	font-weight: bold;
}

.txtViolet {
	color: #68A214;
}

.txtGray {
	color: #545454;
}

.txtBlack {
	color: #000;
}

.txtMedium {
	font-size: 14px;
}

.txtLarge {
	font-size: 18px;
}

.txtExtraLarge {
	font-size: 24px;
}

.txtRed {
	color: #C01E2E;
}

.conError {
	color: red;
	font-weight: bold;
}

img.centerImage {
	display: block;
	margin: 0 auto;
}

.roundCorner {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/*  -----------------------------
 *  jQuery Uniform styles
 *  ----------------------------- */

/* Check Box */

div.checker {
	height: 18px;
	width: 18px;
	overflow: hidden;
	border: solid 1px #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff url(../_images/bg_uniform_bg.png) repeat-x left 10px;
	float: left;
	display: inline;
	margin-right: 10px;
	position: relative;
}

div.checker.focus {
	border-color: #999;
}

div.checker.focus span {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

div.checker span {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

div.checker span.checked {
	background: url(../_images/bg_uniform_check.gif) no-repeat center center;
}

div.checker span input {
	position: absolute;
	opacity: 0;
}

/* Radio box */

div.radio {
	height: 15px;
	width: 15px;
	overflow: hidden;
	background: #fff url(../_images/bg_uniform_bg.png) repeat-x left 10px;
	float: left;
	display: inline;
	margin-right: 10px;
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	border: solid 1px #ddd;
}

div.radio.focus {
	border-color: #999;
}

div.radio.focus span {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-position: center center;
}

div.radio span {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

div.radio span.checked {
	background: url(../_images/bg_uniform_radio.gif) no-repeat center center;
}

div.radio span input {
	position: absolute;
	opacity: 0;
}

/* Select Box */

div.selector {
	display: block;
	width: 150px;
	border: solid 1px #ddd;
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;*/
	border-radius: 5px;
	position: relative;
	background: url(../_images/bg_uniform_bg.png) repeat-x left 12px;
	line-height: 22px;
	margin-top: 3px;
	text-shadow: 0 1px 0 #fff;
	height: 22px;
	color: #444;
}

div.selector select {
	width: 150px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div.selector.focus {
	border-color: #999;
}

div.selector span {
	position: absolute;
	left: 6px;
	top: 0px;
	font-size: 1.1em;
	padding: 0;
	display: block;
	padding-right: 20px;
	background: url(../_images/bg_uniform_select.gif) no-repeat right 60%;
	right: 0;
}

div.selector.focus span {
	left: 5px;
}

div.selector select {
	position: relative;
	font-size: 1.1em;
	padding: 0;
	line-height: 23px;
	border: 0;
	margin: 0;
	padding-right: 40px;
}

/*  -----------------------------
 *  base styles
 *  ----------------------------- */

#conAll {
	display: block;
}

#conTopBlock {
	display: block;
	height: 105px;
	background: transparent url('../_images/bg_contop.gif') repeat-x center;	
}

	#conTop {
		display: block;
		height: 95px;
		padding: 5px 0;
		width: 960px;
		margin: 0 auto;
	}
		
		#lnkLogo {
			float: left;
			display: block;
			width: 368px;
			height: 95px;
			background: transparent url('../_images/img_logo.gif') no-repeat center;
		}
		
	#conTickers {
		float: right;
		display: block;
		height: 95px;
		width: 550px;
	}
	
	#conTickersContent {
		display: block;
		height: 95px;
	}
	
		.conAjaxLoading {
			background: transparent url('../_images/img_ajax_loader.gif') no-repeat center;
		}
		
		#conTickersImage {
			display: block;
			float: left;
			width: 122px;
			height: 95px;
			margin-right: 10px;
		}
		
			#conTickersImage img {
				border: 1px solid #ccc;
			}
		
		#conTickersText {
			display: block;
			float: left;
			width: 410px;
			font-size: 11px;
		}
		
			#conTickersText a.txtTickerTitle {
				font-size: 14px;
				font-weight: bold;
			}
			
			a#lnkTickerMore {
				text-decoration: underline;
			}
			
				a#lnkTickerMore:hover {
					text-decoration: none;
				}

#conTopMenuBlock {
	display: block;
	height: 45px;
	background: transparent url('../_images/bg_contopmenu.gif') repeat-x center;
}

	#conTopMenu {
		display: block;
		width: 960px;
		height: 25px;
		padding: 10px 0;
		line-height: 23px;
		margin: 0 auto;
	}
	
		#conTopMenu a {
			color: #fff;
			font-size: 18px;
			margin-right: 6px;
		}
	
#conMiddleBlock {
	display: block;
	background: #EEEFF1 url('../_images/bg_conmiddle.gif') repeat-x center;	
}

	#conMiddle {
		display: block;
		padding-top: 10px;
		width: 960px;
		margin: 0 auto;
	}
	
		#conLeftColumn {
			display: block;
			float: left;
			width: 270px;
			margin-right: 10px;
		}
		
			#conLeftColumn a.lnkExternal img {
				display: block;
				margin: 15px auto;
			}
		
		#conRightColumn {
			display: block;
			float: left;
			width: 680px;
		}
	
			#conLeftMenu {
				display: block;
				list-style: none;
			}
			
				#conLeftMenu li {
					padding: 15px 0 15px 60px;
					background-position: left;
					background-repeat: no-repeat;
					border-bottom: 1px solid #DADBDF;
					font-size: 16px;
					line-height: 28px;
				}

					#conLeftMenu li.conLast {
						border-bottom: none;
					}
					
					#conLeftMenu li a:hover {
						color: #000;
					}
					
					#liStrategy {
						background-image: url('../_images/icon_chart.png');
					}
					
					#liProjects {
						background-image: url('../_images/icon_highscores.png');
					}
					
					#liLocal {
						background-image: url('../_images/icon_flag.png');
					}
					
					#liAmbassadors {
						background-image: url('../_images/icon_ambassadors.png');
					}
					
					#liLogo {
						background-image: url('../_images/icon_logo.png');
					}
					
					#liGallery {
						background-image: url('../_images/icon_camera.png');
					}

			#txtProgramTitle {
				text-align: center;
				margin-bottom: 5px;
			}
		
		#conPrograms {
			display: block;
			height: 125px;
			position: relative;
		}
		
			#conPrograms .conOneBlock {
				display: block;
				position: absolute;
				width: 150px;
				padding: 10px 5px 10px 5px;
				margin-right: 10px;
				background-position: center;
				background-repeat: repeat-y;
				z-index: 10;
			}
			
				#conOneBlockOrange {
					left: 0;
					background-image: url('../_images/bg_block_orange.gif');
				}
				
				#conOneBlockPink {
					left: 170px;
					background-image: url('../_images/bg_block_pink.gif');
				}
				
				#conOneBlockBlue {
					left: 340px;
					background-image: url('../_images/bg_block_blue.gif');
				}
				
				#conOneBlockGreen {
					left: 510px;
					background-image: url('../_images/bg_block_green.gif');
				}

				#conPrograms .conOneBlock h2 {
					color: #fff;
					text-align: center;
					font-size: 22px;
					height: 50px;
					margin-bottom: 10px;
				}
				
					#conPrograms .conOneBlock h2.txtSmaller {
						font-size: 15px;
					}
				
				#conPrograms ul {
					display: none;
					color: #fff;
					padding-left: 20px;
				}
				
					#conPrograms ul li a {
						color: #fff;
					}
					
					#conPrograms ul li a:hover {
						text-decoration: underline;
					}

#conMainBlock {
	display: block;
	background-color: #EEEFF1;	
}

	#conMain {
		display: block;
		padding-top: 10px;
		width: 960px;
		margin: 0 auto;
	}
	
		#conMainLeft {
			display: block;
			float: left;
			width: 270px;
			margin-right: 10px;
			min-height: 300px;
		}
		
			#conMainLeft img {
				display: block;
				margin: 30px auto;
			}

		#conMainRight {
			display: block;
			float: left;
			width: 680px;
			min-height: 300px;
		}
		
			#conMainRight h1.txtMainTitle {
				font-size: 25px;
				font-weight: normal;
				margin-bottom: 15px;
			}
			
			#conMainRight p {
				line-height: 18px;
			}
	
#conFooterBlock {
	display: block;
	height: 60px;
	background-color: #DADBDF;
	border-top: 3px solid #C7C8CC;
	font-size: 10px;
}

	#conFooter {
		display: block;
		padding-top: 5px;
		width: 960px;
		margin: 0 auto;
		text-align: center;
	}
	
	
	#conFooterLogoInfo {
		display: block;
		margin: 10px 0;
	}
	
		#conFooterLogoInfo img {
			margin: 0 20px;
			border: 1px solid #ccc;	
		}
		
		#conFooterLogoInfo p {
			text-align: center;
		}