/*
**  Remember, appearance and content separate!
**  (like LaTeX)
**
**  James C. Jenista
*/

/* this is the top-top level, as in the body
   of the entire webpage */
body
{
  color:            black;
  font-family:      Times, serif;
  background-color: #59301c;
  background-image: url(images/brown.png);;
}


/* This is a div just for displaying the
   site logo at the top of the page.  It
   should have the same width and centering
   as the contentPage type below. */
div.logo
{
  text-align: center;

  /* not inherited */
  width:            800px;
  /*background-color: #59301c;*/
  padding:          0;  
  margin:           0;
  margin-left:      auto;
  margin-right:     auto;  
  border-style:     none;
}


div.floatRight
{
  float:          right;
  padding:        20px;
  margin-top:     10px;
  margin-right:   50px;
  margin-left:    50px;
  margin-bottom:  50px;
  border-style:   solid;
  border-width:   2px;
  border-color:   red;
  text-align:     center;
}


div.floatRight2
{
  float:        right;
  padding:      0;
  margin-right: 0;
  margin-left:  20px;
  border-style: none;
}

div.floatLeft2
{
  float:        left;
  padding:      0;
  margin-right: 20px;
  margin-left:  0;
  border-style: none;
}


div.sideBar
{
  float:          right;
  margin-left:    30px;
  margin-top:     10px;
  margin-right:   10px;
  margin-bottom:  10px;
  padding:        10px;
  border-style:   solid;
  border-width:   2px;
  border-color:   black;
  width:          320px;
  background-color: #afd6e5;  
}


div.inline
{
  display: inline;
}


/* Top-level content enclosure */
div.contentPage
{
  text-align: left;

  /* not inherited */
  width:            800px;
  background-color: white;
  padding:          6px;  
  margin-top:       0;
  margin-bottom:    3%;
  margin-left:      auto;
  margin-right:     auto;  
  border-width:     5%;
  border-color:     black;
  border-style:     solid;
}



div.scenarioPage
{
  text-align: left;

  /* not inherited */
  width:            900px;
  background-color: white;
  padding:          6px;  
  margin-top:       0;
  margin-bottom:    3%;
  margin-left:      auto;
  margin-right:     auto;  
  border-width:     5%;
  border-color:     black;
  border-style:     solid;
}



/* This very unrestrictive div is
   for displaying large images and
   not much other content. */
div.imagePage
{
  text-align: center;

  /* not inherited */
  /*background-color: #59301c;*/
  border-style:     none;
}

div.lilbox
{
  text-align:       center;
  width:            798px;
  background-color: white;
  border-style:     solid;
  border-color:     black;
  border-width:     2%;
  padding:          6px;
}




h1, h2, h3, h4, h5, h6
{
  font-family: sans-serif;
}

h1, h2, h5
{
  text-align: center;
}

h4, h5
{
  margin-bottom: 10px;
}

.sectionTitle
{
  font-family: sans-serif;
  font-weight: bold;
  font-size:   x-large;
}

div.sectionBodyOutline
{
  /* not inherited */
  background-color: black;
  padding:          0;
  margin:           1%;  
  border-width:     1%;
  border-color:     black;
  border-style:     groove;
}

div.sectionBody
{
  /* not inherited */
  background-color: white;
  padding:          3%;  
  margin:           0%;  
  border-width:     1%;
  border-color:     black;
  border-style:     solid;
}

p
{
  text-indent: 3em;
}


