/* ------------------------------------------------------------------------------------------ */
/* Colors                                                                                     */
/*                                                                                            */
/* Yellow        #FFFF00                                                                      */
/* Gold          #CC9933                                                                      */
/* Baby ice blue #99FFFF                                                                      */
/* Red           #CC0033                                                                      */
/* Pink          #FF3399                                                                      */
/* Brown         #663300                                                                      */
/* Purple        #9966FF                                                                      */
/*                                                                                            */
/* ------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------ */
/* Basic Styles                                                                               */
/* ------------------------------------------------------------------------------------------ */

body                          {
                                 font-family:               "Century Gothic", "Gill Sans", Arial, sans-serif;
                                 font-size:                 62.5%;
                                 margin:                    0;
                                 padding:                   0;
                                 background-color:          #FFFFFF;
                                 min-width:                 1280px;
                              }

* html body                   {
                                 font-family:               "Century Gothic", "Gill Sans", Arial, sans-serif;
                                 font-size:                 62.5%;
                                 margin:                    0;
                                 padding:                   0;
                                 background-color:          #FFFFFF;
                              }

p,h1,h2,h3,h4,h5,h5,ul,ol     {
                                 margin:                    0px;
                                 padding:                   0px;
                              }

/* ------------------------------------------------------------------------------------------ */
/* List Styles                                                                               */
/* ------------------------------------------------------------------------------------------ */

ul,ol                         {
                                 font-family:               "Century Gothic", "Gill Sans", Arial, sans-serif;
                                 font-size:                 12pt;
                                 vertical-align:            top;
                              }
/* ------------------------------------------------------------------------------------------ */
/* Table Styles                                                                               */
/* ------------------------------------------------------------------------------------------ */

td                            {
                                 font-family:               "Century Gothic", "Gill Sans", Arial, sans-serif;
                                 font-size:                 12pt;
                                 vertical-align:            top;
                              }
tr.bar                        {
                                 background-color:          forestgreen;
                                 width:                     100%;
                              }
th                            {
                                 font-family:               "Century Gothic", "Gill Sans", Arial, sans-serif;
                                 font-size:                 10pt;
                                 font-weight:               bold;
                                 text-align:                left;
                              }

tr.odd                        { background-color:           #f8d48d;     }
tr.even                       { background-color:           #fbd2dc;     }
td.odd                        { background-color:           #f8d48d;     }
td.even                       { background-color:           #fbd2dc;     }
table.report                  { background-color:           #FFFFFF;     }
td.ccell                      {
                                 vertical-align:            middle;
                                 text-align:                center;
                              }
td.mcell                      {
                                 vertical-align:            middle;
                              }

/* ------------------------------------------------------------------------------------------ */
/* The "applicant" style is a table row style used to highlight the applicant record in a     */
/* list of records containing both the applicant and existing records.                        */
/* ------------------------------------------------------------------------------------------ */
tr.applicant                 {
                                background-color:          #008000;
                                font-weight:               bold;
                             }

tr.applicant td              {
                                color:                     white;
                             }

/* ------------------------------------------------------------------------------------------ */
/* Top Banner Styles                                                                          */
/* ------------------------------------------------------------------------------------------ */

.logo                         {
                                 padding:                  5px;
                                 height:                   220px;
                                 background-color:         #CC0033;
                              }

.image                        {
                                 height:                   200px;
                                 width:                    200px;
                                 margin-left:              20px;
                              }

#banner                       {
                                 position:                  relative;
                                 border:                    none;
                              }

#title                        {
                                 font-family:              "Century Gothic", "Gill Sans", Arial, sans-serif;
                                 font-weight:              bold;
                                 font-size:                60pt;
                                 color:                    #FFFF00;
                                 vertical-align:           middle;
                                 text-align:               center;
                                 background-color:         #CC0033;
                              }

#sbar                         {
                                 background-color:         #CC0033;
                              }

/* ------------------------------------------------------------------------------------------ */
/* Global styling to make all three columns equal height                                  */
/* ------------------------------------------------------------------------------------------ */

#layout                       {
                                 width:                    100%;
                                 border-collapse:          collapse;
                                 margin:                   0;
                              }

#main                         {
                                 padding:                  10px 10px 0px 10px;
                                 width:                    100%;
                              }

#admin                        {
                                 padding:                  10px 10px 0px 10px;
                                 width:                    100%;
                              }


#fullpage                     {
                                 padding:                  0px 0px;
                                 width:                    100%;
                              }

