#page {
position: relative;
width: 96%;
\width: 96%;
w\idth: 96%;
margin-left: auto;
margin-right: auto;
margin-top: auto;
margin-bottom: auto;
padding: 0px;
}

#container {
position: relative;
background-color: rgb(239,244,244);
border: solid 1px orange;
}

/* ******************* divs ******************* */

#content {
position: relative; 
padding: 0px;
font-size: 12pt;
border: solid 0px red;
white-space: pre-line;
min-height: 660px;
}

#navbar {
position: relative;
}

#sidebar-a {
float: left;
height: ;
margin-left: 5px;
margin-right: 10px;
margin-bottom: 0px;
padding-right: 5px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
background-color: #99CCFF;
}

#footer {
padding: 0px;
margin-top: 0px;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 0px;
text-align: center;
vertical-align: middle;
font-size: 10pt;
}

/* ******************* banner graphics ******************* */
#banner {
position: relative;
background: url("../images/topbar.png") repeat-x;
height: 100%;
border: solid 0px red;
}

#banner_graphics {
height: 80px;
border: solid 0px blue;
top: 0px;

}

#floatleft { 
position: relative;
float: left;
top: 19px;
left: 10px;
}

#floatcenter {
position: relative;
float: none;
top: 23px;
text-align: center;
}

#floatright {
position: relative;
float: right;
top: -25px;
right: 10px;

}

/* ******************* header title ******************* */

.header_title_text { 
position: absolute; 
left: 1px; 
top: 1px; 
color: rgb(26,77,143);
font-size: 12pt;
}

.header_title_text1 { 
position: absolute; 
left: -1px; 
top: -1px; 
color: #fff;
font-size: 12pt;
} 

#header_title a:link {
text-decoration: none;
background-color: none;
}

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

#header_title a:active {
text-decoration: none;
background-color: none;
}

#header_title a:hover {
text-decoration: none;
background-color: transparent;
border: solid 0px black;
}


/* ******************* sidebar buttons areas ******************* */

#sidebar-a ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}

#sidebar-a a {
display: block;
padding: 2px;
}

#sidebar-a a:link, #sidebar-a-list a:visited {
color: #000;
text-decoration: none;
}

#sidebar-a a:hover {
background-color: rgb(26,77,143);
color: #fff;
}

#sidebar-a li {
list-style: none;
width: ;
margin: 0px;
}

menu {
margin-left: 0em;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding-right: 0px;
padding-left: 1em;
white-space: nowrap;
color: black;
}

.menuheader {
padding-left: .5em;
font-weight: bold;
font-size: 12pt;
}

a:link {
text-decoration: none;
}

a:hover {
background-color: #EAC117;
text-decoration: none;
}

a:visited {
color: blue;
text-decoration: none;
}

#reference a:link {
text-decoration: none;
color: #fff;
}

#reference a:visted {
text-decoration: none;
color: #fff;
}

#reference a:hover {
text-decoration: none;
color: #fff;
}

/* ****************************  end buttons **************************** */

/*
:Author: David Goodger
:Contact: goodger@users.sourceforge.net
:Date: $Date: 2008/03/10 20:20:01 $
:Version: $Revision: 1.16 $
:Copyright: This stylesheet has been placed in the public domain.

Default cascading style sheet for the HTML output of Docutils.
*/

/* "! important" is used here to override other ``margin-top`` and
   ``margin-bottom`` styles that are later in the stylesheet or 
   more specific.  See http://www.w3.org/TR/CSS1#the-cascade

Uncomment (and remove this text!) to get bold-faced definition list terms
dl.docutils dt {
  font-weight: bold }
*/


.first {
  margin-top: 0 ! important }

.last, .with-subtitle {
  margin-bottom: 0 ! important }

.hidden {
  display: none }

a.toc-backref {
  text-decoration: none ;
  color: black }

blockquote.epigraph {
  margin: 2em 5em ; }

dl.docutils dd {
  margin-bottom: 0.5em }


div.abstract {
  margin: 2em 5em }

div.abstract p.topic-title {
  font-weight: bold ;
  text-align: center }

div.admonition, div.attention, div.caution, div.danger, div.error,
div.hint, div.important, div.note, div.tip, div.warning {
  margin: 2em ;
  border: medium outset ;
  padding: 1em }

