@import url(defaults.css);

body {
	background-color: #f4ede5;
	background: url(/images/tiger-bg-redesign.png) repeat-x #F7F0EA;
}

#page {
	width: 950px;
	margin: 0 auto;
	position:relative;
}


img.centered, a img.centered, img.aligncenter, a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
img.alignright, a img.alignright {
display:inline;
margin:0 0 2px 7px;
padding:4px;
}
img.alignleft, a img.alignleft {
display:inline;
margin:0 7px 2px 0;
padding:4px;
}
.alignright {
float:right;
}
.alignleft {
float:left;
}

/*
----------------------------------

TOP LINKS

----------------------------------
*/

#top-links {
	width: 950px;
	height: 23px;
	position: relative;
	overflow: auto;
	background-color: #78645f;
	border-bottom: 2px solid #4b4744;
}

#top-links ul {
	float: right;
}

#top-links ul li {
	margin-right: 10px;
	float: left;
}

#top-links ul li a, #top-links ul li a:hover {
	display: block;
	font-size: 11px;
	line-height: 23px;
	color: #fdfdfd;
}

#top-links ul li a.lang, #top-links ul li a.lang:hover {
	padding-left: 18px;
	background: url(/images/lang-globe-bg.gif) scroll left center no-repeat;
}

#languages {
	display: none;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 1000;
}

.languages-wrapper {
	width: 160px;
	background: url(/images/languages-top-bg.gif) scroll left top no-repeat;
}

.languages {
	width: 160px;
	margin-top: 20px;
	padding-bottom: 15px;
	background: url(/images/languages-bottom-bg.gif) scroll left bottom no-repeat;
}

.languages a, .languages a:visited {
	display: block;
	padding: 5px 10px 5px 35px;
	font-size: 10px;
	font-weight: bold;
	color: #1a1a1a;
	background-color: #ffffff;
	background-attachment: scroll;
	background-position: 10px center;
	background-repeat: no-repeat;
}

.languages a, .languages a:visited {
	color: #1a1a1a;
}

.languages a.russian, .languages a.russian:visited {
	background-image: url(/images/russian-flag-bg.gif);
}

.languages a.chinese, .languages a.chinese:visited {
	background-image: url(/images/chinese-flag-bg.gif);
}

.languages a.french, .languages a.french:visited {
	background-image: url(/images/french-flag-bg.gif);
}

.languages a.indonesian, .languages a.indonesian:visited {
	background-image: url(/images/indonesian-flag-bg.gif);
}

.languages a.hindi, .languages a.hindi:visited {
	background-image: url(/images/hindi-flag-bg.gif);
}

.languages a.english, .languages a.english:visited {
	background-image: url(/images/us-flag-bg.gif);
}

.languages a:hover, .languages a:active {
	background-color: #e2ecf2;
}

/*
----------------------------------

HEADER

----------------------------------
*/

#header {
	width: 950px;
	height: 98px;
	background: url(/images/gti-header-bg2.jpg) scroll left center no-repeat;
}
#header-text {
	color:#FFFFFF;
	font-family:Arial;
	font-size:13px;
	line-height:18px;
	padding:25px 30px 10px 500px;
}
#header-text strong {
	font-weight:bold;
}

/*
----------------------------------

NAVIGATION

----------------------------------
*/

#navigation {
	width: 950px;
	background-color: #4b4744;
}

#nav div {
	line-height: 32px;
}

#nav a {
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #e9e9e9;
}

#nav a:hover {
	text-decoration: none;
	color: #f39636;
}

#nav a.current {
	color: #f39636;
}

#nav li li a {
	display: block;
	font-size: 12px;
	font-weight: normal;
	border-top: 1px solid #55544f;
	color: #e9e9e9;
	padding: 7px 10px;
	zoom: 1;
}

#nav li li a.first {
	border-top: none;
}

#nav li li a:hover {
	color: #f39636;
	background-color: #1c1b17;
	padding: 7px 10px;
}

#nav li {
	float: left;
	display: inline;
	position: relative;
	cursor: default;
	margin-left: 25px;
	background-color: #4b4744;
	z-index: 1;
}

