/*	-------------------------------------------------------------
	Global Style
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	html, body, #wrap {height: 100%;}
	html {background: #e5eef5;}
	body { font:0.75em/150% Verdana, Arial, Tahoma, sans-serif; color:#3e3e3e; background: #e5eef5 url(img/tile.jpg) repeat-x; text-align: center;}
		body#cart-page{background: #fff;}
		body#sub {background: #fff url(http://www.gttp.org/css/img/tile2.gif) repeat-x;}


/*	-------------------------------------------------------------
	Typography
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	h1 {font:3em/150% "Helvetica Neue",  Helvetica, Verdana, "Times New Roman", Times, serif; padding-bottom:0.5em; color:#3399cc;}
	h2 {font:1.8em/150% "Helvetica Neue",  Helvetica, Verdana,  "Times New Roman", Times, serif; padding-bottom:0.5em; color:#3399cc; font-weight: bold; }	
	h3 {font:1.6em/150%  "Helvetica Neue", Helvetica, Verdana, "Times New Roman", Times, serif; margin-bottom:0.8em;color:#3399cc; }
	h4 {font:1.3em/125% "Helvetica Neue", Helvetica, Verdana, "Times New Roman", Times, serif; color:#3399cc;  padding-bottom: 0px ; margin-bottom: 15px; }
	h5{font-weight: bold;}
	p {padding-bottom:1em;}
		p a{ text-decoration: underline;}
	a {color:#3399cc; text-decoration:none; overflow:hidden; }
		a:hover{color:#007f9d;}
	hr {border:0; border-bottom: 1px solid  #d9ecaa; color:#d9ecaa; height: 1px; padding-top: 20px; }
	blockquote {padding-left:1.2em; font: italic 1.3em Georgia, Verdana,  "Times New Roman", Times, serif; line-height: 150%; margin-bottom: 1em; color: #7a7b50; padding-left: 40px; background: url(http://www.gttp.org/css/img/quote.gif) no-repeat 0 0; }
		blockquote p{margin:0; padding: 5px 10px 5px 0;}
	em{font: italic 1em  Georgia, Times, "Book Antiqua", serif;}
	span.amp {
		font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
		font-weight: normal;
		font-style: italic;	
		}
	ol {margin: 0px 0; list-style:decimal; padding-left: 10px;}
		ol li {margin: 5px 0 5px 10px;}
	.heading {font-family: "Helvetica Neue", Helvetica, Verdana, "Times New Roman", Times, serif; text-transform: uppercase; text-align: center;}
	.center {text-align: center; color: #007f9d; margin-bottom: 2em;}
	
	/* initial style form */
	.txt { color:#b4b4b4; padding: 3px;font:1em/160% "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;}
		.txt:focus, .txt:active {color: #000;background: #faffeb;}


/*	-------------------------------------------------------------
	Site's Style
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#wrap {
		background: url(img/bg.png) center 0 repeat-y; 
		text-align: left;
		height: auto; 
		min-height: 100%;
		width: 955px;
		margin: 0 auto;
	}		
		#header{
			background: url(img/header-bg.jpg) center 0 repeat-x;
			padding: 0 18px 0 18px;
			margin-bottom: 15px;
		}
			#header .container, #banner{ 
				margin: 0 auto;				
			}
			#main, #banner{ 
				margin: 0 10px 0 13px;
				width: 930px;
			}
	#logo {margin: 0; padding-top: 20px;}
		#logo a {background: url(img/logo.jpg) no-repeat; width: 457px; height: 45px; text-indent: -9999px;  display:block;}
		a #wordpress  {background: url(http://www.gttp.org/css/img/wordpress.png) top left no-repeat; height: 32px; text-indent: -9999px; margin-left: 720px; margin-top: -45px;  width: 32px; padding-top: 5px; display:block; position: absolute;}
		
		a #facebook  {background: url(img/FaceBook_32x32.png) top left no-repeat; height: 32px; text-indent: -9999px; margin-left: 880px; margin-top: -45px;  width: 32px; padding-top: 5px; display:block; position: absolute;}
		a #rss  {background: url(img/Feed_32x32.png) top left no-repeat; height: 32px; text-indent: -9999px; margin-left: 840px; margin-top: -45px; padding-top: 5px; width: 32px; display:block; position: absolute;}
		a #youtube  {background: url(img/YouTube-icon32.png) top left no-repeat; height: 32px; text-indent: -9999px; margin-left: 800px; margin-top: -44px; width: 32px; padding-top: 5px; display:block; position: absolute;}
		a #linkedin  {background: url(img/linkedin.png) top left no-repeat; height: 32px; text-indent: -9999px; margin-left: 760px; margin-top: -45px; width: 32px; padding-top: 5px; display:block; position: absolute;}

		
	#footer{
		position: relative;
		background: #333 url(img/footer-b.jpg) center 0 repeat-y; 
		margin-top: -218px;
		height: 218px;
		clear:both;
		overflow: hidden;
	}
		#footer .footer-content{
			width: 955px; 
			margin: 0 auto;
			text-align: left;
		}
			.quotation{
				width: 527px;
				background: url(img/quotation-bg.jpg) bottom center no-repeat;
				padding: 0 0 43px 0;
				margin: 20px 0 20px 30px !important;
				margin: 20px 0 20px 20px;
				float: left;
			}
				.quotation-inside{
					width: 527px;
					background: url(img/quotation-bg.jpg) 0 0 no-repeat; 
					padding: 6px 0 0 0;
				}
				.quotation-content{
					width: 501px;
					background: #424242;
					color: #fff;
					font-size: 1.4em;
					font-family: Arial, Helvetica, sans-serif; 
					line-height: 24px;
					padding: 10px 10px;
					border-left: 3px solid #5d5d5d;
					border-right: 3px solid #5d5d5d;
					text-align: right;
				}
					.quotation-content p{
						text-align: left;
						padding-bottom: 0.3em;
					}
					.quotation-content span{
						font-size: 15px;
						font-style: italic;
					}
				.info{
					margin: 20px 25px 20px 0 !important;
					margin: 20px 15px 20px 0;
					color: #fff;
					text-align: right;
					font-family: Arial, Helvetica, sans-serif;
					float: right;
					width: 330px;
				}
					.info p{
						font-size: 13px;
						text-align:justify;
					}
					.info p.small{
						font-size: 12px;
					}
		#footer .top-bg{
			background: #39C url(img/footer-t.jpg) center 0;
			height: 3px;
		}
	.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	    }
	#nav-mini{
		background: url(img/mini-nav-l.jpg) no-repeat left top;
		padding: 0 40px 0 8px;
		float: right;
		margin: 5px 0 0 0;
	}
		#nav-mini ul{
			background: url(img/mini-nav-r.jpg) no-repeat right top;
			height: 20px;
			line-height:16px;
			float: left;
			padding: 0 3px;
		}
			#nav-mini li{
				float: left;
				padding: 0 5px 0 0;
			}
				#nav-mini li a{
					font-family: Arial, Helvetica, sans-serif;
					text-transform: uppercase;
					font-size: 11px;
					color: #555;
					font-weight: bold;			
				}
		

		#nav {background: url(img/nav.gif) no-repeat; overflow: hidden; height: 31px;}
							#nav li a {color: #fff;}
							#nav li a:hover{color: #e5eef5;}


					#nav, #nav ul {
						list-style: none;
						font-family: Arial, Helvetica, sans-serif;
						line-height: 21px;
						z-index: 9999;
					}
						#nav, #nav ul {	
							line-height: 17px;
						}
						#nav a {
							display: block;
							text-transform: uppercase;			
						}
							#nav a:hover, #nav a.active {			
								background: url(img/nav-r.jpg) right 6px no-repeat;
							}
							#nav a b{
								display: block;
								cursor: hand;
								padding: 7px 10px 7px;
							}
								#nav a:hover b, #nav a.active b{				
									background: url(img/nav-l.jpg) left 6px no-repeat;
								}
								#nav ul a.active {
									background: none!important;
								}

						#nav li {
							float: left;
							padding: 0 44px; /*30px;*/
						}
							#nav li ul {
								position: absolute;
								width: 150px;
								left: -999em;
								background: #33ccff;
								opacity:0.9;
							}	
								#nav li ul li{
									padding: 0;
									margin: 0;
								}		
									#nav li ul li a:hover{
										background: none !important;
										background: none;
									}
							#nav li:hover ul, #nav li.sfhover ul {
								left: auto;
							}
								#nav li ul a{
									border-bottom: 1px solid #a6e9ff;
									width: 130px;
									padding: 3px 10px;
									text-transform: none;
									font-size: 12px;
									font-family: Arial, Helvetica, sans-serif;
									font-weight: bold;
								}
								#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
									left: -999em;
								}

								#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
									left: auto;
								}
								#nav li ul ul { /* third-and-above-level lists */
									margin: -24px 0 0 150px;
								}
					
				.clearfix {display: inline-block;}  /* for IE/Mac */	
				.clear {clear:both;}
	