div.admonition p.admonition-title, div.hint p.admonition-title,
div.important p.admonition-title, div.note p.admonition-title,
div.tip p.admonition-title {
  font-weight: bold ;
  font-family: sans-serif }

div.attention p.admonition-title, div.caution p.admonition-title,
div.danger p.admonition-title, div.error p.admonition-title,
div.warning p.admonition-title {
  color: red ;
  font-weight: bold ;
  font-family: sans-serif }

/* Uncomment (and remove this text!) to get reduced vertical space in
   compound paragraphs.
div.compound .compound-first, div.compound .compound-middle {
  margin-bottom: 0.5em }

div.compound .compound-last, div.compound .compound-middle {
  margin-top: 0.5em }
*/

div.dedication {
  margin: 2em 5em ;
  text-align: center ;
  font-style: italic }

div.dedication p.topic-title {
  font-weight: bold ;
  font-style: normal }

div.figure {
  margin-left: 2em }

div.footer, div.header {
  clear: both;
  font-size: smaller }

div.line-block {
  display: block ;
  margin-top: 1em ;
  margin-bottom: 1em }

div.line-block div.line-block {
  margin-top: 0 ;
  margin-bottom: 0 ;
  margin-left: 1.5em }

div.sidebar {
  margin-left: 1em ;
  border: medium outset ;
  padding: 1em ;
  background-color: #ffffee ;
  width: 40% ;
  float: right ;
  clear: right }

div.sidebar p.rubric {
  font-family: sans-serif ;
  font-size: medium }

div.system-messages {
  margin: 5em }

div.system-messages h1 {
  color: red }

div.system-message {
  border: medium outset ;
  padding: 1em }

div.system-message p.system-message-title {
  color: red ;
  font-weight: bold }

div.topic {
  margin: 2em }

h1.section-subtitle, h2.section-subtitle, h3.section-subtitle,
h4.section-subtitle, h5.section-subtitle, h6.section-subtitle {
  margin-top: 0.4em }

h1.title {
  text-align: center }

h2.subtitle {
  text-align: center }

hr.docutils {
  width: 75% }

img.align-left {
  clear: left }

img.align-right {
  clear: right }

img.borderless {
  border: 0 }

ol.simple, ul.simple {
  margin-bottom: 1em }

ol.arabic {
  list-style: decimal }

ol.loweralpha {
  list-style: lower-alpha }

ol.upperalpha {
  list-style: upper-alpha }

ol.lowerroman {
  list-style: lower-roman }

ol.upperroman {
  list-style: upper-roman }


p {
font-size: 12pt;
}

a {
font-size: 12pt;
}

h1 {
font-size: 12pt;
}

li {
font-size: 12pt;
}

p.attribution {
  text-align: right ;
  margin-left: 50% }

p.caption {
  font-style: italic }

p.credits {
  font-style: italic ;
  font-size: smaller }

p.label {
  white-space: nowrap }

p.rubric {
  font-weight: bold ;
  font-size: larger ;
  color: maroon ;
  text-align: center }

p.sidebar-title {
  font-family: sans-serif ;
  font-weight: bold ;
  font-size: larger }

p.sidebar-subtitle {
  font-family: sans-serif ;
  font-weight: bold }

p.topic-title {
  font-weight: bold }

pre.address {
  margin-bottom: 0 ;
  margin-top: 0 ;
  font-family: serif ;
  font-size: 100% }

pre.line-block {
  font-family: serif ;
  font-size: 100% }

pre.literal-block, pre.doctest-block {
  margin-left: 2em ;
  margin-right: 2em ;
  background-color: #eeeeee;
  border: thin black solid;
  padding: 2px;
  overflow: auto;
}

div.compound {
  margin-left: 2em ;
  margin-right: 2em ;
  background-color: #eeeeee;
  border: thin black solid;
  padding: 2px;
}

span.classifier {
  font-family: sans-serif ;
  font-style: oblique }

span.classifier-delimiter {
  font-family: sans-serif ;
  font-weight: bold }

span.interpreted {
  font-family: sans-serif }

span.option {
  white-space: nowrap }

span.problematic {
  color: red }

span.section-subtitle {
  /* font-size relative to parent (h1..h6 element) */
  font-size: 80% 
}

table {
font-size: smaller;
background-color: rgb(239,244,244);
}



table.citation {
  border-left: solid thin gray }

