/* ============================================================ */
/* Styles for look-and-feel                                     */
/*                                                              */
/* WARNING: order is significant.  Later styles override        */
/*          earlier ones.                                       */
/*                                                              */
/* The "metastyles" comments refer to the name of the db        */
/* so-called "style" that is used to generate the "real"        */
/* CSS styles.                                                  */
/*                                                              */
/* ============================================================ */

H1, .heading1
{ 
  color                 : #800000;
  font-family           : verdana,helvetica,sans-serif;
  font-size             : 16px;
  font-weight           : 800;
  font-variant          : normal;
  font-style            : normal;
  margin-bottom         : 0px;
}

H2, .heading2
{ 
  color                 : #800000;
  font-family           : verdana,helvetica,sans-serif;
  font-size             : 14px;
  font-weight           : 800;
  font-variant          : normal;
  font-style            : normal;
  margin-bottom         : 0px;

}

H3, .heading3
{ 
  color                 : #800000;
  font-family           : verdana,helvetica,sans-serif;
  font-weight           : 800;
  font-size             : 12px;
  font-variant          : normal;
  font-style            : normal;
  margin-bottom         : 0px;
}

H4, .heading4
{ 
  color                 : #800000;
  font-family           : verdana,helvetica,sans-serif;
  font-weight           : 500;
  font-size             : 14px;
  font-variant          : normal;
  font-style            : normal;
  margin-bottom         : 0px;
}

H5, .heading5
{ 
  color                 : #800000;
  font-family           : verdana,helvetica,sans-serif;
  font-weight           : 600;
  font-size             : 12px;
  font-variant          : normal;
  font-style            : normal;
  margin-bottom         : -8px;
  margin-bottom         : 0px;
}

H6, .heading6
{ 
  color                 : #800000;
  font-family           : verdana,helvetica,sans-serif;
  font-weight           : 500;
  font-size             : 12px
  font-variant          : normal;
  font-style            : normal;
  margin-bottom         : 0px;
}

A
{
  text-decoration       : none;
  font-weight           : 800;

}

A:link
{ 
  color                 : #003399;
}

A:active
{ 
  color                 : #cc0099;
}

A:visited
{ 
  color                 : #1E2472;
}

A:hover
{ 
  color                 : #cc0099;
  background-color      : #ffffee;
  text-decoration       : underline;
}

/* ------------------------------------------------------------
   Normal fonts, and some variants
------------------------------------------------------------ */
.tiny, .size1
{ 
  color                 : #101010;
  font-weight           : 300;
  font-size             : 12px
  font-family           : arial,helvetica,sans-serif;
}

.tiny-subtle, .size1-subtle
{ 
  color                 : #707070;
  font-weight           : 300;
  font-size             : 12px
  font-family           : arial,helvetica,sans-serif;
}

.tiny-faded, .size1-faded
{ 
  color                 : #9f9f9f;
  font-weight           : 300;
  font-size             : 12px
  font-family           : arial,helvetica,sans-serif;
}

.tiny-hilite, .size1-hilite
{ 
  color                 : #101010;
  font-weight           : 300;
  font-size             : 12px
  font-family           : arial,helvetica,sans-serif;
  background-color      : #ffccff;
}

.normal, .size2, TD
{ 
  color                 : #101010;
  font-weight           : 300;
  font-size             : 12px
  font-family           : arial,helvetica,sans-serif;
  text-align            : top;      
}

.normal-subtle, .size2-subtle
{ 
  color                 : #707070;
  font-weight           : 300;
  font-size             : 12px
  font-family           : arial,helvetica,sans-serif;
}

.normal-faded, .size2-faded
{ 
  color                 : #9f9f9f;
  font-weight           : 300;
  font-size             : 12px
  font-family           : arial,helvetica,sans-serif;
}

.hilite, .normal-hilite, .size2-hilite, .hilite-nohover, .hilite-nohover A:hover
{ 
  color                 : #101010;
  font-weight           : 300;
  font-size             : 12px
  font-family           : arial,helvetica,sans-serif;
  background-color      : #ffccff;
}

