/*///////////////////////////////////// LAYOUT /////////////////////////////////////////////*/

/* INDEX

0 - Container
1 - Header / Footer
2 - Main
3 - Items
4 - Table of Contents
5 - Quick List
--------------------------
6 - Header Intro
7 - Intro Buttons
8 - Intro

*/



body { background-color: #6d1500; font-family: Lucida-sans, sans-serif; color: #000000; font-weight: normal; font-size: 14px; text-align: center; margin: 0; }
.clear { clear: both; }

.container { position: relative; z-index: 0; width: 960px; height: 760px; margin-left: auto; margin-right: auto; text-align: left; }
.container-inner { padding: 0; margin: 0; border: 0; }
.container-layout { position: absolute; }

#header-intro { z-index: 6; top: 20px; left: 0px; width: 960px; height: 150px; }
.header-intro-inner { padding: 20px; margin: 0; border: 0; }
#header-intro-welcome { text-align: center; color: #FFFFFF; font-size: 16px; line-height: 25px; }
#header-intro-welcome b { text-align: center; color: #FFFFFF; font-size: 20px; }
.header-intro-welcome-inner{ padding: 0; margin: 0; border: 0; }
.header-intro-info { text-align: center; color: #FFFFFF; font-size: 16px; font-weight: normal; }
hr.header-intro-line { margin-top: 15px; margin-bottom: 5px; height: 1px; width: 620px; color: #5a5a5a; }

#header { z-index: 1; top: 0px; left: 0px; width: 960px; height: 150px; background-color: #FFFFFF; }
.header-inner { padding: 20px; margin: 0; border: 0; }
.event-logo { float: left; margin-right: 40px; }
.event-logo a img { border: 0; }
.event-logo-inner { padding: 0; margin: 0; border: 0; }
.event-date { float: left; }
.event-date-inner { padding: 0; margin: 0; border: 0; }
.event-partners { float: right; }
.event-partners-inner { padding: 0; margin: 0; border: 0; }

#intro { z-index: 8; top: 200px; left: 170px; width: 340px; height: 270px; background-color: #FFFFFF; } 
.intro-inner { text-align: center; padding: 20px; border: 0; margin: 0; }
#intro a img { border: 0; }
#intro-event-info { color: #000000; font-size: 18px; line-height: 22px; }
#intro-btn { z-index: 7; top: 205px; left: 440px; width: 389px; height: 250px; }
.intro-btn-inner { text-align: left; padding: 0; border: 0; margin: 0; }
#intro-btn a img { position: relative; margin: 4px; border: 0; }

#quick { z-index: 5; top: 150px; left: 0; width: 260px; height: 360px; background-color: #424141; }
.quick-inner { padding: 20px; margin: 0; border: 0; }
ul.nav-quick { list-style: none; margin: 0; border: 0; margin-top: 10px; }
ul.nav-quick li { text-align: left; margin-left: -40px; }
*ul.nav-quick li { text-align: left; margin-left: 0px; }
ul.nav-quick li a { text-decoration: none; color: #F8F8F8; width: 200px; display: block; padding: 10px; }
ul.nav-quick li a:hover { text-decoration: none; background-color: #F8F8F8; color: #424141; }
#nav-quick-title { color: #FFFFFF; font-weight: bold; font-size: 16px; text-align: left; border-bottom: 1px solid #c13638; padding-bottom: 10px; }

#toc { z-index: 4; top: 150px; left: 260px; width: 300px; height: 405px; background-color: #818080; }
.toc-inner { padding: 20px; margin: 0; border: 0; }
ul.nav-toc { list-style: none; margin: 0; border: 0; margin-top: 10px; }
ul.nav-toc li { text-align: left; margin-left: -40px; }
*ul.nav-toc li { text-align: left; margin-left: 0px; }
ul.nav-toc li a:link { text-decoration: none; color: #F8F8F8; width: 220px; display: block; padding: 10px; }
ul.nav-toc li a:visited { text-decoration: none; color: #F8F8F8; width: 220px; display: block; padding: 10px; }
ul.nav-toc li a:hover { text-decoration: none; background-color: #F8F8F8; color: #424141; }
ul.nav-toc li a:active { text-decoration: none; background-color: #727272; color: #FFFFFF; }
#nav-toc-title { color: #FFFFFF; font-weight: bold; font-size: 16px; text-align: left; }

#items { z-index: 3; top: 150px; left: 560px; width: 400px; height: 440px; background-color: #eae9e9; }
.items-inner { padding: 20px; margin: 0; border: 0; }
ul.nav-items { list-style: none; margin: 0; border: 0; margin-top: 10px; }
ul.nav-items li { text-align: left; margin-left: -40px; }
*ul.nav-items li { text-align: left; margin-left: 0px; }
ul.nav-items li a { text-decoration: none; color: #000000; width: 360px; display: block; padding: 5px; }
ul.nav-items li a:hover { text-decoration: none; background-color: #000000; color: #FFFFFF; }
.nav-items-title { color: #333; font-weight: bold; font-size: 16px; text-align: left; }

.main { z-index: 2; top: 150px; left: 0px; width: 960px; height: 530px; background: url("../images/main-bg.png") no-repeat top; }
.main-inner { padding: 0; margin: 0; border: 0; }

.footer { z-index: 1; top: 680px; left: 0px; width: 960px; height: 80px; background-color: #FFFFFF; }
.footer-inner { padding: 20px; margin: 0; border: 0; text-align: right; }
.ges-logo { float: right; margin-right: 40px; }
.ges-logo-inner { padding: 0; margin: 0; border: 0; }
.ges-logo a img { margin-top: -20px; border: 0; }
.ges-service { float: right; }
.ges-service-inner { padding: 10px; margin: 0; border: 0; }
.ges-service-text { color: #619da4; font-size: 16px; font-weight: bold; }