body {margin-top: 0;
        background-color: #333333;
        margin-left: 10;
        margin-right: 10;}

#PAGE {background-color: white;
        border-style: groove;
        border-width: 5;
        border-color: black;
        margin-right: auto;
        margin-left: auto;
}
        
#CONTENT {margin-left: 150;
          margin-top: 0;
          padding-right: 15;
          background-color: white;}
          
#SIDEBAR {width: 150;
            padding-top: 10;
            float: left;
          background-color: white;}

#SEARCH {margin: 5;
        margin-top: 15;
         font-size: 10;}

#SEARCH_INPUT {
    background-color: #CCCCFF;
}

#SEARCH_CAT_SELECT {
    height: 14;
    width: 80;
    font-size: 10;
    background-color: #CCCCFF;
}
         
#MENU   {width:120;
        padding-right: 5;
        margin: 5;
         margin-top: 5;
         font-size: 12;
         text-align: right;
         font-weight: bold;}
        

#HEADER { height: 150; 
          background-color: white;}
#FULL_LOGO {height: 150;}   


#FOOTER {clear: both;
          background-color: white;
          font-size: 10;
          text-align: center;
          padding-top: 10;
          padding-left: 120;
          padding-right: 120;}
        
#LOGO {float: left;
        margin-left: 5;
        margin-top: 5;
        margin-bottom: 5;}
        
#TEXT_LOGO {margin-top: 15;}

#GOOGLE_ADS {margin-top: 30;
            margin-left: 5;
            }

/*
    General Rules
*/