.large, .size3
{ 
  color                 : #101010;
  font-weight           : 300;
  font-size             : 12px
  font-family           : arial,helvetica,sans-serif;
}

.large-subtle, .size3-subtle
{ 
  color                 : #707070;
  font-weight           : 300;
  font-size             : 12px
  font-family           : arial,helvetica,sans-serif;
}

.large-faded, .size3-faded
{ 
  color                 : #9f9f9f;
  font-weight           : 300;
  font-size             : 12px
  font-family           : arial,helvetica,sans-serif;
}

.large-hilite, .size3-hilite
{ 
  color                 : #101010;
  font-weight           : 300;
  font-size             : 12px
  font-family           : arial,helvetica,sans-serif;
  background-color      : #ffccff;
}

largest, .size4
{ 
  color                 : #101010;
  font-weight           : 300;
  font-size             : 12px;
  font-family           : arial,helvetica,sans-serif;
}

.largest-subtle, .size4-subtle
{ 
  color                 : #707070;
  font-weight           : 300;
  font-size             : 12px;
  font-family           : arial,helvetica,sans-serif;
}

.largest-faded, .size4-faded
{ 
  color                 : #9f9f9f;
  font-weight           : 300;
  font-size             : 12px;
  font-family           : arial,helvetica,sans-serif;
}

.largest-hilite, .size4-hilite
{ 
  color                 : #101010;
  font-weight           : 300;
  font-size             : 12px;
  font-family           : arial,helvetica,sans-serif;
  background-color      : #ffccff;
}

.bg-darkgrey-normal
{ 
  color                 : #101010;
  font-weight           : 300;
  font-size             : 12px
  font-family           : arial,helvetica,sans-serif;
  background-color      : #ffffff;
}

.bg-darkgrey-normal-nohover, .bg-darkgrey-normal-nohover A:hover
{ 
  color                 : #101010;
  font-weight           : 300;
  font-size             : 12px
  font-family           : arial,helvetica,sans-serif;
  background-color      : #ffffff;
}

.bg-grey-normal
{ 
  color                 : #101010;
  font-weight           : 300;
  font-size             : 12px
  font-family           : arial,helvetica,sans-serif;
  background-color      : #eeeeee;
}

.bg-grey-normal-nohover, .bg-grey-normal-nohover A:hover
{ 
  color                 : #101010;
  font-weight           : 300;
  font-size             : 12px
  font-family           : arial,helvetica,sans-serif;
  background-color      : #eeeeee;
}

.bg-darkgrey-normal
{ 
  color                 : #101010;
  font-weight           : 300;
  font-size             : 12px
  font-family           : arial,helvetica,sans-serif;
  background-color      : #dddddd;
}

.bg-darkgrey-normal-nohover, .bg-darkgrey-normal-nohover A:hover
{ 
  color                 : #101010;
  font-weight           : 300;
  font-size             : 12px
  font-family           : arial,helvetica,sans-serif;
  background-color      : #dddddd;
}

.odd-normal
{ 
  color                 : #101010;
  font-weight           : 300;
  font-size             : 12px
  font-family           : arial,helvetica,sans-serif;
  background-color      : #ddddff;
}

.even-normal
{ 
  color                 : #101010;
  font-weight           : 300;
  font-size             : 12px
  font-family           : arial,helvetica,sans-serif;
  background-color      : #eeeeff;
}

.defaultcolor, A:hover .defaultcolor
{ 
  background-color      : #ffffff;
  color                 : #101010;
  text-decoration       : none;
}

.heading-subtle, .heading-subtle A, .heading-subtle A:visited, .heading-subtle A:link, .heading-subtle A:hover
{ 
  vertical-align        : top;
  white-space           : nowrap;
  color                 : #6b7f7f;
  background-color      : #ffffff;
  font-weight           : 500;
  font-size             : 12px
  font-family           : arial,helvetica,sans-serif;
  text-decoration       : none;
}

