/*/////////////////////////////////
reset
/////////////////////////////////*/
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/*/////////////////////////////////
globals
/////////////////////////////////*/
@font-face {  
  font-family: "raleway-1";  
  src: url("/media/static/fonts/raleway_thin.eot");
  src: local('☺'),
    url("/media/static/fonts/raleway_thin.otf") format("opentype"),
    url("/media/static/fonts/raleway_thin.ttf") format("truetype");
}
/*
@font-face {
  font-family: "RalewayTT";
  src: url(/media/static/fonts/raleway_thin.otf) format("truetype");
}
*/
html { overflow-y: scroll; overflow-x: auto; }
body { color: white; background-color: black; font: 18px "raleway-1","raleway-2", Helvetica,Arial,sans-serif; line-height: 25px; text-align: center; padding-bottom: 30px; letter-spacing: 1px; }

h1 { font-size: 18px; line-height: 24px; padding-bottom: 18px; color: white; }
h2 { font-size: 15px; line-height: 30px; }
h4 { text-transform: uppercase;}
a { color: white; text-decoration: none; }

li.active a,
a.active,
a:hover { color: white;}

p { margin-bottom: 18px; letter-spacing: 1px; }

em { font-style: italic;}
strong { font-weight: bold; }

.left { float: left; }
.right { float: right;}
div.clear { float: none; height: 0; clear: both;}

.errorlist { color: red;}
.invisible { visibility: hidden; }
form p { margin-bottom: 5px;}
p.error input { border: 1px solid red;}
input[type=password],
input[type=text] { outline: 0; width: 318px; border: 1px solid rgb(180,180,180); height: 14px; line-height: 14px; padding: 3px;}
textarea { border: 1px solid rgb(180,180,180); outline: 0; width: 318px; padding: 3px; height: 50px;}
select { outline: 0; background-color: white; color: black; border: 1px solid rgb(0,176,202);}
select:focus,
textarea:focus,
input[type=password]:focus,
input[type=text]:focus { border: 1px solid rgb(0,176,202);}
input[type=submit] { margin-top: 10px; background-color: black; border: 0; height: 20px; line-height: 20px; text-align: left; color: white; padding: 0px 10px; float: right; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; }
p label { width: 150px; float: left;}

hr { color: rgb(50,50,50); height: 1px; background-color: rgb(50,50,50); border: 0; width: 100%; padding: 0; margin: 10px 0;}

/*/////////////////////////////////
containers
/////////////////////////////////*/

div#container { width: 1024px; height: 768px; margin: 0 auto 0; position: relative; }
iframe#history { display: none; }
div#footer { }

div#background_container { z-index: 1; position: absolute; top: 0; left: 0; height: 768px; width: 1024px; background-image: url('/media/static/img/background.jpg'); background-repeat: no-repeat;}
div#background_container div.bg_layer { background-repeat: no-repeat;}

div#content_container { width: 1024px; height: 768px; position: absolute; top: 0; left: 0; z-index: 1000;}

div#block_container { width: 1024px; height: 768px; background-color: transparent; position: absolute; top: 0; left: 0; z-index: 10000; display: none;}
div#block_container img { margin-top: 370px; background-color: black; padding: 20px;}

/*/////////////////////////////////
header
/////////////////////////////////*/

ul.menu { float: left; letter-spacing: 1px; margin-top: 10px; width: 488px; height: 748px; font-size: 74px; }
ul.menu li { text-align: right; font-weight: normal; line-height: 80px; width: 468px; height: 68px; padding-right: 20px; }
ul.menu li:first-child { height: 200px; line-height: 70px; }
ul.menu li a { color: rgb(49,24,55); }
ul.submenu { margin-bottom: 20px; border-bottom: 2px solid white; height: 40px;}
ul.submenu li { padding: 0 20px 0px 20px; height: 20px; float: left; border-right: 1px solid white;}
ul.submenu li a { text-transform: uppercase; color: white; font-size: 24px;}
ul.submenu li:first-child { padding-left: 0;}
ul.submenu li:last-child { padding-right: 0; border-right: 0;}

div#content_background,
div#content { width: 490px; height: 708px; padding: 18px; margin: 10px 10px 10px 0; float: right; text-align: left; overflow: hidden; }
div#content { position: relative; }
div#content_inner { width: 490px; height: 668px; overflow: hidden;}
div#content #scrollbars { position: absolute; bottom: 0; display: none; text-align: right; width: 490px;}

div.content-item { margin: 0 0; }
.collapsed div.content-item h1 { cursor: pointer; padding-left: 15px; background: transparent url('../img/arrow.png') no-repeat 0 6px;}
div.content-item a { border-bottom: 1px dotted white;}
div.content-item a:hover { border-bottom: 1px solid white; }
div.content-item .article-content p { width: 490px;}
div#content_background { position: absolute; top: 0; right: 0; z-index: -1; background-color: transparent; }

/*/////////////////////////////////
layouts
/////////////////////////////////*/

h1.headline-with-link { position: relative; }
h1.headline-with-link span { text-transform: uppercase; position: absolute; right: 0; font-size: 12px; }

div#content div.content-item img.item-image { margin: 0 20px 20px 0; }
div#content div.content-item img.item-image-right { margin-right: 0;}

div#fullsize { position: absolute; top: 0; left: 0; z-index: 2; width: 1024px; height: 768px; overflow: hidden;}
div#fullsize .inner { width: 20000px; }
div#fullsize img { position: absolute; left: 0; top: 0; z-index: 1; }
img.gallery_navi { display: none; cursor: pointer; position: absolute; z-index: 999; bottom: 24px;}
img#previous_image { left: 415px; }
img#next_image { right: 480px; }

img.item-image { margin: 0 25px 10px 0; float: left; }

.bg_layer { width: 480px; height: 480px; z-index: 1; position: absolute;}

div#content table th { padding-right: 5px; }

.content-item ul { padding-bottom: 15px; padding-left: 15px; list-style: disc outside url(); }
.content-item ul ul { padding-left: 15px; list-style: circle outside url(); }
.content-item ol { padding-bottom: 15px; padding-left: 15px; list-style: decimal outside url(); }
.content-item ol ol { padding-left: 15px; list-style: decimal outside url();}
.content-item ol ol ol { padding-left: 15px; list-style: lower-latin outside url();}

p.required label { font-weight: bold;}

.event-list table { width: 100%;}
.event-list table td { vertical-align: top; }
.event-list table th { font-size: 32px; line-height: 32px; font-weight: bold; vertical-align: top;}

table.item-table { vertical-align: center; }
table.item-table td { padding-bottom: 10px;}

div#audio_player { position: absolute; background-image: url('../img/speaker.png'); width: 30px; height: 30px; top: 0; right: 0; z-index: 10000; cursor: pointer; display: none;}
/*div#audio_player * { display: none; } */

#language_form { width: 1024px; height: 20px; margin: 0 auto 0; }
