/* HTML, BODY ---------------------------------------- */
html {height: 100%; margin-bottom: 1px}
body {background: #06549B; margin: 0}

/* TEXT ---------------------------------------------- */
body, table, input, textarea {color: #032A4D; font: 12px/1.5em tahoma, sans-serif}
p {margin: 0; padding-bottom: 1em}
hr {background: #FFF; border: 0; border-top: 1px dotted #4A95D9; clear: both; color: #FFF; height: 1px; margin-bottom: 1em}
#flash-home p {background: #FFFF99; padding: 5px}
.clear {clear: both}

/* HEADERS ------------------------------------------- */
h1 {background-repeat: no-repeat; border-bottom: 1px dotted #4A95D9; line-height: 30px; margin: 0 0 .5em 0; overflow: hidden; text-indent: -999em}
h2 {font: 1.1em georgia, serif; font-variant: small-caps; margin: 0 0 .2em 0}
h3 {font-size: 12px; font-weight: bold; margin: 0}
#footer h3 {color: #FFF; font: italic normal .8em georgia, serif}

/* LISTS --------------------------------------------- */
ol, ul {margin-bottom: 1em; margin-top: 0}
ul.none {list-style: none; margin-left: 0; padding: 0}
.column-one ul {font-size: .9em}
#footer .column-two li {display: inline}

/* LINKS --------------------------------------------- */
a {color: #06549B; text-decoration: underline}
a:hover {text-decoration: none}
a#home {background: url(images/home.gif) no-repeat; color: #B9D0F0; font: 1.1em georgia, serif; font-variant: small-caps; line-height: 30px; margin-right: 20px; padding-left: 15px; text-decoration: none}
a#home:hover, a#home.active {color: #FFF}
a#logo {background: url(images/logo.gif); display: block; height: 95px; overflow: hidden; text-indent: -999em; width: 260px}
#footer ul a {color: #B6D5F3; font-size: .8em}

/* NAVIGATION ---------------------------------------- */
#navigation {margin-left: -390px; position: absolute; left: 50%; top: 200px; width: 780px}
#navigation li {float: left; position: relative}
#navigation a {background: #06549B; color: #B9D0F0; display: block; font: 1.1em georgia, serif; font-variant: small-caps; line-height: 30px; padding: 0 12px; text-decoration: none}
#navigation a:hover, #navigation a.active {color: #FFF}

#navigation ul {background: #06549B; border: 1px solid #B8D7F4; left: -999em; list-style: none; margin: 0; padding: 0 10px 5px 10px; position: absolute; top: 30px; width: 120px}
#navigation ul li {display: inline; float: none}
#navigation li:hover ul, #navigation li.sfhover ul {display: block; left: 0}
#navigation ul a {border-bottom: 1px dotted #B8D7F4; display: block; font: .9em tahoma, sans-serif; font-variant: normal; line-height: 1.5em; padding: 5px 0 0 0; width: 120px}
#navigation ul a:hover, #navigation ul a:hover {color: #FFF}

/* IMAGES -------------------------------------------- */
img {border: none; color: #CCC}
.border {border: 2px solid #4A95D9; border-width: 2px 0; padding: 1px 0}
.centered {display: block; margin: 0 auto}
.left {float: left; margin: 0 10px 10px 0}
.right {float: right; margin: 0 0 10px 10px}
#flash-home img {float: left; margin-right: 10px}

/* LAYOUT -------------------------------------------- */
.container {margin: 0 auto; position: relative; width: 780px}
#masthead {background: url(images/masthead.gif) repeat-x; height: 30px; text-align: right}
#header {background: url(images/header.gif); border: 1px solid #B6D5F3; border-width: 1px 0; margin-bottom: 30px}
#header .container {background: url(images/new-york.jpg) no-repeat; height: 168px}
.column-one {float: left; margin-left: 10px; padding: 10px; width: 190px}
* html .column-one {margin-left: 5px}
.column-two, #footer .column-two {float: left; margin-left: 10px; padding-top: 10px; width: 540px}
#content {background: #4A95D9 url(images/content.gif) 50% 0 repeat-y; border: 1px solid #B6D5F3; border-width: 1px 0; padding: 10px 0}
#content .wrap {background: #B8D7F4; overflow: auto}
#content .container {background: #FFF url(images/column-one.gif) 10px 0 repeat-y; border: 10px solid #FFF; border-width: 10px 0; overflow: auto}
#flash-home {background: url(images/flash.jpg); height: 170px; margin-bottom: 1em; width: 540px}
#footer {background: url(images/footer.gif) repeat-x; color: #B6D5F3; overflow: auto}

/* THE GAME ROOM ------------------------------------- */
div#sesame-game {background: #000; line-height: 0; margin: 10px auto; text-align: center; width: 400px}
ul#sesame-games {list-style: none; margin: 0; padding: 0}
ul#sesame-games li {clear: both; padding: .5em 0;}
ul#sesame-games img {border: 0; float: left; margin-left: -210px}
ul#sesame-games p {padding-left: 210px}

div#language {color: #fff; margin-left: 20px; position: absolute; top:6px; z-index:33;}
div#language a {color: #fff; text-decoration: none; font-weight: bold;}
div#language a:hover {text-decoration: underline;}