/* ###################################   Unique to SCREEN   ################################### */

body {color: #fff; background-color: #000;}

/* Layout DIVs */
#container {width: 100%;}
#menu {width: 200px;}
#specialoffer {margin-bottom: 5px; width: 200px;}
#specialoffer p {font-size: small; text-align: center; margin-bottom: 2px;}
#content {padding: 0 10px;}
/* Table layout */
    body > div#container {display: table;}
    div#container > div#inner-cont {display: table-row;}
    div#inner-cont > div#menu {position: relative; display: table-cell;}
    div#inner-cont > div#content {position: relative; display: table-cell; padding: 0 10px;}
#footer {font-size: small; text-align: center; clear: both; margin: 10px 0; color: #fff;}
#footer p {margin: 10px 0;}

/* Menu */
#menu {color: #000;}
#menu ul div {background: transparent url(/images/menu-bottom.png) bottom right no-repeat;}
#menu ul div div {background: transparent;}
#menu ul {width: 200px;}
#menu ul, #menu li {list-style-type: none; clear: both;}
#menu li {background: transparent url(/images/menu-bottom.png) bottom left no-repeat; margin-bottom: 5px;}
#menu li li {color: #fff; background: transparent; margin: 0;}
#menu ul a {display: block; line-height: 30px; text-align: center; color: #000; background: transparent url(/images/menu-top.png) top left no-repeat;}
#menu ul a.slideopen {background: transparent url(/images/menu-top-arrows.png) top left no-repeat;}
#menu ul a.slideclosed {background: transparent url(/images/menu-top-arrows.png) top right no-repeat;}
#menu ul ul a {padding: 0 10px; text-align: left; color: #f90; background: transparent; border-top: 1px solid #fff;}
#menu ul ul a.current {text-align: right;}
#menu li.menusection {font-weight: bold; line-height: 30px; text-align: center; border-top: 1px solid #fff;}
#menu li.menunote {font-weight: bold; line-height: 30px; padding: 0 10px; border-top: 1px solid #fff;}
#menu #expandall, #menu #keepopen, #menu #specialoffer {background: none;}
#menu #expandall a, #menu #keepopen a, #menu #specialoffer {background: none; font-size: small; color: #f90; line-height: normal;}

/* Links */
a {font-weight: bold; text-decoration: none; color: #f90;}
a:hover {text-decoration: underline;}
a:active {text-decoration: overline;}

/* Slide-In Text Box */
.slide, .forceopen {overflow: hidden;}
.slide {height: 0;}

/*

GENERAL

*/

/* General Classes */
.error, .nopage {color: #f00 !important;}
.highlight {background-color: #666;}

/* Headings */
h2, h3, h4 {border-bottom: 1px solid #fff; border-left: 1px solid #000;}

/* General */
strong {color: #efe;}

/* ##############################   Common to SCREEN and PRINT   ############################## */

* {margin: 0; padding: 0; outline: 0;}

body {font-family: Arial, Helvetica, sans-serif;}
img {border: 0;}

/* Layout DIVs */
#header {text-align: center; margin-top: 5px;}
#header span {display: none;}
#content {text-align: justify;}

/*

GENERAL

*/

/* General Classes */
.hidden {height: 0px; width: 0px; margin: 0; padding: 0; display: block; overflow: hidden; border: 0;}
.intro {margin-bottom: 13px; clear: both;}
.decorativeleft, .decorativeright {margin-top: 10px;}
.decorativeleft {float: left; margin-right: 10px;}
.decorativeright {float: right; margin-left: 10px;}

/* Headings */
h2, h3, h4 {border-top: none; border-right: none; text-align: right; clear: both; margin-bottom: 5px;}
#content h2 {font-size: 300%; border-width: 5px;}
#content h3 {font-size: 200%; border-width: 3px; line-height: normal;}
#content h4 {font-size: 150%; border-width: 2px; line-height: normal;}

/* General */
p {margin-top: 10px;}
#content > p {margin-bottom: 20px;}
#content li {margin-left: 20px; margin-bottom: 5px;}
#content p, #content li {line-height: 140%;}
p > strong {font-size: 110%;}
td, th {vertical-align: top;}
br {clear: both;}