﻿/* Deconstruction */

/*****************************
   Display Defaults
*****************************/
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre , a  { display: block  !important}
li              { display: list-item !important }
head            { display: none !important}
table           { display: table !important}
tr              { display: table-row !important}
thead           { display: table-header-group !important}
tbody           { display: table-row-group !important}
tfoot           { display: table-footer-group !important}
col             { display: table-column !important}
colgroup        { display: table-column-group !important}
td, th          { display: table-cell !important}
caption         { display: table-caption !important}
th              { font-weight: bolder; text-align: center !important}
caption         { text-align: center !important}


/*****************************************************
    Very general defaults! ... Deconstruction
***************************************************/
* {
/**************************************************
Background
***************************************************/
   background-image   : none !important;
   background-color:  rgb(218, 170, 125) !important;   
   
/*******************************************
   Color
********************************************/
   color: rgb(74, 10, 5) !important;  

/**************************************************
    quote symbols
***************************************************/
    quotes: "'" "'" '"' '"' !important;  
 
/******************************************************
    spacing
*****************************   **************************/
    letter-spacing: 0.05em !important;
    line-height: 1.8 !important;
    word-spacing: 0.08em !important;
/******************************************************
    text
*******************************************************/
    text-align: left !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    text-transform: none !important;
    vertical-align: baseline !important;
/*****************************************
   Page Flow
******************************************/
    position: static !important;
    float : none !important; 
    white-space: normal !important;
    
/**********************************
   Font Settings
************************************/
     font-family: Tahoma !important;
     font-size: 34px !important;
/**************************************
   Border
**********************************/
   border-style: none !important;
     
}

body 
{
    margin-left: 5% !important;
    margin-right: 5% !important;
    }

/* Begin the New Skin */
p, li, ol, ul, dl, dd, dt, a
{
/*****************************************************
    font
******************************************************/
    font-family: tahoma, arial, sans-serif!important;
    font-size: 36px !important;    
    font-variant: normal  !important;    
    font-weight: 700  !important;
/******************************************************
    box model
*******************************************************/
    padding: 5px  !important; 
    margin-left: 5px !important;
    margin-right: 5px !important;
    margin-bottom: 3px !important;
    margin-top: 2px !important; 
}

/************************************************* 
    headings 
*************************************************/ 
h1,h2,h3,h4,h5,h6,
{
    border-style: solid  !important;
    border-width: thin !important;
    margin: 10px  !important;
    padding: 5px  !important;
    text-align: center  !important;  
    width: 90% !important;  
}

h1, h2, h3, h4, h5, h6,
h1 *,h2 *,h3 *,h4 *,h5 *,h6 *
{
    font-family: verdana, arial, helvetica, sans-serif!important;
    line-height: 1.8  !important; 
    text-align: center  !important; 
}

h1, h1 span
{
    font-size: 32px!important;
    font-variant: small-caps  !important;
    font-weight: 900  !important;
    color: #550022!important;
    border-color: #550022!important;
}

h2, h2 span 
{
    font-size: 30px!important;
    font-variant: small-caps  !important;
    font-weight: 600  !important;
    font-style: oblique  !important;
    color: #000033!important;
    border-color: #000033!important;
}

h3, h3 span
{
    font-size: 28px!important;
    font-weight: 900  !important;
    font-style: italic  !important;
    color: #003333!important;   
    border-color: #003333!important;   
}


h4, h4 span
{
    font-size: 28px!important;
    font-weight: 700  !important;
    font-variant: small-caps  !important;   
    color: #111140!important;   
    border-color: #111140!important;   
}

h5, h5 span
{
    font-size: 26px!important;
    font-weight: 900  !important;
    color: #002218!important;
    border-color: #002218!important;    
}

h6, h6 span
{
    font-size: 26px!important;
    font-weight: 700  !important;
    font-variant: small-caps  !important;   
    color: #552211!important;  
    border-color: #552211!important;    
}


 /*************************************
   Overall Margin
**************************************/

a {
   margin-left: inherit !important;
   font-family: Arial-Narrow !important;
   font-size: 26px !important;
   color: rgb(10, 10, 130) !important;
   width: 80% !important;
   overflow: visible !important;   
}

a:visited { color: Green !important; }
a:hover {color: Red !important;}

pre, pre * {
   font-family: Arial-Narrow !important;
   letter-spacing: 0.04em !important;  
   white-space: pre-wrap !important;
   }
   
   pre 
   {
   border-width: medium !important;
   border-style: double !important;
   border-color: rgb( 96,16,16) !important;
   padding: 12px !important;
   }
 
form, button, input, textarea, 
select, option, optgroup
{ 
  font-size: 28px !important;
  font-family: Arial-Narrow !important;
  border-style: solid !important;
  border-color: Black !important;
  }
  
  
input , button 
{
   border-style: double !important;
   border-width: thin !important;
   border-color:Blue !important;
   width: inherit !important;
   height: auto !important;
   line-height: normal !important;
   vertical-align: bottom !important;
   }
   
input { height: 53px !important;
          padding: 0px !import;}
    
textarea, form
{
    width: 80% !important;
}

form *
{
    width: inherit !important;    
    white-space: normal !important;
    font-family: Arial Narrow !important;
    font-size: 30px !important;
    overflow: hidden !important;
    letter-spacing: 0.04em !important;
    word-spacing: normal !important;
}
    
    
 ul, ol, dl
{
    border-left-style: solid !important;
    border-left-color: rgb(128, 128, 255) !important;
    border-left-width: thin !important;
    padding-left: 25px !important;
    width: 94% !important;
    }

ul, dl 
   {
    list-style-type: none !important;
    list-style-image: none !important;
   }
   
dt 
   {
    border-style: solid !important;
    border-color: rgb(64, 128, 64) !important;
    border-width: medium !important;
    border-collapse: separate !important;
    margin: 5px !important;
    padding: 5px !important;
   }
   
   
dd 
   {
       width: 90% !important;
       margin: 5% !important;
       padding: 5px !important;
       border-color: rgb(64, 128, 64) !important;
       border-style: solid !important;
       border-width: thin !important;
       border-collapse: separate !important;
   }
  
 li   
 {
       border-top-style: double !important;
       border-top-color: rgb(146, 84, 58) !important;
       border-top-width: medium !important;       
       display: list-item !important;
       width: 90% !important;
       margin-left: 40px !important;
       margin-top: 4px !important;
       vertical-align: text-top !important;
   }

p {
    width: 95% !important;
    margin-top: 10px !important;
    padding:  8px !important;
    border-style: solid !important;
    border-color: rgb(176, 124, 88) !important;
    border-width: thin !important;
    }   
   
  
div {
    width: 95% !important;
    margin-left: 5px !important;    
 }
 
 font  
 {
    font-family: Arial Narrow !important;
    font-size: 28px !important;
    }
    