table.docinfo {
  margin: 2em 4em }

table.docutils {
  margin-top: 0.5em ;
  margin-bottom: 0.5em }

table.footnote {
  border-left: solid thin black }

table.docutils td, table.docutils th,
table.docinfo td, table.docinfo th {
  padding-left: 0.5em ;
  padding-right: 0.5em ;
  vertical-align: top }

table.docutils th.field-name, table.docinfo th.docinfo-name {
  font-weight: bold ;
  text-align: left ;
  white-space: nowrap ;
  padding-left: 0 }

h1 tt.docutils, h2 tt.docutils, h3 tt.docutils,
h4 tt.docutils, h5 tt.docutils, h6 tt.docutils {
  font-size: 100% }

tt.docutils {
  background-color: #eeeeee }

ul.auto-toc {
  list-style-type: none }

.navleft {
    padding-right: 5px;
    border: 1px solid #cccccc;
    border-width: 0px 1px 0px 0px;
    background-color: #e7e7e7;
}

body, td, th {
    font-size: 95%;
    font-family: Arial, Geneva, Helvetica, sans-serif;
    color: black;
    background-color: white;
}


table.colortable {
    background-color: #dddddd;
}

h2 {
    font-size: 130%;
    font-weight: bold;
}

h3 {
    font-size: 110%;
    font-weight: bold;
}

h4 {
    font-size: 100%;
    font-weight: bold;
}


.section-content {
    padding-left: 1em;
    padding-right: 1em;
}

.footer {
    text-align: center;
    font-size: 80%;
}

.note {
    margin: 1em;
    padding: 1em;
    border: 2px solid gray;
}

.source {
    margin: 0em 1em 0em 1em;
    padding: 0em 1em 0em 1em;
    border: 2px solid #bbbbbb;
    white-space: pre;
}

/*
:Authors: Ian Bicking, Michael Foord
:Contact: fuzzyman@voidspace.org.uk
:Date: 2005/08/26 
:Version: 0.2.0
:Copyright: This stylesheet has been placed in the public domain.

rest.css - used for rest2web documents
Content rendered by docutils as part of a website
http://www.voidspace.org.uk/python/rest2web/

Stylesheet for Docutils.
Based on ``blue_box.css`` by Ian Bicking
and ``default.css`` revision 3442
*/

em, i {
  /* Typically serif fonts have much nicer italics */
  font-family: Times New Roman, Times, serif;
}

a.target {
  color: blue;
}

a.toc-backref {
  text-decoration: none;
  color: black;
}

a.toc-backref:hover {
  background: none ! important
}

div.attention, div.caution, div.danger, div.error, div.hint,
div.important, div.note, div.tip, div.warning {
  background-color: #cccccc;
  padding: 3px;
  width: 80%;
}

div.admonition p.admonition-title, div.hint p.admonition-title,
div.important p.admonition-title, div.note p.admonition-title,
div.tip p.admonition-title  {
  text-align: center;
  background-color: #999999;
  display: block;
  margin: 0;
}

div.attention p.admonition-title, div.caution p.admonition-title,
div.danger p.admonition-title, div.error p.admonition-title,
div.warning p.admonition-title {
  color: #cc0000;
  font-family: sans-serif;
  text-align: center;
  background-color: #999999;
  display: block;
  margin: 0;
}

h3 a.toc-backref, h4 a.toc-backref, h5 a.toc-backref, 
h6 a.toc-backref { 
  color: #000000;
}

table.footnote {
  padding-left: 0.5ex;
}

table.citation {
  padding-left: 0.5ex
}

.image img { border-style : solid;
            border-width : 2px;
}

h1 tt, h2 tt, h3 tt, h4 tt, h5 tt, h6 tt {
  font-size: 100%;
}

code, tt {
  color: #000066;
}

span.pre {
  white-space: normal }
/*
When set to 'pre' it breaks my page layout on IE
*/

.borderless, table.borderless td, table.borderless th {
  border: 0 }

table.borderless td, table.borderless th {
  /* Override padding for "table.docutils td" with "! important".
     The right padding separates the table cells. */
  padding: 0 0.5em 0 0 ! important }

/* ************************************************************ */

td {
background-color: rgb(239,244,244);
}

tr {
background-color: rgb(239,244,244);
}

img { 
border: none; 
}