h4  {margin-bottom: 0;}
ul  {margin-right: 8%;}
input { background-color: #CCCCFF;}
textarea { background-color: #CCCCFF;}
input[type="checkbox"] { color: #CCCCFF;}


/*
    General classes
*/
.center {text-align: center;}
.topic {font-weight: bold;}
.subject_cross_ref_link {}

.indent     {margin-left: 25; 
        margin-right: 15;}


.subject_cross_ref_link:hover {background-color: #EEEEFF;
                        color: black;}

.equation       {margin-left: 5%;
                margin-right: 5%;
                font-family: Courier;
                font-size: 10;
                white-space: pre;}
                
.example        {margin-left: 5%;
                margin-right: 5%;
                font-size: 10;
                white-space: pre;}

.example_wrap   {margin-left: 5%;
                margin-right: 5%;
                font-size: 10;}
                
.include_left   {float: left;
                padding: 5;
                margin-left: 15;}

.include_right  {float: right;
                padding: 5;
                margin-right: 15;}
                
.include_top    {padding: 5;
                margin-left: 15;
                margin-right: 15;}

.include_bottom {padding: 5;
                margin-left: 15;
                margin-right: 15;}
                
.link_list {width: 200; 
            float: right;
            font-size: 11;
            white-space: nowrap;
            margin-left: 5;
            padding-left: 5;
            border-style: groove;
            border-color: #000000;
            border-width: 1;
            margin-bottom: 15;}


            
.jump_link          {color: #000011;
                    text-decoration: none;
                    font-weight: bold;}



.nav_form   {float: right;
            font-size: 12;
            text-align: justify;}
            
.nowrap {white-space: nowrap;}
            
/*****************************
Front page classes
*****************************/
.front_menu {text-align: center;}
a.front_menu {font-weight: bold;
            font-size: 18;
            text-decoration: none;}
            
a.front_menu:hover {text-decoration: underline;}

/*
Book Classes
*/
.book_group {margin-left: 24;}

/******************************
    Announcment classes
******************************/
.announce_detail {padding-bottom: 10;}
.announce_subject {font-size: 12;
                    margin-top: 0;
                    margin-bottom: 0;}
.announce_text {font-size: 12;
                margin-top: 2;
                margin-left: 24;
                margin-bottom: 10;}

/*
Monster
*/
.monst_text     {font-size: 10pt;
                margin-top: 10;
                 margin-left: 15;
                 width: 90%;}

.monster_list {width: 250;
                float: right;
            font-size: 10pt;
            margin-left: 5;
            padding-left: 5;
            border-style: groove;
            border-color: #000000;
            border-width: 1;
            margin-bottom: 15;
            }
            
/******************************
    Skills
******************************/
.skill_menu {float: right;
            width: 150;
            font-size: 11;
            font-weight: bold;
            white-space: nowrap;}

.skill_detail   {   margin-right: 10%;
                    font-size: 12;
                    margin-bottom: 18pt;}

.skill_list_group { width: 500; }
.skill_link_list {width: 200; 
                    float: right;
                    font-size: 11;
                    white-space: nowrap;
                    margin-left: 5;
                    padding-left: 5;
                    border-style: groove;
                    border-color: #000000;
                    border-width: 1;
                    margin-bottom: 15; }
                    
.skill_list     {font-size: 12;
                margin-left: 15;
                width: 400;
                white-space: nowrap;}

.skill_column {width: 150;
                margin-left: 10;
                margin-right: 10;}

.skill_text     {margin-top: 10;
                 margin-left: 15; }

div.skill_detail > h4 {font-size: 16;
                        font-weight: bold;
                        margin-bottom: 0;}

table.skillbullets > tr > td { margin-right: 11; }
                                    

.skillbullets   {margin-left: 15pt;
                margin-right: 25 pt;
                font-size: 10; }
                
.skillgroupname {margin-bottom: 3;}



/******************************
    heroic chars
******************************/
.hc_menu    {float: right;
            width: 150;
            font-size: 11;
            font-weight: bold;
            white-space: nowrap;}


.hc_detail  {   margin-right: 10%;
                    font-size: 12;
                    margin-bottom: 18pt;}

.hc_list_group { width: 500; }

.hc_list        {font-size: 12;
                margin-left: 15;
                width: 400;
                white-space: nowrap;}

.hc_column {width: 150;
                margin-left: 10;
                margin-right: 10;}

.hc_text        {margin-top: 10;
                 margin-left: 15; }

div.hc_detail > h4 {font-size: 16;
                        font-weight: bold;
                        margin-bottom: 0;}

table.hcbullets > tr > td { margin-right: 11; }
                                    

.hcbullets  {margin-left: 15pt;
                margin-right: 25 pt;
                font-size: 10; }
                
.hc_group_name  {margin-bottom: 3;}



/******************************
    traits
******************************/
.trait_menu {float: right;
            width: 250;
            font-size: 11;
            font-weight: bold;
            white-space: nowrap;}


.trait_detail   {   font-size: 12;
                    margin-bottom: 18pt;
                    margin-right: 10%}

.trait_list_group { width: 500; }

.trait_list     {font-size: 12;
                margin-left: 15;
                width: 400;
                white-space: nowrap;}

.trait_list_with_cost       {font-size: 12;
                margin-left: 15;
                width: 300;
                white-space: nowrap;}


.trait_column {width: 150;
                margin-left: 10;
                margin-right: 10;}

.trait_text     {margin-top: 10;
                 margin-left: 15; }

div.trait_detail > h4 {font-size: 16;
                        font-weight: bold;
                        margin-bottom: 0;}

table.traitbullets > tr > td { margin-right: 11; }
                                    

.traitbullets   {margin-left: 15pt;
                margin-right: 25 pt;
                font-size: 10; }
                
.trait_group_name   {margin-bottom: 3;}



/******************************
    sections
******************************/
.sect_menu  {float: right;
            width: 250;
            font-size: 11;
            font-weight: bold;
            white-space: nowrap;}

.sect_detail    {   font-size: 12;
                    margin-bottom: 18pt;
                    clear: right;}

.sect_list_group { width: 500; }

.sect_list      {font-size: 12;
                margin-left: 15;
                width: 400;
                white-space: nowrap;}


.sect_column {width: 150;
                margin-left: 10;
                margin-right: 10;}

.sect_text      {margin-top: 10;
                 margin-left: 15; }
                 
.sect_text > table  {font-size: 12}

div.sect_detail > h4 {font-size: 16;
                        font-weight: bold;
                        margin-bottom: 0;}

                
.sect_group_name    {margin-bottom: 3;}

/********************************
    chapters
********************************/
.chap_list  {font-size: 12;
            margin-left: 15;}

.chap_nav   {float: right;
            font-size: 10;}

.chap_nav_options   {font-size: 10;
                    width: 150; }
                    
                    
/********************************
    Spells
********************************/
.spell_detail   {margin-right: 10%;
                 font-size: 12;
                 margin-bottom: 20;}
.spell_name     {font-size: 18;}
.spell_topic    {font-weight: bold;
                text-align: right;
                white-space: nowrap;}
.spell_list     {margin-left: 15;
                font-size: 12;}
.spell_column   {margin-right: 10;
                 margin-left: 10;
                 width: 150;
                 white-space: nowrap;}
.spell_menu     {float: right;
                width: 250;
                font-size: 11;
                font-weight: bold;
                white-space: nowrap;}
                
.disc_group_name    {font-size: 18;
                    margin-bottom: 3;}
                    
.disc_listing   {font-size: 12pt;
                text-indent: -20;
                margin-left: 40;
                width: 500;}
                    
                    
/********************************
    weapons
********************************/
.weapon_detail  {width: 500;
                 font-size: 12;
                 margin-bottom: 20;
                 margin-left: 20;}

.weapon_traits {margin-right: 5%;
                text-indent: 0;
                margin-left: 5%;}

table.ranged    {clear: right;}             
.ranged_chart {white-space: nowrap;}
tr.armor_chart {white-space: nowrap;}

a.armor_chart_link  {text-decoration: none;
                     color: #000000;}
a.armor_chart_link:hover    {background-color: #CCCCFF;}

a.melee_chart_link  {text-decoration: none;
                     color: #000000;}
a.melee_chart_link:hover    {background-color: #CCCCFF;}

a.ranged_chart_link {text-decoration: none;
                     color: #000000;}
a.ranged_chart_link:hover   {background-color: #CCCCFF;}
                    

/****************************
    Search Classes
****************************/
.search_result_list {width: 500;
                    margin-left: 25;}
.search_result  {margin-bottom: 10;
                font-size: 10pt;}

.search_link    {font-weight: bold;
                font-size: 12pt;}
.search_rank    {font-size: 9;}
                    
.recent_changes {font-size: 10pt;}

/******************************
    Chart classes
******************************/
.minichart {white-space: pre;
            font-family: monospace;}
table.chart {font-size: .9em;}
.chart          {font-size: 10;
                 border-style: solid;
                 border-width: 1;
                 border-color: #111111;}
.chartcolor0    {background-color: #FFFFFF;}
.chartcolor1    {background-color: #DDDDDD;}
.chartcolor2    {background-color: #BBBBBB;}
.chartcolor3    {background-color: #999999;}
.chartcolor4    {background-color: #777777;}