/* Base for screen
======================================================================= */

/* Generic
----------------------------------------------------------------------- */
body { color: #000000; background: #000000 url(../img/bg_entire_101212.jpg) no-repeat scroll center top; text-align: center; }

a { color: #1050ff; text-decoration: underline; }
a:hover { color: #3080ff; text-decoration: underline; }

/* Base layout
----------------------------------------------------------------------- */
div#wrapper { margin: 0 auto 10px auto; width: 800px; background-color: none; text-align: left; }
div#fullpane { margin-top: 10px; border-top: 1px solid #ffffff; background-color: #006ebc; }
div#twopane { margin-top: 10px; border-top: 1px solid #ffffff; background: #006ebc url(../img/bg_container.png) repeat-x; }
div#twopane div#bgside { background: url(../img/bg_side.gif) repeat-y; }
div#twopane div#panes { background: url(../img/bg_nav.jpg) 1px 550px no-repeat; overflow: hidden; }

div#twopane div#side { float: left; width: 230px; display: inline; }
div#twopane div#content { float: left; width: 570px; display: inline; }

div.bc { width: 540px; height: 20px; background-color: #ffffff; background-repeat: no-repeat; }
div.bc p { padding: 3px 0 0 8px; }
div.bc .arw { color: #ff0000; }
div.bc .crnt { color: #000000; }
div.bc a { color: #0066cc; text-decoration: none; }
div.bc a:hover { color: #ff0000!important; text-decoration: none; }
div.bc a.crnt:hover { color: #000000; }

body#intro0     div.bc { background-image: url(../img/bc_intro0.gif); }
body#intro1     div.bc { background-image: url(../img/bc_intro1.gif); }
body#world0     div.bc { background-image: url(../img/bc_world0.gif); }
body#strategy0  div.bc { background-image: url(../img/bc_strategy0.gif); }
body#strategy1  div.bc { background-image: url(../img/bc_strategy1.gif); }
body#strategy2  div.bc { background-image: url(../img/bc_strategy2.gif); }
body#strategy3  div.bc { background-image: url(../img/bc_strategy3.gif); }
body#strategy4  div.bc { background-image: url(../img/bc_strategy4.gif); }

body#card0       div.bc,
body#card0rel1   div.bc,
body#card0rel2   div.bc,
body#card0rel3   div.bc,
body#card0rel4   div.bc,
body#card0rel4dx div.bc,
body#card0rel5   div.bc,
body#card0rel6   div.bc,
body#card0rel7   div.bc,
body#card0rel8   div.bc,
body#card0rel8dx div.bc,
body#card0rel9   div.bc { background-image: url(../img/bc_card0.gif); }

body.card1      div.bc { background-image: url(../img/bc_card1rel1a.gif); }
body#info0      div.bc { background-image: url(../img/bc_info0.gif); }
body#location0  div.bc { background-image: url(../img/bc_location0.gif); }
body#event0     div.bc { background-image: url(../img/bc_event0.gif); }
body#news0      div.bc { background-image: url(../img/bc_news0.gif); }

div#main { margin: 20px 0; width: 540px; }

div#footer { background-color: #000000; color: #c0c0c0; padding: 2px; text-align: right; font-size: 11px; }


/* Requirements
======================================================================= */
div#fullpane div.wrapReq { margin: 20px 130px; text-align: center; }
div#fullpane div.beforeReq { width: 540px; height: 10px; background: url(../img/main_h.gif) no-repeat; }
div#fullpane div.afterReq { height: 10px; background: url(../img/main_f.gif) no-repeat; }
div#fullpane div.req { background: #ffffff; padding: 1em 20px 1em 20px; }
div#fullpane div.req .cp { margin-top: 10px; }

div#nav .req { margin-left: 1px; }


/* Main box
======================================================================= */
div#main div.beforeBox { height: 10px; background: url(../img/main_h.gif) no-repeat; }
div#main div.afterBox { height: 10px; background: url(../img/main_f.gif) no-repeat; }

div#main div.box { background: #ffffff; padding: 1em 20px 1em 20px; }
div#main div.box.min { height: 390px; }

div.box div.subheading { margin: 2em 0 .5em 0; padding: 3px 0; border: 1px solid #006ebc; background-color: #4d9ad0; }
div.box div.subheading h2 { border-left: 5px solid #ffffff; margin-left: .5em; padding-left: .5em; line-height: 1.25; font-size: 14px; color: #ffffff; }
div.box div.subheading.first { margin-top: 0; }
div.box p { margin-top: .5em; }
div.box p.first { margin: 0; }
div.box div.btnpagetop { margin-top: 2em; text-align: right; }