#sidebar                      {
                                 width:                    250px;
                                 padding-top:              10px;
                                 padding-left:             10px;
                                 font-weight:              bold;
                                 font-size:                12pt;
                                 background-color:         #CC9933;
                                 min-width:                250px;
                                 min-height:               800px;
                              }

#rightsidebar                 {
                                 width:                    250px;
                                 padding-top:              10px;
                                 text-align:               right;
                              }

/* ------------------------------------------------------------------------------------------ */
/* Right-hand sidebar styles                                                                  */
/* ------------------------------------------------------------------------------------------ */

#featured                     {
                                 border:                   5px solid #CC0033;
                                 width:                    250px;
                                 text-align:               right;
                                 margin-right:             5px;
                              }

#featured td                  {
                                 font-family:              "Century Gothic", "Gill Sans", Arial, sans-serif;
                                 font-weight:              bold;
                                 font-size:                16pt;
                                 text-align:               center;
                              }

#featured textarea            {
                                 font-family:              "Century Gothic", "Gill Sans", Arial, sans-serif;
                                 font-size:                10pt;
                              }

#donate                       {
                                 border:                   5px solid #CC0033;
                                 width:                    250px;
                                 text-align:               right;
                                 margin-right:             5px;
                              }

#donate td                    {
                                 font-family:              "Century Gothic", "Gill Sans", Arial, sans-serif;
                                 font-weight:              bold;
                                 font-size:                16pt;
                                 text-align:               center;
                              }

.sbitem                       {
                                 border:                   5px solid #CC0033;
                                 width:                    250px;
                                 text-align:               right;
                                 margin-right:             5px;
                              }

.sbitem td                    {
                                 font-family:              "Century Gothic", "Gill Sans", Arial, sans-serif;
                                 font-weight:              bold;
                                 font-size:                16pt;
                                 text-align:               center;
                              }

/* ------------------------------------------------------------------------------------------ */
/* Left-hand (Menu) Sidebar styles                                                            */
/* ------------------------------------------------------------------------------------------ */

#menu                         {
                                 padding-left:             20px;
                                 padding-right:            20px;
                                 list-style:               none;
                                 background-color:         #CC9933;
                              }

#menu li                      {
                                 color:                    #000000;
                                 display:                  inline;
                              }

#menu a                       {
                                 margin-bottom:            5px;
                                 text-decoration:          none;
                                 text-align:               center;
                                 display:                  block;
                                 padding:                  2px;
                                 color:                    #000000;
                                 line-height:              110%;
                                 background-color:         #9966FF;
                                 border:                   2px outset #DEBDFF;
                                 border-bottom-color:      #6443a8;
                                 border-right-color:       #6443a8;
                              }

#menu a:hover                 {
                                 color:                    #FFFFFF;
                                 background-color:         #9966FF;
                                 border:                   2px #6443a8 solid;
                                 border-bottom-color:      #927700;
                                 border-right-color:       #927700;
                              }

/* ------------------------------------------------------------------------------------------ */
/* Button Style 1:  This formats an address hyperlink reference to appear as and act like a   */
/*                  standard input button.  This button is Red with Yellow text, has a        */
/*                  beveled edge, and changes to white text on a purple background on a       */
/*                  mouse-over event.                                                         */
/* ------------------------------------------------------------------------------------------ */

.button a                     {
                                 margin-bottom:            5px;
                                 text-decoration:          none;
                                 text-align:               center;
                                 vertical-align:           middle;
                                 width:                    194px;
                                 display:                  block;
                                 padding-top:              4px;
                                 padding-bottom:           4px;
                                 color:                    #FFFF00;
                                 background-color:         #CC0033;
                                 font-weight:              bold;
                                 font-size:                12pt;
                                 border-top:               3px solid #f4cbd6;
                                 border-left:              3px solid #f4cbd6;
                                 border-bottom:            3px solid #660019;
                                 border-right:             3px solid #660019;
                              }

/* hack for IE 6 < to make entire block clickable */

* html .button a              {
                                 height:                   1px;
                              }

.button a:hover               {
                                 color:                    #FFFFFF;
                                 background-color:         #9966FF;
                                 border-top:               3px solid #660019;
                                 border-left:              3px solid #660019;
                                 border-bottom:            3px solid #f4cbd6;
                                 border-right:             3px solid #f4cbd6;
                              }

/* ------------------------------------------------------------------------------------------ */
/* Button Style 2:  This formats an input button to look the same as button style 1.          */
/* ------------------------------------------------------------------------------------------ */