.alert
{ 
  color                 : #ff0000;
}

.white
{ 
  color                 : #ffffff;
}

/* ------------------------------------------------------------
   divider
------------------------------------------------------------ */

.divider
{ 
  color                 : #e9ebd5;
  font-weight           : 700;
  font-size             : 12px
  font-family           : verdana,helvetica,sans-serif;
  border-width          : 1px;
  border-style          : solid;
  border-color          : #9bb2b0;
}

.feature
{ 
  color                 : #ffffff;
  background-color      : #9a0000;
  font-weight           : 700;
  font-size             : 12px
  font-family           : verdana,helvetica,sans-serif;
  border-width          : 1px;
  border-style          : solid;
  border-color          : #000000;
}

.promoted
{ 
  color                 : #1e2472;
  font-weight           : 700;
  font-size             : 12px
  font-family           : verdana,helvetica,sans-serif;
  border-width          : 1px;
  border-style          : solid;
  border-color          : #000000;
}

.morelink, .morelink A
{ 
  color                 : #9a0000;
}


/* ------------------------------------------------------------
   Various outlined styles (for boxes)
------------------------------------------------------------ */
.greybox
{ 
  border-width          : 1px;
  border-style          : solid;
  border-color          : #999999;
  background-color      : #efefef;
  color                 : #000000;
  font-family           : arial,helvetica,sans-serif;
  font-size             : 12px
}

.whitebox
{ 
  border-width          : 1px;
  border-style          : solid;
  border-color          : #999999;
  background-color      : #ffffff;
  color                 : #000000;
  font-family           : arial,helvetica,sans-serif;
  font-size             : 12px
}

.outline
{ 
  border-width          : 1px;
  border-style          : solid;
  border-color          : #9bb2b0;
}

.outline-dark
{ 
  border-width          : 1px;
  border-style          : solid;
  border-color          : #6b7b7a;
}

.outline-subtle
{ 
  border-width          : 1px;
  border-style          : solid;
  border-color          : #ccffee;
}

.pagebar
{ 
  color                 : #e9ebd5;
  font-weight           : 300;
  font-size             : 12px
  font-family           : arial,helvetica,sans-serif;
  border-width          : 1px;
  border-style          : solid;
  border-color          : #9bb2b0;
}



/* ------------------------------------------------------------ */
/* metastyles : body                                            */
/* ------------------------------------------------------------ */

body
{ 
  font-family           : arial,helvetica,sans-serif;
  font-size             : 12px
  font-weight           : 600;
}

/* ------------------------------------------------------------ */
/* metastyles : sitecontainer                                   */
/* ------------------------------------------------------------ */

div#sitecontainer
{
  border-width          : 1px;
  border-style          : solid;
  border-bottom         : none;
  border-color          : #9bb2b0;
} 

/* ------------------------------------------------------------ */
/* metastyles : nav1                                            */
/* ------------------------------------------------------------ */

#nav1
{
  background-color      : none;
}

/* ------------------------------------------------------------ */
/* metastyles : nav1                                            */
/* ------------------------------------------------------------ */

#nav1 a
{
  color                 : #840574;
  background-color      : none;
  font-family           : arial,helvetica,sans-serif;
  font-size             : 12px
  font-weight           : 600;
  border-width          : none;
  border-style          : none;
  border-color          : none;
}

/* ------------------------------------------------------------ */
/* metastyles : contribute                                      */
/* ------------------------------------------------------------ */

#search a
{
  color                 : #003399;
  background-color      : none;
  font-family           : arial,helvetica,sans-serif;
  font-size             : 11px;
  font-weight           : 600;
  border-width          : none;
  border-style          : none;
  border-color          : none;
}

#nav1 a:hover
{
  color          : #990000;  
  background-color: #D88717;
}

#nav1 a#contribute
{
  background-color      : #39467B;
  border-color          : #39467B;
  width                 : 138px;
}

