﻿/* 1) HTML Styles
----------------------------------------------------------------------------- */
body
  {margin:auto; padding:0; border:0;
  text-align:center;
  background:#000000; color:#AAAAAA;
  font-family:arial,helvetica,futura,century gothic; font-size:11pt; font-weight:normal; text-decoration:none;}

/* 2) Base Styles
----------------------------------------------------------------------------- */
.hide {visibility:hidden;}
.show {visibility:visible;}
.hide-child .dropmenu {}
.show-child .dropmenu {}

/* 3) Layout Styles
----------------------------------------------------------------------------- */
.columns-1
  {display:block; width:99%;
  float:left;
  margin:2px 0px 0px 0px; padding:0px .4% 0px .5%;}
.columns-2
  {display:block; width:100%;
  float:left;
  margin:2px 0px 0px 0px; padding:0px;}
  .columns-2 .left
    {display:block; width:49%;
    float:left;
    margin:0px; padding:0px .4% 0px .5%;}
  .columns-2 .right
    {display:block; width:49%;
    float:left;
    margin:0px; padding:0px .4% 0px .5%;}
  .columns-2 .right img
    {display:block; width:100%;}
  .columns-2 .small
    {display:block; width:29%;
    float:left;
    margin:0px; padding:0px .4% 0px .5%;}
  .columns-2 .large
    {display:block; width:69%;
    float:left;
    margin:0px; padding:0px .4% 0px .5%;}
.columns-3
  {display:block; width:100%;
  float:left;
  margin:2px 0px 0px 0px; padding:0px;
  vertical-align:middle;}
  .columns-3 .even
    {display:block; width:32.6%;
    float:left;
    margin:0px; padding:0px .25% 0px .25%;
    vertical-align:middle;}
  .columns-3 .left
    {display:block; width:24%;
    float:left;
    margin:0px; padding:0px .4% 0px .5%;
    vertical-align:middle;}
  .columns-3 .middle
    {display:block; width:49%;
    float:left;
    margin:0px; padding:0px .5% 0px .5%;
    vertical-align:middle;}
  .columns-3 .right
    {display:block; width:24%;
    float:left;
    margin:0px; padding:0px .5% 0px .4%;
    vertical-align:middle;}

/* 3) Section Styles
----------------------------------------------------------------------------- */
#page
  {display:block; width:80%;
  text-align:center; vertical-align:bottom;
  margin:auto; padding:1px; border-width:0px; border-style:solid; border-color:#FFFFFF;}
  #page .header
    {display:block;
    border-width:0px 0px 0px 0px; border-style:solid; border-color:#FFFFFF}
  #page .pbody
    {text-align:left; border-width:0px 0px 0px 0px; border-style:solid; border-color:#FFFFFF;}
  #page .footer
    {margin:.25% 0px 0px 0px; padding:0px;
    border-width:1px 0px 0px 0px; border-style:solid; border-color:#CCCCCC;
    text-align:center;}
    .footer .left  {text-align:left;}
    .footer .right  {text-align:right;}


/* 4) Content Styles
----------------------------------------------------------------------------- */
.header .banner
  {display:block;
  vertical-align:middle;
  border-width:0px 0px 0px 0px; border-style:solid;
  color:#FFFFFF;
  font-size:larger;}
  .banner .logo
    {}
  .banner .name
    {}
  .banner .slogan
    {}
  .banner .byline
    {}

.pbody .body-section
  {display:block; width:100%;}
  .body-section .minwidth
  {display:block; width:585px; height:1px;
  margin:0; padding:0;}

.footer .credits    {font-size:smaller; font-weight:normal;}
  .credits a        {color:#F0E68C; font-weight:bold; text-decoration:none;}
  .credits a:hover  {color:#F0E68C; font-weight:bold; text-decoration:underline;}

.content                {text-align:left; padding:0px 0px 1em 0px;}
  .content .heading     {padding:2px 0px 0px 0px; font-weight:bold; color:#F0E68C; border-width:0px 0px 0px 0px; border-style:solid; border-color:#FFFFFF;}
    .heading .title     {text-decoration:underline;}
    .heading a          {color:#F0E68C; text-decoration:none;}
    .heading a:hover    {color:#F0E68C; text-decoration:underline;}
  .content .text        {color:#AAAAAA; padding:0px 0px 2px 0px; border-width:0px; font-weight:normal;}
    .text a             {color:#F0E68C; font-weight:normal; text-decoration:none;}
    .text a:hover       {color:#F0E68C; font-weight:normal; text-decoration:underline;}
  .content .info        {font-size:smaller;}
  .content img          {border-width:0px; border-style:solid; border-color:#000000;}


/* 5) Object Styles
----------------------------------------------------------------------------- */
.h-navbar
  {display:block;
  float:right;
  margin:0px; padding:0px;
  background:#000000; color:#AAAAAA;
  font-size:smaller; font-weight:normal;
  text-align:center;}
  .h-navbar .separator    {}
  .h-navbar .navbutton
    {display:block; list-style:none;
    margin:0px 1px 0px 1px;
    border-width:0px 0px 0px 0px; border-style:solid; border-color:#000000;
    float:left; text-align:center;
    background:#000000;}
    .h-navbar .navbutton .navlink
      {display:block;
      margin:0px 2px 0px 2px; padding:2px 0px 2px 0px;
      background:#000000; color:#DDDDDD;
      font-weight:bold; text-decoration:none;
      text-align:center;}
    .h-navbar .navbutton .here
      {display:block;
      margin:0px 2px 0px 2px; padding:2px 0px 2px 0px; border:0;
      color:#F0E68C;
      font-weight:bold; text-decoration:none;}
  .h-navbar:hover       {}
    .h-navbar:hover .navbutton
      {display:block; margin:0px 1px 0px 1px; padding:0px;}
    .h-navbar:hover .navbutton:hover
      {display:block; margin:0px 1px 0px 1px; padding:0px;}
      .h-navbar:hover .navbutton:hover .navlink
        {display:block;
        font-weight:bold; text-decoration:none;}
      .h-navbar:hover .navbutton:hover .navlink:hover
        {display:block;
        color:#F0E68C;
        font-weight:bold; text-decoration:none;}
.v-navbar
  {background:#000000; color:#000000;
  font-size:smaller; font-weight:normal;}
  .v-navbar .separator
    {list-style:none; width:100%;
    margin:2px 0px 0px 0px;
    background:#000000; color:#FFFFFF;}
  .v-navbar .navbutton
    {display:block; list-style:none; width:100%;
    margin:2px 0px 0px 0px;
    border-color:#FFFFFF;}
    .v-navbar .navbutton .navlink
      {display:block; width:100%;
      margin:0; padding:0; border:0;
      color:#F0E68C;
      text-decoration:none;}
    .v-navbar .navbutton .here
      {display:block; width:100%;
      margin:0; padding:0; border:0;
      background:#000000; color:#F0E68C;
      font-weight:normal; text-decoration:none;}
  .v-navbar:hover
    {}
    .v-navbar:hover .navbutton
      {width:100%; color:#FFFFFF;}
    .v-navbar:hover .navbutton:hover
      {width:100%; color:#FFFFFF;}
      .v-navbar .navbutton:hover .navlink
        {display:block; width:100%;
        margin:0; padding:0; border:0;
        background:#000000; color:#F0E68C;
        font-weight:normal; text-decoration:underline;}
      .v-navbar .navbutton:hover .navlink:hover
        {display:block; width:100%;
        margin:0; padding:0; border:0;
        background:#000000; color:#F0E68C;
        font-weight:normal; text-decoration:underline;}