.button input                 {
                                 margin-bottom:            5px;
                                 text-decoration:          none;
                                 text-align:               center;
                                 width:                    200px;
                                 display:                  block;
                                 padding:                  2px;
                                 color:                    #FFFF00;
                                 line-height:              110%;
                                 background-color:         #CC0033;
                                 font-weight:              bold;
                                 font-size:                12pt;
                                 border-top:               3px solid #f4cbd6;
                                 border-left:              3px solid #f4cbd6;
                                 border-bottom:            3px solid #660019;
                                 border-right:             3px solid #660019;
                              }

.button input:hover           {
                                 color:                    #FFFFFF;
                                 background-color:         #9966FF;
                                 border-top:               3px solid #660019;
                                 border-left:              3px solid #660019;
                                 border-bottom:            3px solid #f4cbd6;
                                 border-right:             3px solid #f4cbd6;
                              }


/* ------------------------------------------------------------------------------------------ */
/* Button Style 3:  This formats an input button to have the same color scheme as button      */
/*                  style1 and 2, but the height and width of these button are smaller, and   */
/*                  a small font is used.  These are special use buttons used to select the   */
/*                  previous or next image.                                                   */
/* ------------------------------------------------------------------------------------------ */

.imgbutton input              {
                                 margin-bottom:            5px;
                                 text-decoration:          none;
                                 text-align:               center;
                                 width:                    148px;
                                 display:                  inline;
                                 padding:                  1px;
                                 color:                    #FFFF00;
                                 line-height:              100%;
                                 background-color:         #CC0033;
                                 font-weight:              bold;
                                 font-size:                10pt;
                                 border-top:               3px solid #f4cbd6;
                                 border-left:              3px solid #f4cbd6;
                                 border-bottom:            3px solid #660019;
                                 border-right:             3px solid #660019;
                              }

/* hack for IE 6 < to make entire block clickable */

* html .imgbutton input       {
                                 height:                   1px;
                              }

.imgbutton input:hover        {
                                 color:                    #FFFFFF;
                                 background-color:         #9966FF;
                                 border-top:               3px solid #660019;
                                 border-left:              3px solid #660019;
                                 border-bottom:            3px solid #f4cbd6;
                                 border-right:             3px solid #f4cbd6;
                              }

/* ------------------------------------------------------------------------------------------ */
/* Main Window Styles                                                                         */
/* ------------------------------------------------------------------------------------------ */

h1                            {
                                 color:                    #CC0033;
                                 margin-top:               10px;
                                 margin-bottom:            5px;
                                 font-size:                20pt;
                                 font-weight:              bold;
                                 line-height:              100%;
                                 vertical-align:           middle;
                                 text-align:               center;
                              }

h2                            {
                                 color:                    #CC0033;
                                 margin-top:               10px;
                                 margin-bottom:            5px;
                                 font-size:                14pt;
                                 font-weight:              bold;
                                 line-height:              100%;
                                 vertical-align:           middle;
                                 text-align:               center;
                              }

.section                      {
                                 display:                  inline;
                                 color:                    #999999;
                                 font-weight:              normal;
                              }

.floatRight                   {
                                 float:                    right;
                                 margin:                   5px 10px 2px 15px;
                              }

img.floatRight                {
                                 border:                   2px solid #000000;
                              }

p                             {
                                 color:                    #000000;
                                 font-size:                12pt;
                              }

/* ------------------------------------------------------------------------------------------ */
/* Footer Styles                                                                              */
/* ------------------------------------------------------------------------------------------ */

#copyright                    {
                                 font-family:              "Century Gothic", "Gill Sans", Arial, sans-serif;
                                 font-weight:              bold;
                                 font-size:                10pt;
                                 vertical-align:           middle;
                                 text-align:               center;
                                 height:                   2em;
                              }

p.unsubscribe                 {
                                 font-family:              "Century Gothic", "Gill Sans", Arial, sans-serif;
                                 font-weight:              lighter;
                                 font-size:                8pt;
                                 vertical-align:           middle;
                                 text-align:               center;
                              }

/* ------------------------------------------------------------------------------------------ */
/* ID Selector Styles                                                                         */
/*                                                                                            */
/* title             : Defines the formatting for the title paragraph.(p) element.            */
/* main              : Defines the formatting for the main area                               */
/* intro             : Defines the formatting for the introductory paragraph.                 */
/* ------------------------------------------------------------------------------------------ */

p.title                       {
                                 font-family:              "Century Gothic", "Gill Sans", Arial, sans-serif;
                                 font-weight:              bold;
                                 font-size:                14pt;
                                 vertical-align:           middle;
                                 text-align:               left;
                              }

