/* =========================================== */
/*            GENERAL CONFIGURATION            */
/* =========================================== */

   body {
      padding:             0px;
      margin:              0px;
      border:              0px;
      font-family:         tahoma;
      font-weight:         normal;
      font-size:           10px;
      background-position: top left;
      background-repeat:   no-repeat; }

   body * {
      font-family: tahoma; }

   a, * a, a:visited, * a:visited {
      font-weight: bold; }

   .noBackground {
      background: transparent; }

   a, table a, td a, #subPageContainerInterior a, .purpleDrawers a, a:visited, table a:visited, td a:visited, #subPageContainerInterior a:visited,
   .purpleDrawers a:visited {
      font-weight: bold;
      font-family: tahoma; }

   table {
      border-collapse: collapse; 
      font-family:     tahoma;
      font-size:       10px;
      font-weight:     normal; }

   table tbody tr td, table tbody tr th {
      padding:     0px 0px 0px 0px;
      margin:      0px 0px 0px 0px;
      line-height: 1.3em; }

   table thead tr td, table thead tr th {
      padding:     0px 0px 0px 0px;
      margin:      0px 0px 0px 0px;
      line-height: 1.3em; }

   td {
      font-family: tahoma;
      font-weight: normal;
      font-size:   10px; }

   td a, td a:link {
      text-decoration: none; }

   td a:visited {
      text-decoration: none; }

   td a:hover, td a:focus {
      text-decoration: none; }

   th a, td a:active {
      text-decoration: none; }

   #subPageTop {
      height:   240px;
      overflow: hidden; }

   #pageContentWrapper, #subPageContainer, #subPageContainerInterior {
      height:     100%;
      text-align: left; }

   #subContentAreaInterior, #pageContentWrapper, #subPageContainer, #subPageContainerInterior, #subContentAreaInterior *, #convio_appWrapper,
   #convio_appWrapper * {
      font-family: tahoma;
      font-size:   11px; }

   #subContentAreaInterior table, #subContentAreaInterior div {
      text-align: left; }

   #rightNav {
      width:   224px;
      margin:  0px;
      padding: 0px; }


/* =========================================== */
/*                MSIE PNG FIX                 */
/* =========================================== */

   img {
      behavior: url(../lib/iepngfix.htc); }

/* =========================================== */
/*             INVISIBLE OBJECTS               */
/* =========================================== */

   .css_image_preloader {
      height:    0px;
      width:     0px;
      font-size: 1px;
      overflow:  hidden;
      display:   hidden; }


/* =========================================== */
/*                PANEL SPACER                 */
/* =========================================== */

   .spacer_5px {
      height:      5px;
      width:       5px;
      line-height: 5px;
      font-size:   5px;
      overflow:    hidden; }


/* =========================================== */
/*                    PANELS                   */
/* =========================================== */

   #adSpace {
      padding:    4px 0px 4px 0px;
      margin:     0px 0px 0px 0px;
      height:     98px;
      width:      728px;
      overflow:   hidden;
      text-align: center; }

   #mainBanner {
      padding:    0px 0px 0px 0px;
      margin:     0px 0px 0px 0px;
      height:     322px;
      width:      728px;
      overflow:   hidden;
      text-align: center; }

   #subBanner {
      padding:    0px 0px 0px 0px;
      margin:     0px 0px 0px 0px;
      height:     191px;
      width:      728px;
      overflow:   hidden;
      text-align: center; }

   #getOutTheVote {
      padding:    10px 0px 0px 8px;
      text-align: left;
      height:     112px;
      _height:    122px;
      width:      216px;
      overflow:   hidden; }

   #suggestedReading {
      padding:    10px 0px 0px 8px;
      text-align: left;
      height:     277px;
      _height:    287px;
      width:      216px;
      overflow:   hidden; }

   #suggestedReading table tr td {
      border-bottom: 1px dotted; }

   #subContentAreaInterior {
      margin-left:  20px;
      margin-right: 20px;
      width:        459px; }


/* =========================================== */
/*                COLOR SELECTOR               */
/* =========================================== */

   div.colors {
      padding:  0px 0px 0px 0px;
      margin:   0px 0px 0px 0px;
      height:   13px;
      width:    728px;
      overflow: hidden; }

   table.colors, .colors table {
      padding:          0px 0px 0px 0px;
      margin:           0px 0px 0px 0px;
      background-color: transparent; }


