/*

  =====================================================
                       COLOR PANEL
  =====================================================
   Scheme      Light      Standard   Medium     Dark
  =====================================================
   Red    =    ff3333     cc0000     990000     480000
   Orange =    ffbb22     ff9900     cc6600     663300
   Yellow =    ffff33     cccc00     999900     666600
   Green  =    66cc66     339933     006600     003300
   Blue   =    99ccff     6699cc     336699     1c2737
   Purple =    cc66cc     993399     660066     330033
   White  =    ffffff     e2e2e2     ffffff     b2b2b2
  =====================================================

*/


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

   body {
      background-color: #663300;
      background-image: url(../../images/Purple_Crayons/orange/background.gif); }

   *, a, a:visited, * a, * a:visited {
      color: #ffffff; }

   a:hover, * a:hover, a:active, * a:active, #suggestedReading a:hover, .purpleDrawers a:hover, .purpleTabs a:hover, .purpleTabs ul li div a:hover,
   #pageFooter a:hover, #subContentAreaInterior p a:hover, #loginContainer a:hover, #subContentAreaInterior div a:hover, .spaceFiller a:hover,
   #registerContainer a:hover, #registerContainer a:active, #registerContainer div a:hover, #registerContainer div a:active, #getOutTheVote a:hover,
   #getOutTheVote a:active, #subContentAreaInterior ul li a:hover, #subContentAreaInterior ul li a:active {
      color: #993300; }


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

   #live {
      background-image: url(../../images/Purple_Crayons/orange/b_live.gif); }

   #learn {
      background-image: url(../../images/Purple_Crayons/orange/b_learn.gif); }

   #engage {
      background-image: url(../../images/Purple_Crayons/orange/b_engage.gif); }

   #share {
      background-image: url(../../images/Purple_Crayons/orange/b_share.gif); }


/* =========================================== */
/*             PNG IMAGE REPLACEMENT           */
/* =========================================== */

   #loginTitle {
      background-image: url(../../images/Purple_Crayons/orange/ttl_login.gif); }

   #whyregister {
      background-image: url(../../images/Purple_Crayons/orange/whyregister.gif); }

   #ttl_vote {
      background-image: url(../../images/Purple_Crayons/orange/ttl_poll.gif); }

   #ttl_resources {
      background-image: url(../../images/Purple_Crayons/orange/ttl_resources.gif); }

   #ttl_difference {
      background-image: url(../../images/Purple_Crayons/orange/ttl_difference.gif); }

   #f_logo {
      background-image: url(../../images/Purple_Crayons/orange/f_logo.gif); }

   #ttl_voices {
      background-image: url(../../images/Purple_Crayons/orange/ttl_voices.gif); }

   #ttl_story {
      background-image: url(../../images/Purple_Crayons/orange/ttl_story.gif); }


/* =========================================== */
/*                  TEXT COLOR                 */
/* =========================================== */

   div.roundedCorners, .roundedCorners div, #convio_appWrapper, .appArea, #convio_appWrapper p, #convio_appWrapper a, #convio_appWrapper a:visited,
   div.midNav table tbody tr td a, #pageFooter, #pageFooter a, ul.purpleDrawers li h3, .purpleDrawers ul li h3, .submenu_title,
   ul.purpleDrawers li h3.inactiveDrawer, .purpleDrawers ul li h3.inactiveDrawer, ul.purpleDrawers li, .purpleDrawers ul li, div.purpleDrawers,
   .purpleDrawers div, a.purpleTab, .purpleTab a, a.purpleTab_selected, .purpleTab_selected a, .purpleTabLink, .purpleTabLink:visited,
   a.purpleTab_selected:hover, .purpleTab_selected a:hover, ul.purpleTabs li, .purpleTabs ul li, div.purpleTabs, .purpleTabs div,
   .purpleTab_selected, ul.purpleTabs li table a, .purpleTabs ul li table a, div.purpleTabs table a, .purpleTabs div table a, #loginContainer,
   #loginContainer *, #registerContainer, #registerContainer *, .purpleTabs p, .purpleTabs div, .purpleTabs table, .purpleTabs div table,
   .purpleTabs div p, .putpleTabs div table p, .purpleDrawers a, #suggestedReading a, #subContentAreaInterior p a, #subContentAreaInterior p a:active,
   #subContentAreaInterior p a:visited, .leftNav a, a.leftNav, #leftSubNavContainer a, #leftSubNavContainer a:visited,
   #subContentAreaInterior form table p a, #subContentAreaInterior form table p a:active, #subContentAreaInterior form table p a:visited,
   #subContentAreaInterior div a, .spaceFiller a, #getOutTheVote a, #getOutTheVote a:visited,#subContentAreaInterior ul li a,
   #subContentAreaInterior ul li a:visited {
      color: #ffffff; }

   #subContentAreaInterior form select, #subContentAreaInterior form select option, #subContentAreaInterior form input,
   #subContentAreaInterior form textarea {
      color: #000000; }


/* =========================================== */
/*              LIGHT BACKGROUNDS              */
/* =========================================== */

   ul.purpleDrawers li h3.activeDrawer, .purpleDrawers ul li h3.activeDrawer, #registerContainer, #registerContainer * {
      background-color: #ffbb22; }


/* =========================================== */
/*              MEDIUM BACKGROUNDS             */
/* =========================================== */

   #loginContainer input, .leftNav a:hover, a.leftNav:hover, .submenu_title:hover, ul.purpleDrawers li h3, .purpleDrawers ul li h3,
   ul.purpleDrawers li h3.inactiveDrawer, .purpleDrawers ul li h3.inactiveDrawer, ul.purpleTabs li h3, .purpleTabs ul li h3, .purpleTabContainer,
   .purpleTabFooter, div.purpleTabFooter, .purpleTabFooter div {
      background-color: #cc6600; }


/* =========================================== */
/*             STANDARD BACKGROUNDS            */
/* =========================================== */

   table tbody tr td table, #adSpace, #mainBanner, #subBanner, div.roundedCorners, .roundedCorners div, #convio_appWrapper, .appArea,
   #convio_appWrapper p, div.midNav table tbody tr td a, #pageFooter, #pageFooter a, ul.purpleDrawers li, .purpleDrawers ul li, div.purpleDrawers,
   .purpleDrawers div, ul.purpleTabs li, .purpleTabs ul li, div.purpleTabs, .purpleTabs div, .purpleTab_selected, #loginContainer, #loginContainer * {
      background-color: #ff9900; }


/* =========================================== */
/*               MENU BACKGROUNDS              */
/* =========================================== */

   .submenu_title, .submenu_title:visited, .submenu_title:link {
      background-color: #993300;
      color:            #eeeeee; }

   .submenu_title:hover {
      background-color: #cc6600;
      color:            #ffffff; }


/* =========================================== */
/*               DARK BACKGROUNDS              */
/* =========================================== */

   b.niftycorners, b.niftyfill, .menuSeparator {
      background-color: #663300; }


/* =========================================== */
/*                CONVIO FORMS                 */
/* =========================================== */

   #convio_appWrapper input, #convio_appWrapper p input {
      color: #000000; }


/* =========================================== */
/*                   BORDERS                   */
/* =========================================== */

   .leftNav a, .leftNav a:visited, .leftNav a:hover, .leftNav a:active, a.leftNav, a.leftNav:visited, a.leftNav:hover, a.leftNav:active,
   .leftNav, #leftSubNavContainer a, #leftSubNavContainer a:visited, #leftSubNavContainer:hover, #leftSubNavContainer a:active {
      border-color: #ffffff; }