/* ------------------------------------------------------------ */
/* metastyles : nav1hover                                       */
/* ------------------------------------------------------------ */

#nav1 a:hover
{
  color          : #990000;  
  background-color: #D88717;
}

/* ------------------------------------------------------------ */
/* metastyles : nav1sub                                         */
/* ------------------------------------------------------------ */

#nav1 div a
{
  color                 : #003399;
  background-color      : transparent;
  border                : none;
}

/* ------------------------------------------------------------ */
/* metastyles : nav2sub                                         */
/* ------------------------------------------------------------ */

#nav2 div a
{
  color                 : #003399;
  background-color      : transparent;
  border                : none;
}

/* ------------------------------------------------------------ */
/* metastyles : nav1subhover                                    */
/* ------------------------------------------------------------ */

#nav1 div a:hover
{
  color                 : #CC0099;
  background-color      : #FFFFEE;
  border                : none;
}

/* ------------------------------------------------------------ */
/* metastyles : nav2subhover                                    */
/* ------------------------------------------------------------ */

#nav2 div a:hover
{
  color                 : #000000;
  background-color      : #C57027;
  border                : none;
}

/* ------------------------------------------------------------ */
/* metastyles : nav2                                            */
/* ------------------------------------------------------------ */

#nav2
{
  background-color      : #940362;
}

/* ------------------------------------------------------------ */
/* metastyles : nav2                                            */
/* ------------------------------------------------------------ */

#nav2 a {
  color                 : #003399;
  background-image      : url(images/navbullet.gif);
  font-family           : arial,helvetica,sans-serif;
  font-size             : 12px
  font-weight           : 600;
}

/* ------------------------------------------------------------ */
/* metastyles : special1                                        */
/* ------------------------------------------------------------ */

#nav2 a.special1
{
  color                 : #990000;
}

/* ------------------------------------------------------------ */
/* metastyles : attention                                       */
/* ------------------------------------------------------------ */

#nav2 ul.attention
{
  border-width          : 1px;
  border-style          : solid;
  border-color          : #9BB2B0;
}

/* ------------------------------------------------------------ */
/* metastyles : main                                            */
/* ------------------------------------------------------------ */

#main
{
  background-color      : #ffffff;
}

/* ------------------------------------------------------------ */
/* metastyles : feature                                         */
/* ------------------------------------------------------------ */

#main h1 
{
  color                 : #ffffff;
  color                 : #9a0000;
}

/* ------------------------------------------------------------ */
/* metastyles : promoted                                        */
/* ------------------------------------------------------------ */


/* ------------------------------------------------------------ */
/* DOES THIS BELONG HERE? - no; ppk                             */
/* ------------------------------------------------------------ */

#extra form 
{
  margin                : 0 5px;    
}

/* ------------------------------------------------------------ */
/* metastyles : attention                                       */
/* ------------------------------------------------------------ */

ul.attention 
{
  background-color      : #d7dbd5;
}

/* ------------------------------------------------------------ */
/* metastyles : body                                            */
/* ------------------------------------------------------------ */

#footer a
{
  color      : #ffffff;
}

/* ------------------------------------------------------------ */
/* metastyles : main                                            */
/* ------------------------------------------------------------ */

form.inline
{
  background-color      : #eeeeee;
}

/* ------------------------------------------------------------ */
/* metastyles: NONE                                             */
/* ------------------------------------------------------------ */

.notice 
{
  border                : 1px solid #000000;
}

/* ------------------------------------------------------------ */
/* metastyles: NONE                                             */
/* ------------------------------------------------------------ */

img
{ 
  border                : 0;
}

/* ------------------------------------------------------------ */
/* metastyles: outline                                          */
/* ------------------------------------------------------------ */

.image-outline
{ 
  border                : 1px solid #000000;
  margin-left           : 6px;
  margin-right          : 6px;
  margin-top            : 4px;
  margin-bottom         : 4px;
}

p 
{
  margin-top         : 0px;
  margin-bottom      : 10px;
}

