/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* screen.css */

body { margin: 0px; padding: 0px;
  font-size: 13px; line-height: 17px;
  background: url('../images/background.jpg'); color: #FFFFFF; }
div#d1 { width: 100%; min-width: 100%; min-height: 990px;
  background: url('../images/gradient.jpg') repeat-x bottom; }
div#d2 { width: 100%; min-width: 100%; min-height: 990px;
  background: url('../images/shadow.jpg') repeat-x top; }
div#page { max-width: 1152px; min-height: 990px; }

div#h1 { padding: 0px 60px; text-align: right; }
div#search { position: absolute; top: 5px; left: 60px;
  width: 100px; text-align: left; }
div#search p { margin: 0px; }
div#h2 { padding: 0px 60px; text-align: right;
  background: url('../images/binary.jpg'); }
div#teaser { padding: 2ex 0em; text-align: left; }
div#teaser p { margin: 0px; font-size: 200%; line-height: 125%;
  color: #E0E20C; text-shadow: #000000 1px 1px 6px; }

div#main { padding: 0px 60px; }
div#main_nav { float: left; padding: 20px 0px; }
div#content { margin: 0px; margin-left: 240px; padding: 20px 0px;
  color: #FFFFFF; }
div#sideblock.active { border-color: #E0E20C; background: #2E2E2C; }
div#footer { margin-left: 240px; padding: 2ex 60px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* navigation */

ul#comm_nav { position: relative; top: 1px;
  margin: 0px; padding: 0px; list-style: none; }
ul#comm_nav li { display: inline; margin: 0px -6px; padding: 0px; }
ul#comm_nav a { display: inline-block;
  width: 121px; height: 21px; padding: 2px 4px; padding-right: 20px;
  text-align: center; text-decoration: none;
  font-size: 120%; font-weight: bold;
  background: url('../images/comm_inact.png'); color: #717227; }
ul#comm_nav a.active { position: relative; z-index: 1;
  background: url('../images/comm_active.png'); color: #E0E20C; }
ul#comm_nav a:hover { color: #E0E20C; }

ul#links { margin: 0px; padding: 0px; width: 211px; list-style: none; }
ul#links > li { margin: 4px; }
ul#links > li > a { display: block; margin: 0px; padding: 4px 8px;
  font-size: 120%; font-weight: bold; text-decoration: none;
  text-transform: uppercase;
  border: 1px solid; border-color: #E0E20C; color: #E0E20C; }
ul#links ul { display: none; margin: 0px; margin-top: -1px; padding: 0px;
  list-style: none; }
ul#links > li > ul { border: 1px solid; border-color: #E0E20C; }
ul#links li.active > ul { display: block; }
ul#links li.open > ul { display: block; }
ul#links ul > li { margin: 0px; padding: 0px; }
ul#links ul > li > a { display: block; padding: 2px 8px;
  text-decoration: none; color: #E0E20C; }
ul#links ul ul > li > a { padding-left: 24px; }
ul#links a.active { background: #2E2E2C; }
ul#links a.active:after { content: " >>"; }
ul#links a:hover { background: #2E2E2C; }

ul#tools { margin: 4px; padding: 0px; list-style: none; }
ul#tools li { display: inline; margin: 0px; padding: 0px; }
ul#tools a { display: inline-block; padding-top: 33px; min-width: 65px;
  text-align: center; text-decoration: none; color: #E0E20C; }
ul#tools a#webmail {
  background: url('../images/tools-33/webmail.png') no-repeat center top; }
ul#tools a#ipmom {
  background: url('../images/tools-33/ipmom.png') no-repeat center top; }
ul#tools a#print {
  background: url('../images/tools-33/print.png') no-repeat center top; }

div#social_nav { margin-top: 8ex; text-align: center; }
div#social_nav p { margin: 2ex 0px; }
div#social_nav div.facebook { margin: 2ex 0px; }
div#social_nav div.facebook p { margin: 0.5ex 0px;
  text-shadow: #333333 1px 1px 1px; }
div#social_nav div.facebook div.likebox { border: 1px solid #333333;
  border-radius: 5px; background: url('/skin/images/greydown.jpg'); }

div#toolbar { float: left; padding: 20px 0px; }
div.tool { width: 211px; margin: 0px; padding: 0px; padding-bottom: 8px;
  border: 1px solid; border-color: #E0E20C; }
div.tool p { margin: 0px; padding: 4px 8px; }
div.tool p.title { font-size: 120%; font-weight: bold;
  text-transform: uppercase;
  border-bottom: 1px solid; border-color: #E0E20C; color: #E0E20C; }
div.tool:hover p.title { background: #2E2E2C; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* content */

div#content h1 { padding-bottom: 0px;
  color: #E0E20C; text-shadow: #000000 1px 1px 2px; }
div#content h2 { color: #E0E20C; text-shadow: #000000 1px 1px 2px; }
div#content h3 { color: #E0E20C; text-shadow: #000000 1px 1px 2px; }
div#content h4 { color: #E0E20C; text-shadow: #000000 1px 1px 2px; }

div#content hr { border: none; height: 11px;
  background: url('../images/hr.png') repeat-x; }

div#content table { border-color: #E0E20C; }
div#content th { border-color: #E0E20C;
  background: #2E2E2C; color: #E0E20C; }
div#content td { border-color: #E0E20C; }

div#content legend { color: #E0E20C; text-shadow: #000000 1px 1px 2px; }

div#content a { color: inherit; }
div#content a[href] { color: #00FF66; }

div#footer p { margin: 1ex 0px; }
div#footer ul { margin: 1ex 0px; }
div#footer a { color: #FFFFFF; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* tricks */

.usability { display: none; }
.hx { color: #E0E20C; }
.legal { font-size: smaller; }

div#content .callout { border-color: #E0E20C; background: #2E2E2C; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* tabbed content */

div.tab_block div.tab_block { margin: 2ex 2em; }
ul.tab_nav { margin: 2ex 0px; padding: 0px; border-bottom: 1px solid; }
ul.tab_nav li { display: inline; margin: 0px; padding: 0px; list-style: none; }
ul.tab_nav li a { cursor: pointer; padding: 3px 0.5em;
  font-weight: bold; text-decoration: none; }
div#content ul.tab_nav li a { color: #00FF66; }
div#content ul.tab_nav li a.active { background: #2E2E2C; color: #E0E20C; }
div#content ul.tab_nav li a.active:after { content: "..."; }
div.inactive { display: none; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */