/* Style sheet for Oh-eight sections */
/* Generated by KompoZer - Reformatted manually */
/* Author - Charles Cooke */
/* Modified 9th November 2009 */

/* Global scene setting */
/* ==================== */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, kbd, q, s, samp, strong, sub, sup, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td 
   { border:  none; margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; }
body { margin:  0px; background: #f4f8ff url(images/bluepapertrans2.png) repeat fixed 0% 50%; font-family: 'Trebuchet MS',arial,helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 0.9em; line-height: 1; color: black; }

/* Layout */
/* ====== */

#wrapper         { margin: 0 ; position: relative; max-width: 1024px; background-image: url(images/oh-eight.png); background-repeat: no-repeat;
 border-top: 1px solid white; }
#pane_main       { margin-left: 40px;  max-width: 56em; margin-right: 4px; }
div.pane_section { position: relative; border: 2px solid #666666; margin: 12px 0px; padding: 10px; background-color: #efefef; }
#pane_header     { position: relative;  margin-left: 47px; margin-top: 10px; }
div.menu         { position: absolute; width: 10em; right: -10em; top: 0px; margin-left: 0px; margin-right: -2px;}

/* Global elements */
/* =============== */

p, blockquote          { margin: 1em 0; letter-spacing: 0.1em; line-height: 1.6em; text-align: justify; }
td, dd                 { letter-spacing: 0.05em; line-height: 1.4em;  }
h1, h2, h3, h4, h5, h6 { margin: 1em 0 0.25em; color: #4289b5; }
h1, h2, h3, h4         { font-weight: bold; }
h1, h2, h3, h4, h5, h6 {  color: #38749a; }
h1, h2, h3, h4, h5, h6 {  color: #369; }
h1                     { font-size: 1.6em; margin-top: 0.25em; }
h2                     { font-size: 1.4em;  clear: both;}
h3                     { font-size: 1.2em; }
h4, h5, h6             { font-size: 1em; }

abbr, acronym          { font-variant: small-caps; }
blockquote             { font-style: italic; margin-left: 2em; margin-right: 2em; }
caption                { caption-side: top; margin-bottom: 0.25em; font-weight: bold; }
code, pre              { font-family: "Courier New",Courier,Monospace; }
dd                     { margin-bottom: 1em; letter-spacing: 0.1em; line-height: 1.4em; text-align: justify; margin-left: 1em; }
dt                     { font-weight: bold; }
hr                     { margin: 1em 10%; background-color: #4499bb; color: #4499bb; height: 2px; }
ul, ol                 { margin-left: 5em; margin-bottom: 1em; }
li                     { margin-bottom: 0.5em; letter-spacing: 0.1em; line-height: 1.4em; }
pre                    { border: 2px groove #4289b5; margin: 1em 2em; padding: 0em 1em 1em; background-color: #f4f8ff; overflow: auto; }
pre:before             { border-bottom: thin solid gray; content: "Example"; display: block; margin-bottom: 1em; background-color: #4289b5; color: #fafbdd; margin-left: -1em; margin-right: -1em; padding-left: 1em; font-weight: bold; }
sub                    { vertical-align: sub; }
sup                    { vertical-align: super; font-size: 0.8em; white-space: nowrap; text-transform: uppercase;}
table                  { border: 2px solid #4289b5; border-collapse: collapse; }
td, th                 { border: 1px dotted #4289b5; padding: 2px; text-align: center; letter-spacing: 0.1em; }
td                     { text-align: left; }
div.pane_section h2 + p span { text-transform: uppercase; font-weight: bold; }

/* Global classes*/
/* ============= */

.clear_r               { clear: right; }
.clear_l               { clear: left; }
.left                  { float: left; display: inline; margin-right: 4px; clear: left; }
.nobreak               { white-space: nowrap; }
.right                 { float: right; display: inline; margin-left: 4px;  clear: right; }

/* Global Links*/
/* =========== */

a:link, a:visited      { color: #4070a0; }
a:hover                { color: #4289b5; }
a:focus                { outline: 2px red dotted;}
a:active               { outline: none; }
a[href^="http"]        { background: transparent url(images/extlnk.png) no-repeat right top;  padding-right: 10px; }

/* Wrapper specials*/
/* ============== */ 
#wrapper img.bgd        { width: 35px; height: 477px; position: fixed; top: 0px; left: 0px; }

/* Header specials*/
/* ============== */

#fleche                { width: 800px; margin-left: -16px; height: 16px; background-image: url(images/fleche5-trans.png); background-repeat: no-repeat; }
#pane_header p         { margin: 0em; line-height: 1.2;  font-weight: bold; font-style: italic; text-transform: uppercase; letter-spacing: 0; margin-bottom: 0.5em; font-family: Georgia,"Times New Roman",Serif; color: #38749a; text-shadow: 3px 3px 2px #bbc; }
#pane_header p         { margin: 0em; line-height: 1.2;  font-weight: bold; font-style: italic; text-transform: uppercase; letter-spacing: 0; margin-bottom: 0.5em; font-family: Georgia,"Times New Roman",Serif; color: #369; text-shadow: 3px 3px 2px #bbc; }
#pane_header p:first-child { font-size: 3em; text-transform: none;  font-style: normal; letter-spacing: 0;  margin-bottom: 0; }

/* Footer specials*/
/* ============== */

#footer                { background-color: #4878a9; color: white; }

/* Menu specials*/
/* ============ */

.menu p               { margin: 0.5em 0 0.25em 0; font-weight: bold; color: #4289b5; text-align: center; line-height: 1.2em; }
.menu > p:first-child {  margin-top:  0; }

.menu ul              { margin: 0 0 0.5em 0; list-style-type: none; padding: 0; width: 10em; }
.menu li              { margin: .25em 0; line-height: 1; letter-spacing: 0; }
.menu li              { margin: .25em 0; line-height: 1.2; letter-spacing: 0; }

.menu a               { border: 1px solid black; display: block;  margin-left: 4px; margin-right: 4px; text-align: center; color: white; text-decoration: none; }
.menu a:link, .menu a:visited, .menu a:active, .menu a:focus { background-color: #4878a9; color: white; }
.menu a:hover, .menu a:focus { background-color: #6fcfff; color: black; }

.menu ul#skip         {  position: absolute; top: -3em; }
.menu ul#skip a:link, .menu ul#skip a:visited, .menu ul#skip a:active, .menu ul#skip a:focus { position: absolute; left: -1615px; }
.menu ul#skip a:focus { position: static; }

.section_menu         { border-style: solid solid solid none; border-color: #666666; border-width: 2px 2px 2px 0; width: 10em; background-color: #eeeeee; margin-top: -2px; }

/* Global scructures*/            
/* ================ */

div.clearance          { clear: both; height: 1px; font-size: 1px; }
div.dem_box            { border: 2px groove #4289b5; margin: 1em 2em; padding: 0em 1em; background-color: #f4f8ff; overflow: auto; }
div.dem_box p          { text-align: left; margin-bottom: 0.25em; line-height: 1; }
div.side_box           { border: 2px solid #4289b5;  padding-right: 8px;  margin-left: 4px;  margin-bottom: 0.25em;  width: 40%;  float: right;  padding-left: 4px;  position: relative; }
div.tip                { border-style: solid;  border-color: #4289b5;  border-width: 10px 0px;  margin: 4px 0px 4px 4px;  width: 250px;  float: right;  position: relative;  clear: right;  border-collapse: collapse;  background-color: #f4f8ff;}
div.display p          { margin: 0;  color: #999999;  font-size: large;  font-weight: bold;  text-align: center; }
h1 span                { font-size: 0.7em; text-transform: uppercase; }
span.footnote a:link, span.footnote a:visited { text-decoration: none; text-transform: uppercase;  }
div.image-frame        { float: right; clear: right; margin-left: 4px; margin-bottom: 0.25em; }
div.image-frame p      { text-align: center; font-weight: bold; margin: 0;}
ul.ref_list            { margin-left: 0; list-style-type: none; }