/* =========================================== */
/*             DROP-DOWN NAVIGATION            */
/* =========================================== */

   div.topNav, .topNav div {
      padding:  0px 0px 0px 0px;
      margin:   0px 0px 0px 0px;
      height:   39px;
      width:    728px;
      overflow: hidden; }

   div.topNav {
      position: relative;
      z-index:  6; }


   table.topNav td, .topNav table tbody tr td {
      padding:  0px 0px 0px 0px;
      margin:   0px 0px 0px 0px; }

   #live, #learn, #engage, #share {
      display:             block;
      height:              39px;
      width:               180px;
      overflow:            hidden;
      padding:             0px;
      margin:              0px;
      text-decoration:     none;
      background-position: 50% 50%;
      background-repeat:   no-repeat; }

   #share {
      width: 179px; }

   #live:hover, #learn:hover, #engage:hover, #share:hover {
      background-position: 51% 51%; }

   .topNav a span {
      display:     none;
      _display:    block;
      visibility:  hidden;
      _visibility: visible;
      position:    relative;
      _position:   absolute;
      z-index:     -1;
      top:         -30px;
      left:        24%;
      _top:        8px;
      _left:       24%; }

   .topNav a:hover {
      _position: relative;
      _top:      2px;
      _left:     2px; }


/* =========================================== */
/*             MID-LEVEL NAVIGATION            */
/* =========================================== */

   div.midNav, .midNav div {
      padding:  0px 0px 0px 0px;
      margin:   0px 0px 0px 0px;
      height:   39px;
      width:    728px;
      overflow: hidden; }

   table.midNav {
      height:   39px;
      width:    100%;
      overflow: hidden; }

   table.midNav td, .midNav table tbody tr td {
      padding:  0px 0px 0px 0px;
      margin:   0px 0px 0px 0px;
      height:   39px;
      overflow: hidden; }

   div.midNav table tbody tr td a {
      display:          block;
      height:           39px;
      width:            auto;
      overflow:         hidden;
      padding:          10px 2px 2px 0px;
      margin:           0px;
      text-align:       center;
      text-decoration:  none;
      font-family:      Verdana;
      font-weight:      bold;
      font-size:        11px; }

   .midNav a span {
      display:        block;
      visibility:     visible;
      position:       relative;
      z-index:        -1;
      top:            -11px;
      left:           2px;
      height:         100%;
      width:          100%;
      color:          #774477;
      -moz-opacity:   0.20;
      -khtml-opacity: 0.20;
      opacity:        0.20;
      filter:         alpha(opacity=20); }

   .midNav a:hover span {
      display:        block;
      visibility:     none;
      position:       relative;
      z-index:        -1;
      top:            -12px;
      left:           1px;
      height:         100%;
      width:          100%;
      color:          #333333;
      -moz-opacity:   0.01;
      -khtml-opacity: 0.01;
      opacity:        0.01;
      filter:         alpha(opacity=01); }

   div.midNav table tbody tr td a:hover {
      padding: 12px 0px 0px 2px; }


/* =========================================== */
/*              LEFT SUB-NAVIGATION            */
/* =========================================== */

   .leftNav a, a.leftNav {
      display:       block;
      width:         204px;
      _width:        214px;
      overflow:      hidden;
      font-family:   tahoma;
      font-weight:   normal;
      font-size:     10px;
      text-align:    left;
      border-bottom: 1px solid;
      padding:       5px;
      margin-left:   5px;
      margin-right:  5px; }

   #leftSubNav, #subContentArea, #leftSubNavContainer, #subContentAreaInterior {
      height: 100%; }

/* =========================================== */
/*         PAGE FOOTER AND COPYRIGHT           */
/* =========================================== */

   #pageFooter {
      height:   34px;
      _height:  35px;
      overflow: hidden; }

/* =========================================== */
/*            PURPLE DRAWERS / TABS            */
/* =========================================== */

   /* Drawer Handles/Tab Titles */
   ul.purpleDrawers li h3, .purpleDrawers ul li h3, ul.purpleTabs li h3, .purpleTabs ul li h3 {
      font-weight: bold; }

   /* Drawer/Tab Content */
   ul.purpleDrawers li table, .purpleDrawers ul li table, ul.purpleTabs li table, .purpleTabs ul li table {
      margin: 5px 5px 5px 5px; }

   /* Drawer/Tab Panel Links */
   ul.purpleDrawers li table a, .purpleDrawers ul li table a, ul.purpleTabs li table a, .purpleTabs ul li table a {
      font-family: tahoma; }

/* =========================================== */
/*               CONVIO OVER-RIDE              */
/* =========================================== */

   /* Login Container Over-ride */
   #loginContainer, #loginContainer * {
      font-family: tahoma;
      font-weight: normal;
      font-size:   10px; }

   img#loginTitle {
      position: relative;
      z-index:  1;
      top:      1px;
      left:     -10px;
      _left:    -5px; }

   #loginContainerWrapper {
      display:       block;
      position:      absolute;
      z-index:       2;
      height:        auto;
      width:         203px;
      overflow:      hidden; }

   #loginContainer {
      display:       block;
      position:      absolute;
      height:        120px;
      width:         203px;
      overflow:      hidden;
      top:           16px;
      _top:          -12px;
      text-align:    center;
      padding-left:  10px;
      _padding-left: 9px; }

   #LogonForm {
      display:       block;
      position:      relative;
      height:        120px;
      width:         196px;
      overflow:      hidden;
      top:           15px;
      _top:          -9px;
      left:          -11px;
      text-align:    center;
      padding-left:  10px;
      _padding-left: 9px; }

   #loginContainer #LogonForm input {
      position:       relative;
      border-left:    2px solid #666666;
      border-top:     2px solid #666666;
      border-bottom:  2px solid #ffffff;
      border-right:   2px solid #ffffff;
      margin-bottom:  3px;
      _margin-bottom: 0px;
      left:           -10px;
      width:          130px;
      font-family:    Verdana;
      font-size:      10px; }

   #loginContainer #LogonForm table table table label {
      position: relative;
      top:      -10px;
      _top:     -20px; }

   #loginContainer input#RememberMe {
      position: relative;
      top:      4px;
      _top:     2px;
      left:     -2px;
      border:   0px;
      width:    auto; }

   #loginContainer #memberLogin img, #loginContainer #login {
      display:    none;
      visibility: hidden;
      height:     0px; }

   #login {
      height: 22px; }
/*
   #loginContainer a.login, #loginContainer .login a {
      display:             block;
      position:            relative;
      _position:           absolute;
      z-index:             300;
      top:                 -22px;
      _top:                69px;
      left:                -70px;
      _left:               7px;
      height:              13px;
      width:               138px;
      overflow:            hidden;
      background-position: top left;
      background-repeat:   no-repeat;
      padding-top:         20px; }
*/
   #loginTabs {
      height:   142px;
      width:    224px;
      overflow: hidden; }

   .tabLoginShadow {
      display:  block;
      position: relative;
      z-index:  1;
      top:      -115px;
      left:     5px;
      height:   120px;
      width:    204px;
      border:   0px; }

   .tabRegisterShadow {
      display:  block;
      position: relative;
      z-index:  1;
      top:      -104px;
      left:     13px;
      height:   120px;
      width:    204px;
      border:   0px; }

   #loginContainer {
      position: relative;
      z-index:  1;
      height:   120px;
      width:    204px;
      top:      0;
      left:     0; }

   #loginContainer input#login {
      display:    block;
      position:   relative;
      visibility: hidden;
      z-index:    100;
      height:     11px;
      width:      22px;
      top:        -5px;
      _top:       -13px;
      left:       -9px;
      _left:      -5px;
      border:     0px; }

   #loginContainer table {
      height: 120px;
      width:  204px; }

   /* Why Register Container Over-ride */
   #registerContainer, #registerContainer * {
      font-family: tahoma;
      font-weight: normal;
      font-size:   10px; }

   #registerContainer a, #registerContainer div a, #registerContainer a:visited, #registerContainer div a:visited {
      font-weight: bold; }

   #registerContainer {
      position: relative;
      z-index:  0;
      height:   120px;
      width:    204px;
      top:      22px;
      left:     20px; }

   #registerContent {
      position: relative;
      z-index:  0;
      height:   100px;
      _height:  120px;
      width:    174px;
      _width:   204px;
      padding:  10px 10px 10px 20px;
      _padding:  10px 10px 10px 20px; }

   #registerContainer img {
      position: relative;
      top:      93px;
      left:     58px; }

   #registerContainer table {
      height: 120px;
      width:  204px; }

   #convio_appWrapper *, #convio_appWrapper input {
      font-family: tahoma;
      font-size:   10px;
      font-weight: normal; }

   #convio_appWrapper a, #convio_appWrapper a:visited {
     font-weight: bold; }

   div#convio_appWrapper {
      padding:     20px -10px 0px 0px;
      width:       100%;
      font-family: tahoma;
      font-size:   10px;
      font-weight: normal; }

   #convio_appWrapper {
      margin-top: 20px; }

   #convio_appWrapper p, #convio_appWrapper table, #convio_appWrapper p form table, #convio_appWrapper form, #convio_appWrapper form table {
      font-family: tahoma;
      font-size:   11px;
      padding: 0px;
      margin:  0px; }

   #convio_appWrapper form table table {
      position: relative;
      left:     -20px;
      padding:  10px 0px 0px 0px;
      margin:   0px; }

   #convio_appWrapper form table table td {
      padding: 0px 10px 5px 0px; }

   #convio_appWrapper form table table table {
      position: relative;
      left:     0px;
      padding:  0px;
      margin:   0px; }

   #convio_appWrapper table, #convio_appWrapper p table {
      width: auto; }

   #convio_appWrapper t {
      margin: 0px 0px 5px 0px; }

   #convio_appWrapper p.headline {
      font-family: tahoma;
      font-size:   24px;
      font-weight: bold; }

   #convio_appWrapper input, #convio_appWrapper select, #convio_appWrapper select option {
      font-family: tahoma;
      font-size:   12px;
      font-weight: normal; }

   #convio_appWrapper span.Explicit, #convio_appWrapper label {
      font-family: tahoma;
      font-size:   11px; }

   #passwordComponent {
      display: block; }