li.tools                      {
                                 font-family:              "Century Gothic", "Gill Sans", Arial, sans-serif;
                                 font-size:                10pt;
                                 text-align:               left;
                                 margin-left:              30px;
                              }

#intro                        {
                                 font-family:              "Century Gothic", "Gill Sans", Arial, sans-serif;
                                 font-weight:              bold;
                                 font-size:                14pt;
                                 vertical-align:           middle;
                                 text-align:               center;
                              }

/* ------------------------------------------------------------------------------------------ */
/* Global Selectors                                                                           */
/* ------------------------------------------------------------------------------------------ */
.missing                      { color:                     red;         }
.pastdue                      { color:                     red;         }
.due                          { color:                     black;       }
.bold                         { font-weight:               bold;        }
.error                        {
                                 font-weight:              bold !important;
                                 color:                    red;
                                 text-align:               left;
                                 font-size:                12pt;
                              }
.excuses                      {
                                 color:                    black;
                                 text-align:               left;
                                 font-size:                12pt;
                              }
.reason                       {
                                 font-weight:              bold !important;
                                 color:                    red;
                                 text-align:               left;
                                 font-size:                12pt;
                                 font-style:               italic;
                              }
.label                        {
                                 font-weight:              bold !important;
                                 color:                    black;
                                 text-align:               left;
                              }
.value                        {
                                 color:                    black;
                                 text-align:               left;
                              }
.block                        {
                                 font-weight:              bold !important;
                                 color:                    black;
                                 text-align:               right;
                              }
.grayed                       {
                                 font-weight:              bold;
                                 color:                    black;
                                 text-align:               right;
                                 background-color:         #DDDDDD;
                              }
.grayedLeft                   {
                                 font-weight:              bold;
                                 color:                    black;
                                 text-align:               left;
                                 background-color:         #DDDDDD;
                              }
.graybar                      {
                                 font-weight:              bold !important;
                                 color:                    black;
                                 text-align:               left;
                                 background-color:         #DDDDDD;
                                 margin-top:               20px;
                              }
.boldlink                     {
                                 font-family:              Verdana, Arial, Helvetica, san-serif;
                                 font-size:                10pt;
                                 font-weight:              bold;
                              }
.sbar                         {
                                 text-align:               left;
                                 background-color:         #CC0033;
                                 color:                    #FFFF00;
                                 font-weight:              bold;
                                 font-size:                12pt;
                                 border-top:               3px solid #f4cbd6;
                                 border-left:              3px solid #f4cbd6;
                                 border-bottom:            3px solid #660019;
                                 border-right:             3px solid #660019;
                              }

.minisbar                     {
                                 background-color:         #CC0033;
                                 color:                    #CC0033;
                                 height:                   6px;
                                 border-top:               2px solid #f4cbd6;
                                 border-left:              2px solid #f4cbd6;
                                 border-bottom:            2px solid #660019;
                                 border-right:             2px solid #660019;
                              }
.crypto                       {
                                 font-family:              "Lucida Console", "Courier New", Courier, mono;
                                 font-size:                8pt;
                              }
.mcselect                     {
                                 font-family:              "Lucida Console", "Courier New", Courier, mono;
                                 font-size:                10pt;
                              }
.mcoption                     {
                                 font-family:              "Lucida Console", "Courier New", Courier, mono;
                                 font-size:                10pt;
                              }
.bodylist                     {
                                 font-family:               "Century Gothic", "Gill Sans", Arial, sans-serif;
                                 font-size:                 13pt;
                                 margin-left:               4em;
                              }
.tlist                        {
                                 font-family:               "Century Gothic", "Gill Sans", Arial, sans-serif;
                                 font-size:                 12pt;
                              }
.pawprint                     {
                                 height:                   20px;
                                 width:                    20px;
                              }

.edlink                       {
                                 color:                    rgb(0, 0, 255);
                                 font-size:                10pt;
                              }
.floatingBox                  {
                                 float:                    left;
                                 background-color:         #f8efef;
                                 border:                   1px #000000 solid;
                                 padding-left:             10px;
                                 padding-right:            10px;
                                 padding-bottom:           10px;
                                 margin-right:             10px;
                              }
.tableBox                     {
                                 color:                    red;
                                 font-weight:              bold;
                                 text-align:               left;
                                 background-color:         #f8efef;
                                 border:                   1px #000000 solid;
                                 padding-left:             10px;
                                 padding-right:            10px;
                                 padding-bottom:           10px;
                                 margin-right:             10px;
                              }

a.sortheader                  {
                                 color:                    blue;
                                 text-decoration:          none;
                              }