#nav li li {
	width: 150px;
	margin-left: 0;
	background-color: transparent;
}

#nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background: url(/images/nav-item-bg.gif) scroll 0 0 repeat-x;
	border: 1px solid #55544f;
	zoom: 1;
}

#nav li>ul {
	top: auto;
	left: auto;
}

#nav li li {
	display: block;
	float: none;
	border: 0;
}

#nav li:hover ul, #nav li.over ul {
	display: block;
}

/*
----------------------------------

CONTENT

----------------------------------
*/

#content {
	width: 950px;
	padding: 5px 0;
	background: #f4ede5 url(/images/content-bg.gif) scroll left top repeat-x;
}

#visual-wrapper {
	width: 930px;
	height: 200px;
	margin: 5px 5px 0;
	border: 5px solid #ffffff;
}

#visual {
	width: 930px;
	height: 200px;
	z-index: -100;
}

#visual.static {
	background: transparent url(/images/visual-bg.jpg) scroll left top no-repeat;
}

#visual.static-chinese {
	background: transparent url(/images/visual-bg-chinese.jpg) scroll left top no-repeat;
}

#visual.static-russian {
	background: transparent url(/images/visual-bg-russian.jpg) scroll left top no-repeat;
}

#visual.static-hindi {
	background: transparent url(/images/visual-bg-hindi.jpg) scroll left top no-repeat;
}


#visual.static-indonesian {
	background: transparent url(/images/visual-bg-indonesian.jpg) scroll left top no-repeat;
}


#visual .more {
	float: right;
	width: 500px;
	height: 20px;
	margin: 125px 15px 0 0;
	font-size: 12px;
	text-align: right;
	line-height: 20px;
	color: #ffffff;
}

#visual .more a, #visual .more a:visited {
	color: #ffffff;
}

#visual .more a.themes, #visual .more a.themes:visited {
	color: #b2e0b5;
}

#visual .more a.participants, #visual .more a.participants:visited {
	color: #f1f6cb;
}

#visual .more a.champions, #visual .more a.champions:visited {
	color: #ace4f5;
}

#visual .more a.heritage, #visual .more a.heritage:visited {
	color: #f5d497;
}

#visual .play {
	float: right;
	width: 500px;
	height: 30px;
	margin: 10px 15px 0 0;
	font-size: 12px;
	text-align: right;
	line-height: 30px;
	color: #ffffff;
}

#visual .play a, #visual .play a:visited {
	padding-left: 22px;
	text-align: right;
	font-weight: bold;
	text-decoration: underline;
	color: #ffffff;
	background: transparent url(/images/play-btn-bg.jpg) scroll 0 4px no-repeat;
}

#main {
	width: 580px;
	float: left;
	position: relative;
}

#sidebar {
	width: 360px;
	float: left;
	margin-left: 10px;
}

#main-wide {
	width: 940px;
	float: left;
}

/*
----------------------------------

FOOTER

----------------------------------
*/

#footer {
	clear: both;
	padding: 20px 0;
	font-size: 11px;
	background-color: #f4efe8;
	zoom: 1;
}

#footer a, #footer a:visited {
	color: #1a1a1a;
}

#footer ul {
	overflow: auto;
	padding: 10px 0;
	background: url(/images/dotted-border-bg.gif) scroll left bottom repeat-x;
	border-top: 3px solid #000000;
	zoom: 1;
}

#footer ul li {
	float: left;
	margin-left: 10px;
	text-transform: uppercase;
}

#footer ul li a:hover, #footer ul li a:active {
	color: #1a1a1a;
}

#footer p {
	float: left;
	margin: 10px 10px 0;
}

/*
----------------------------------

DATA TABLE

----------------------------------
*/

table.data-download {
width:550px;
border:solid 1px #EBEBEB;
padding:10px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

table.data-download td {
padding:10px;
}

table.data-download td h1{
font-family:Georgia, "Times New Roman", Times, serif;
line-height:1.1em;
}

table.data-download td a{
display:block;
padding:3px;
}

table.data-download td a:hover{
display:block;
background-color:#C5DEE9;
padding:3px;
}