/***************************************************
 * Adapted styles from openSUSE.org for my web site.*
 * Author:  Sean Carrick <BrknShldr@gmail.com>      *
 * Last changed:  21 Dec 2006                       *
 ****************************************************/

/**********************************************
 * General HTML formatting.                   *
 **********************************************/
html {
  height: 100%;
}

/**********************************************
 * General body formatting.                   *
 **********************************************/

body
{
     /*background-color:   #AEB2C3;*/
     background-image: url(bgTile.png);
     background-repeat: repeat;
     background-attachment: fixed;
     font-family:        "Times New Roman",serif;
     font-size:          normal;
     margin:             10px 10px 10px 10px;
     padding:            5px;    
     color:              #B6CA00;
}

/**********************************************
 * The ability to create a 3-column web page. *
 * As adapted from www.glish.com.             *
 **********************************************/
#leftcontent {
  position: absolute;
  left: 15px;
  top: 56px;
  width: 200px;
  min-height: 735px;
  max-height: 735px;
  overflow:   hidden;
  /*background-color: #9397A5;*/
  /*-moz-border-radius: 15px;
  -webkit-border-radius: 15px;*/
  /*border: 1px solid     #B6CA00;*/
}

#centercontent {
  min-height: 735px;
  max-height: 735px;
  overflow:   auto;
  position: absolute;
  top: 55px;
  width: 831px;
  /*background-color: #9397A5;*/
  background-image: url("images/bgTile.png");
  background-repeat: repeat;
  background-attachment:  fixed;
  margin-left: 199px;
  margin-right: 199px;
/*  margin-top:   39px;*/
/*  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;*/
  border: 1px solid     #B6CA00;

  /*********************************************
   * The following information was provided by *
   * the authors at www.glish.com.             *
  *********************************************/

  /* IE5x PC mis-implements the box model.  Because of that,
     we sometimes have to perform a little CSS trickery to
     get pixel-perfect display across all browsers.

     The following bit of code was propsed by Tantek Celik,
     and it preys upon a CSS parsing bug in IE5x PCs that
     will prematurely close a style rule when it runs into
     the string "\"}\"".  After that string appears in a
     rule, then, we can override previously set attribute
     values and only browsers without the parse bug will
     recognize the new values.  So any of the name-value
     pairs above this comment that we need to override for
     browsers with correct box-model implementations will be
     listed below.

     We use the voice-family property because it is likely
     to be used very infrequently, and where it is used it
     will be set on the body tag.  So the second voice-
     family value of "inherit" will override our bogus
     "\"}\"" value and allow the proper value to cascade
     down from the body tag.

     The style rule immediately following this rule offers
     another chance for CSS2-aware browsers to pick up the
     values meant for correct box-model implementations.
     It uses CSS2 selector that will be ignored by IE5x PCs.
     Read more at http://www.glish.com/css/hacks.asp         */

  voice-family: "\"}\"";
  voice-family: inherit;
  margin-left: 201px;
  margin-right: 201px;
}

html>body #centercontent {
  margin-left: 201px;
  margin-right: 201px;
}

#rightcontent {
  position: absolute;
  right: 15px;
  top: 56px;
  width: 200px;
  min-height: 735px;
  max-height: 735px;
  overflow:   auto;
  /*background-color: #9397A5;*/
/*  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: 1px solid #B6CA00;*/
}

#banner {
  /*background-color: #9397A5;*/
  height: 40px;
/*  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: 1px solid #B6CA00;*/
  voice-family: "\"}\"";
  voice-family: inherit;
  height: 39px;
}

html>body #banner {
  height: 39px;
}

p,h1,h2,pre {
  margin: 10px 10px 10px 10px;
  color:  #B6CA00;
}

hr {
  color:        #B6CA00;
}

h1
{
  font-family:  Roman,"Times New Roman",serif;
  font-size:    19pt;
  text-align:   center;
}

/* The following styles provide a number of
   different styles for paragraph elements in
   our HTML pages.                            */
