@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;
}

#sidebar a{
	color:#CC0000;
	text-decoration:underline;
}

#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;
}

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

TWITTER

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


#twitter_div {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	line-height:18pt;
	font-size: 11pt;
	margin-top:10px;
	padding-top: 15px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom:10px;
}
 
#twitter_div ul li {
	color: #333;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCC;
}
 
#twitter_div ul li a {
	text-decoration: none;
	color: #666;
}
 
#twitter_div ul li a:hover {
	text-decoration: none;
	color: #000;
}
 
#twitter_div p {
	text-align: right;
	padding-right: 6px;
	padding-bottom: 10px;
}

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

Calendar

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

    .calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#000000;
         border-bottom:1px dotted #000000;
         }
    .calnk a:visited {
         text-decoration:none;
         color:#000000;
         border-bottom:1px dotted #000000;
        }
    .calnk a {
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#fff; 
        background:#917e74; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        line-height:1.2em;
        }
     .calendar-table {
        border:none;
        width:100%;
     }
     .calendar-heading {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-next {
        width:25%;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
        text-align:center;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#EBF2EA;
        color:#FF0000;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #DFE6DE;
     }
     .no-events {

     }
     .day-without-date {
        width:60px;
        height:60px;
        border:1px solid #E9F0E8;
     }
     span.weekend {
        color:#FF0000;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
        border:1px solid #BFBFBF;
        background-color:#E4EBE3;
     }
     span.event {
        font-size:0.75em;
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
     }
     .calnk a:hover span span.event-title {
        padding:0;
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
        }
     .calnk a:hover span span.event-title-break {
        width:96%;
        text-align:center;
        height:1px;
        margin-top:5px;
        margin-right:2%;
        padding:0;
        /*background-color:#000000;*/
     }
     .calnk a:hover span span.event-content-break {
        width:96%;
        text-align:center;
        height:1px;
        margin-top:5px;
        margin-right:2%;
        padding:0;
        /*background-color:#000000;*/
     }
     .page-upcoming-events {
        font-size:80%;
     }
     .page-todays-events {
        font-size:80%;
     }