/*	-------------------------------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#banner{background: url(img/banner1.jpg) no-repeat 0 0; height: 278px; overflow: hidden; overflow: hidden;}
		#banner .inner{ margin: 50px 430px 0 30px;}
		#banner p{ font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #fff; line-height: 28px;}
			#banner p a{ font-size: 12px; font-weight: bold; background: #669933; color: #fff; padding: 5px 10px; border-bottom: 1px solid #09304e; border-right: 1px solid #09304e; text-decoration: none;}
	#main{padding-bottom: 250px;}

	#content{ width: 588px; float: left; padding: 20px 10px 20px 20px;}
		.sub #content{width: 648px;}
		#content p, #content li{ font-family: Georgia; font-size: 14px;}
	
	.summary{ padding-bottom: 20px}
	.summary ul{ list-style-type: none;}
		.summary ul li{ list-style-type: none; width: 220px; float: left; padding: 20px 0 20px 55px;font-family: Georgia; line-height: 15px;}
			.li-about{background: url(img/ico-about.jpg) no-repeat 5px 10px;}
			.li-passpoort{background: url(img/ico-passport.jpg) no-repeat 5px 10px;}
			.li-global{background: url(img/ico-global.jpg) no-repeat 5px 10px;}
			.li-impact{background: url(img/ico-graph.jpg) no-repeat 5px 10px;}
		.summary ul li a{ display: block; font-size: 20px; font-weight: bold; line-height: 18px; padding-bottom: 5px;}
	.photos li{ list-style-type: none; float: left; width: 195px;}
	.photos-small li{ list-style-type: none; float: left; width: 160px;}
		.imgborder{ background: url(img/img-bg.png) no-repeat 0 0; padding: 13px 13px 15px 13px;}
		.imgbordersmall{ background: url(img/img-bg-small.jpg) no-repeat 0 0; padding: 13px 11px;}
		.imgbordermedium{ background: #fff; padding: 5px; float: left; border:1px solid #b5b4b4;}
		/*.imgbordermedium{ background: url(img/img-bg-medium.jpg) no-repeat 0 0; padding: 8px 6px; float: left;}*/
		.detail img {
	margin: 0 20px 20px 0;
}
		.imgleft{ float: left;}
	.box-blue{background: url(img/box-blue-t.png) no-repeat;margin: 20px 0 0}
		.more{ background: url(img/box-blue-b.png) no-repeat 0 0;color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; display: block;text-align: right;}
			.more a{ color: #fff; display: block;padding: 1px 50px 10px 0;}
			.more a:hover{ color: #fff}
		.headline{color: #FFF; font-family: Arial, Helvetica, sans-serif;font-size: 14px; font-weight: bold; display: block;text-align: center;padding: 7px 12px 2px; margin: 0}
		.inside{background: url(img/box-blue-m.png) repeat-y center top; overflow: hidden;}
			.box-content{ padding: 5px 25px; text-align: center;}
	.box-orange{background: url(img/box-orange-t.png) no-repeat; margin: 20px 0 0}
		.box-orange .more{ background: url(img/box-orange-b.png); font-size: 14px;}
			 .box-orange .more a{padding: 7px 65px 15px 0}
		.box-orange .headline{ padding: 15px 30px 0; font-size: 18px; text-align: left;}
		.box-orange .box-content{ text-align: left; padding: 10px 25px;}
			.news-title{ display: block; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; font-weight: bold; padding: 10px 0 0}
			.news-date{ display: block; font-size: 13px; padding: 2px 0;}
			.news-item p{ font-family: Georgia; font-size: 13px; line-height: 16px;}
				.news-item p a{ color: #ff9933; text-decoration: underline;}
	.box-sblue{background: url(img/box-sblue-t.png) no-repeat; margin: 20px 5px 30px 10px}
		.box-sblue .more{ background: url(img/box-sblue-b.png); font-size: 11px;}
			 .box-sblue .more a{padding: 0px 35px 8px 0}
		.box-sblue .headline{ padding: 8px 30px 0; font-size: 12px;}
		.box-sblue .box-content{ text-align: left; padding: 10px 25px;}
		.box-sblue .inside{background: url(img/box-sblue-m.png) repeat-y center top; overflow: hidden; text-align: center;}
	.pagination{ float: right; font-family: Arial; text-align: right;}
		.pagination a{ color: #333}
			.pagination a.current{ color: #3399cc; font-weight: bold;}
			.pagination a.next{ width: 13px; height: 13px; margin: 3px !important;margin: 5px 3px; display: block; float: right;}
	
	.list{ list-style-type: none;}
	.list p{ line-height: 18px; float: right;margin:0 0 0 20px;width:450px;}
		.list img{ float: left;}
		.list li{ padding: 0 0 10px 0 !important;padding: 0; overflow: hidden; clear: both;}
		.countries .list img{ margin: 0 0 0 30px;}
	.detail{ font-family: Georgia; line-height: 18px}
		.detail ul{ list-style-type: circle; margin: 5px 30px 20px; font-size: 13px}
		.detail p{ font-size: 13px;}
	.back{ font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #333; text-decoration: underline;}
	
	th {
		font: bold 12px Arial, Helvetica,sans-serif;
		color: #FFF;
		border-right: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
		letter-spacing: 2px;
		text-transform: uppercase;
		text-align: left;
		padding: 6px 6px 6px 12px;
		background: #336699;
	}
	tr.odd{
		background: #caf2ff;
	}
	tr.even{
		background: #91dcff;		
	}
	tr.num td{
		background: #eabd66;
		font-weight:bold;
	}
	td {
		font: bold 12px Arial, Helvetica,sans-serif;
		border-right: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
		text-align: left;
		padding: 6px 6px 6px 12px;
		font-weight: normal;
	}

.sub #content ul li { padding: 5px 0 5px 20px; background: url(img/arrow2.png) 0 7px no-repeat;  }
.sub #content ul.photos li { padding: 0; background: none; }
#content ul.list li { padding: 0; background: none;  }

strong { font-weight: bold; }

/*Meg Banner Image - Homepage - 7/6/11*/

img.contest{
	margin-bottom: 15px;
	}
	
	/*	-------------------------------------------------------------
		Sidebar
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#sidebar{position: relative; width: 290px; float: right; padding: 0 5px 30px 10px; overflow: hidden;background: url(img/sidebar-bg.jpg) repeat-x;}
			.sub #sidebar{width: 245px; padding: 0; height:654px;}
			.sb-shadow{height: 654px; width: 8px; position: absolute; top: 0; left: 0;background: url(img/sidebar-bg.png) no-repeat;}	
		.menu{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; list-style-type: none; margin: 20px 0 0; }	
			.menu li{ float: left; display: inline;}
			.menu a{ color: #333; display: block; border-bottom: 1px solid #dddddd; padding: 5px 10px; width: 200px}
			.menu a.active{ background: #6dc5f0; font-weight: bold;}
			.menu ul li a{padding-left:30px;}
/* Slider Banner */
.slider {
	/*margin-left: 13px;*/
}
.slider {
width: 930px;
float: left;
color: #FFFFFF;
background-color: #000000;
position: relative;
z-index: 10;
height: 278px;
overflow: hidden;
}
.slider_wrapper .prev {
background-image: url('img/monotone_arrow_left.png');
background-repeat: no-repeat;
height: 30px;
width: 21px;
float: left;
position: relative;
z-index: 100;
top: 124px;
margin-right: -30px;
}
.slider_wrapper .next {
background-image: url('img/monotone_arrow_right.png');
background-repeat: no-repeat;
height: 30px;
width: 21px;
float: left;
position: relative;
z-index: 100;
top: 124px;
margin-left: -21px;
}
.slider_right_outer {
width: 50%;
float: right;
margin-left: -465px;
height: 278px;
}
.slider_left_outer {
width: 50%;
float: left;
margin-right: -465px;
height: 278px;
}
#navi {
position: absolute;
z-index: 1000;
margin-top: 254px;
z-index: 1000;
margin-left: 389px; /*415px;*/
font-size: 0px;
color: #ebeaea;
}
#navi a {
background-image: url('img/dot.png');
background-repeat: no-repeat;
height: 17px;
width: 17px;
text-decoration: none;
padding: 8px 9px;
line-height: 0px;
color: #ebeaea;
margin-right: 8px;
padding-bottom: 9px;
}
#navi a.activeSlide {
background-image: url('img/dot_selected.png');
background-repeat: no-repeat;
height: 17px;
width: 17px;
text-decoration: none;
padding: 8px 9px;
line-height: 0px;
margin-right: 8px;
padding-bottom: 9px;
}