p
{
     margin:        2% 2% 2% 2%;
     /*background-color:   #9397A5;*/
     color:              #B6CA00;
     font-family:        Roman,"Times New Roman",serif;
     font-size:          normal;
     text-align:         justify;    
}

p.title
{
     margin:        1em 1em 1em 1em;
     font-family:        helvetica;
     font-size:          18pt;
     font-weight:        bold;
     font-style:         italic;
     color:              #B6CA00;
     text-align:         center;
}

p.image
{
     margin:        1em 1em 1em 1em;
     font-family:        helvetica;
     font-size:          normal;
     font-weight:        bold;
     color:              #B6CA00;
     text-align:         center;
     text-decoration:    none;
}

p.menu
{
     margin:        1em 1em 1em 1em;
     font-family:        helvetica;
     font-size:          12pt;
     color:              #B6CA00;
}

p.main
{
     margin:        2% 2% 2% 2%;
     /*background-color:   #9397A5;*/
     color:              #B6CA00;
     font-family:        Roman,"Times New Roman",serif;
     font-size:          normal;
     text-align:         justify;    
}

p.main:first-letter
{
     float:              left;
     font-family:        Roman,"Times New Roman",serif;
     font-size:          400%;
     line-height:        60%;
}

p.signature
{
     margin:        2% 2% 2% 2%;
     /*background-color:   #9397A5;*/
     color:              #B6CA00;
     font-family:        script,"Arial",sans-serif;
     font-size:          normal;
     text-align:         right;
}

p.nav
{
     text-align:         center;
     color:              #F9FAFB;
     margin:             4px 4px 4px 4px;
     font-family:        "Arial",sans-serif;
     font-size:          larger;
     /*background-color:   #4B4646;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border: 1px solid #B6CA00;
     /*background-color:   #B24D7A;*/
}

p.nav:hover
{
     color:              #4b4646;
     /*background-color:   #B6CA00;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border: 1px solid #4B4646;
     /*background-color:   #F9FAFB;*/
}

p.navless
{
     text-align:         center;
     color:              #636262;
     margin:             4px 4px 4px 4px;
     font-family:        "Arial",sans-serif;
     font-size:          larger;
     /*background-color:   #4B4646;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border: 1px solid #B6CA00;
/*     background-color:   #B24D7A;*/
}

p.footer
{
     float:         inherit;
     text-align:         center;
    /* background-color:   #AEB2C3;*/
     color:              #B6CA00;
     margin-left: 3px;
     margin-right: 3px;
     /* margin:        1em 1em 1em 1em;*/
      width:              100%;
     font-family:        "Courier New",monospace;
     font-size:          6pt;
}

.code
{
  max-height:           100px;
  overflow:             auto;
  margin:               10px 10px 10px 10px;
  font-family:          "Courier New",monospace;
  font-size:            small;
  /*background-color:     Black;*/
  color:                #00FF00;
}

/* The following styles allow for various spacing
   tags to look nice.                             */
span.dropCap
{
     float:              left;
     background-color:   #9397A5;
     color:              Black;
     font-family:        "Times New Roman",serif;
     font-size:          400%;
     line-height:        60%;
}

div.head
{
     width:              100%;
     margin:        0.25cm 0.25cm 0.25cm 0.25cm;
     background-color:   #9397A5;
     color:              Ivory;
     font-family:        "Times New Roman",serif;
     font-size:          normal;
}

div.nav
{
     float:              left;
     width:              20%;
     margin:        0.25cm 0.25cm 0.25cm 0.25cm;
     background-color:   #9397A5;
     color:              Blue;
     font-family:        "Times New Roman",serif;
     font-size:          normal;
}

div.body
{
     float:              right;
     width:              75%;
     margin:        0.25cm 0.25cm 0.25cm 0.25cm;
     background-color:   #9397A5;
     color:              Black;
     font-family:        "Arial",sans-serif;
     font-size:          normal;
}

div.footer
{
     float:         inherit;
     text-align:         center;
     background-color:   DarkGray;
     color:              Black;
     margin:        1em 1em 1em 1em;
     width:              98.3%;
     font-family:        "Courier New",monospace;
     font-size:          9pt;
}

/* The following style formats the Unordered list
   elements that are used in our pages.           */
ul
{
     margin-left:        4em;
     list-style-type:    circle;
     font-family:        Roman,"Times New Roman",serif;
     font-size:          normal;
     color:              #B6CA00;
}

ul.x
{
     margin-left:        4em;
     list-style-image:   url('images/checked.png');
     font-family:        Roman,"Times New Roman",serif;
     font-size:          normal;
     color:              #B6CA00;
}

ul.box
{
     margin-left:        4em;
     list-style-type:    circle;
     font-family:        Roman,"Times New Roman",serif;
     font-size:          normal;
     color:              #B6CA00;
}
ul.target
{
     margin-left:        4em;
     list-style-type:    circle;
     font-family:        Roman,"Times New Roman",serif;
     font-size:          normal;
     color:              #B6CA00;
}
ul.bigcircle
{
     margin-left:        4em;
     list-style-type:    circle;
     font-family:        Roman,"Times New Roman",serif;
     font-size:          normal;
     color:              #B6CA00;
}

ol
{
     margin-left:        4em;
     font-family:        Roman,"Times New Roman",serif;
     font-size:          normal;
     color:              #B6CA00;
}

/* The following style makes our tables look good. */
table
{
     width:              95%;
     /*background-color:   #AEB2C3;*/
     color:              #B6CA00;
     font-family:        Roman,"Times New Roman",serif;
     font-size:          normal;
     border-width:  0;
     border-spacing:     0px;
     margin:  2px 2px 2px 2px;
}

/* The following styles format the appearance of
   our links within the pages.                  */
a:link
{
     color:              #7FFF00;
     text-decoration:    none;
}

a:visited
{
     color:              #C71585;
     text-decoration:    none;
}

a:active
{
     color:              Blue;
     text-decoration:    none;
}

a:hover
{
     color:              #F9FAFB;
     text-decoration:    underline;
     /*font-size:        larger;*/
}

img.thumbnail
{
  border:  none;
}

a.nav
{
     text-decoration:    none;
}

a.nav:hover
{
     color:              #718BA5;
     background-color:   #F9FAFB;
     text-decoration:    none;
}

/* The following style formats any images that
   we may use within our pages.               */
img
{
     float:              left;
     height:             50%;
     width:              50%;
     /*left:               25%;*/
}

button.reset
{
     src:           "images/reset-btn.png";
}

button.submit
{
     src:           "images/submit-btn.png";
}

/**********************************************
 * Formatting for multiple tags.              *
 **********************************************/
.notes {
  float:                left;
  width:                150px;
  margin:               10px 10px 10px 10px;
  padding:              3px;
  font-family:          "Times New Roman", serif;
  font-size:            normal;
  font-style:           italic;
  color:                #b6ca00; /* Navy */
  text-align:           left;
  /*background-color:     #4b4646; /* LightSteelBlue */*/
  border:               1px double    #b6ca00; /* Navy */
}

/**********************************************
 * Formatting for the LOE logo.               *
 **********************************************/
 .loe
{
  font-family:     Arial, sans-serif;
  font-size:       70%;
  font-style:      normal;
  text-decoration: line-through;
}
 
.loe sup {
  vertical-align:  0.4ex;
  margin-left:     0.0em;
  margin-right:    -0.1em;
  font-family:     Arial, sans-serif;
  font-size:       100%;
  font-style:      normal;
}

.loe sub {
  vertical-align:  -0.2ex;
  margin-left:     -0.1em;
  margin-right:    -0.125em;
  font-family:     Arial, sans-serif;
  font-size:       100%;
  font-style:      normal;
}

.entity {
  font-size:       50%;
  vertical-align:  top;
}

.copy {
  font-size:       70%;
  vertical-align:  top;
}