a:link    { color: #0000ff; }
a:visited { color: #59301c; }


a.quick:link    { color: #ffffff; }
a.quick:visited { color: #666666; }


.caption
{
  font-weight: normal;
  font-size: 0.8em;
  
  width: 200px;
}


.captionWide
{
  font-weight: normal;
  font-size: 0.8em;
  
  width: 350px;
}


.tinyNav
{
  font-weight: normal;
  font-size: 0.8em;
}


.tadBigger
{
  font-weight: bold;
  font-size: 1.2em;
}






div.quick
{
  float: left;
}

div.quickLinks
{
  text-align: left;
  color:      white;
  
  /* not inherited */
  width:            200px;
  background-image: url(images/quickLinkMiddle.png);
  padding:          0;  
  margin:           0;
  border-style:     none;
}

div.quickContent
{
  padding:          2%;
  margin:           0;
  border-style:     none;
}

div.quickTop
{
  width:            200px;
  height:           25px;
  background-image: url(images/quickLinkTop.png);
  padding:          0;  
  margin:           0;
  border-style:     none;
}

div.quickBottom
{
  width:            200px;
  height:           25px;
  background-image: url(images/quickLinkBottom.png);
  padding:          0;  
  margin:           0;
  border-style:     none;
}




table.scenarios
{
  border-width:    2px;
  border-style:    solid;
  border-color:    black;
  border-collapse: collapse;
}

td.scenarios1
{
  font-size: 0.8em;
  border-width:     1px;
  border-style:     solid;
  border-color:     black;
  padding:          5px;
  background-color: #cccccc;
}

td.scenarios2
{
  font-size: 0.8em;
  border-width:     1px;
  border-style:     solid;
  border-color:     black;
  padding:          5px;
  background-color: #eeeeee;
}



table.war3meleeStats
{
  border-style:    solid;
  border-width:    1px;
  border-collapse: collapse;
}

td.war3stat
{
  border-width:     1px;
  border-style:     solid;
  border-color:     white;
  padding:          5px;
  text-align:       right;
  vertical-align:   center;
}

td.war3value
{
  border-width:     1px;
  border-style:     solid;
  border-color:     white;
  padding:          5px;
  text-align:       left;
  vertical-align:   center;
}

td.war3filler
{
  border-width:     1px;
  border-style:     solid;
  border-color:     white;
  background-color: white;
  width:            5px;
  padding:          5px;
}

.war3gold
{
  background-color: #f4d219;
}

.war3xp
{
  color:            white;
  background-color: #9c0abf;
}





table.index
{
  border-width:     2px;
  border-style:     solid;
  border-collapse: collapse;
}

th.index
{
  font-size: 0.8em;
  border-width:     1px;
  border-style:     solid;
  text-align:       center;
  vertical-align:   center;
  background-color: #cccccc;
}

td.index
{
  border-width:     1px;
  border-style:     solid;
  padding:          5px;
  text-align:       center;
  vertical-align:   center;
  width:           50%;
}


pre
{
  display: inline;
}




table.cw3
{
  border-width:    2px;
  border-style:    solid;
  border-color:    black;
  border-collapse: collapse;
}

th.cw3a
{
  font-size:        0.8em;
  text-align:       center;
  border-width:     1px;
  border-style:     solid;
  border-color:     black;
  padding:          5px;
  background-color: #fcc95c;
}

th.cw3b
{
  font-size:        0.8em;
  text-align:       center;
  border-width:     1px;
  border-style:     solid;
  border-color:     black;
  padding:          5px;
  background-color: #cfaf6b;
}

th.cw3c
{
  font-size:        0.8em;
  text-align:       center;
  border-width:     1px;
  border-style:     solid;
  border-color:     black;
  padding:          5px;
  background-color: white;
}

th.cw3blizz
{
  font-size:        0.8em;
  text-align:       center;
  font-weight:      bold;
  border-width:     1px;
  border-style:     solid;
  border-color:     black;
  padding:          5px;
  background-color: #8acfff;
}

td.cw3a
{
  text-align:       center;
  border-width:     1px;
  border-style:     solid;
  border-color:     black;
  padding:          5px;
  background-color: #fcc95c;
}

td.cw3b
{
  text-align:       center;
  border-width:     1px;
  border-style:     solid;
  border-color:     black;
  padding:          5px;
  background-color: #cfaf6b;
}

td.cw3c
{
  text-align:       center;
  border-width:     1px;
  border-style:     solid;
  border-color:     black;
  padding:          5px;
  background-color: #white;
}

td.cw3rblizz
{
  text-align:       right;
  border-width:     1px;
  border-style:     solid;
  border-color:     black;
  padding:          5px;
  background-color: #8acfff;
}

td.cw3rc
{
  text-align:       right;
  border-width:     1px;
  border-style:     solid;
  border-color:     black;
  padding:          5px;
  background-color: #white;
}


table.invis
{
  border-style: none;
}

td.invis
{
  text-align:       center;
  border-style:     none;
  padding:          0px;
}

td.invis2
{
  text-align:       left;
  vertical-align:   top;
  border-style:     none;
  padding:          0px;
}

td.invis3
{
  text-align:       left;
  vertical-align:   middle;
  border-style:     none;
  padding:          0px;
  padding-left:     10px;
}













table.sc2
{
  border-width:    2px;
  border-style:    solid;
  border-color:    black;
  border-collapse: collapse;
}

.sc2blizz
{
  font-size:        0.8em;
  text-align:       center;
  font-weight:      bold;
  border-width:     1px;
  border-style:     solid;
  border-color:     black;
  padding:          5px;
  background-color: #8acfff;
}

.sc2w
{
  font-size:        0.8em;
  text-align:       center;
  border-width:     1px;
  border-style:     solid;
  border-color:     black;
  padding:          5px;
  background-color: white;
}

.sc2r
{
  font-size:        0.8em;
  text-align:       center;
  border-width:     1px;
  border-style:     solid;
  border-color:     black;
  padding:          5px;
  background-color: #2fe3ff;
}

.sc2h
{
  font-size:        0.8em;
  text-align:       center;
  border-width:     1px;
  border-style:     solid;
  border-color:     black;
  padding:          5px;
  background-color: #f6ff69;
}