body {   font-family:verdana, sans-serif;  color:#000000; background-color:#ffff33;
    margin:1em; padding:0px;   overflow:visible;  }

img {border:none;}

em  {  color:#660066; font:bold italic 12px verdana }

li {color:#660000; font-size:12px;   font-weight:200;  font-variant:normal; line-height:1.6; }
li a  { font-size:13px;   }
li em  {  font-size:13px;  }

a {    font-family:verdana, sans-serif; font-style: italic;  text-decoration:none; text-shadow:1px -1px 1px #ff6666; 
    text-indent:0; font-size:13px;  color:#ff0000;  }
a:hover    {   background-color:#ff9999; }


blockquote  { line-height:1.3; color:#990000; font:normal 13px verdana; font-stretch:wider; }

h1, h2, h4, h6 {  color:#990000; font-family:verdana, arial, sans-serif; font-style: normal;  line-height:0.9; padding:0; }
h3, h5 {  font-family: new berolina mt,fantasy;  font-weight:normal;  font-style: normal; 
    line-height:1.2; word-spacing: 3px;  letter-spacing:1; padding:0; }
h1    {   font-size:48pt;  text-align:center;   font-weight:bold;  font-variant:small-caps; text-shadow:0.2em 0.2em; word-spacing:4px;  letter-spacing:-1px; }
h2    {   font-size:24pt;   text-align:center;   font-weight:bold;  word-spacing:4px;  letter-spacing:1px; }
h3    {   color:#cc0000; font-family: new berolina mt, fantasy;  font-size:21pt; text-align: center; text-indent:0;  text-shadow:2px -1px 2px #ff00ff; }
h4    {   font-size:16pt;  text-align:left;  text-indent:3; font-weight:bold; word-spacing:3px;  letter-spacing:1px;  line-height:1.2; }
h5    {  color:#cc0000;  font-family: new berolina mt, fantasy;  font-size:14pt; 
    text-align:center;  text-shadow:4px 2px 6px white; line-height:1.6; }
h6    {   font-size:12pt;   font-family: Copperplate, Novarese-ITC, monospace;  text-indent:0px;  
    text-align:left; line-height:1.3;  font-weight:bold;  
    word-spacing:2px;  letter-spacing:0;  vertical-align:baseline; }

.dropShadow { text-shadow:black 0.3em 0.3em 0.5em }

p    {  color:#660000; font-family:verdana, sans-serif; font-size:13px;   font-weight:normal;  font-variant:normal; }
p.b   {   font-family:verdana, arial, sans-serif;  font-weight:bold;  font-variant:caps; }
p.indent {margin-left:40px}
p.marquee  {  font-size:14px;  font-family:palatino,times, serif; }
p#6em    {  color:#660000; font-family:verdana, sans-serif; font-size:12px;  text-indent: 6em; font-style:normal;   line-height:1.5;    text-align:left;  
    word-spacing:1px;   letter-spacing:0px;  vertical-align:baseline;  }
p.20px    {  color:#660000; font-family:verdana, sans-serif; font-size:12px;  text-indent: 20px; font-style:normal;   line-height:1.5;    text-align:left;  
    word-spacing:1px;   letter-spacing:0px;  vertical-align:baseline;  }
p.30px    {  color:#660000; font-family:verdana, sans-serif; font-size:12px;  text-indent: 30px; font-style:normal;   line-height:1.5;    text-align:left;  
    word-spacing:1px;   letter-spacing:0px;  vertical-align:baseline;  }
p#pixrt  {  float:right; width:100px  }
p#pixlt  {  float:left; width:100px  }

ul { list-style: disc  outside; }
ol { list-style: decimal  inside; }

marquee   {  color:#990000; font-family:fantasy; font-size:24px;   font-weight:bold;  font-variant:normal; background-color:#BBFFBB; line-height:4.0;}


table  { border-collapse:separate; border-spacing:8px; border: solid 3px #ff0000;
    table-layout:fixed; padding: 6px; font:normal 8pt Verdana; text-align:right; line-height:1.1;  }
td  { border:none;  }

div#page{ position:absolute; padding:0; margin:0; top:0; left:0;  width:800px; border:none; background-color:#ffffcc; }

div#banner   {  position:fixed;   z-index:4;   top:0;  left:0px;   height:60px;   width:100%; background-color:#ffffcc; }

div#date {  background-color: none; position:absolute;   z-index:6;  top:0;  right:0;  width:10%;  height:15px; }

div#text {   position:absolute;   z-index:1;  padding:0%; top:0;  left:160px;   width:63%;   height:75%;   line-height:1.3; }

div#navbar   {  position:fixed;  z-index:4; font-size:8pt; background-color:#000000;  top:60px;     height:19px; padding-left:0px; width:100%;  align:center; }

#navbar a { font-family:verdana,sans serif; font-size:12px; color:#ffff33;
    padding:2px; font-weight:bold; }

div#left   {  position:fixed;   z-index:2;  top:0px;  left:0;  height:100%;  width:20%; padding:6px;  background-color:transparent; }
#left p {  font-size:10px;  font-family:verdana, sans serif; text-align:right;    color:#ffff33; line-height:1.5em; } 
#left a {  font-size:11px;  font-family:verdana, sans serif; text-align:left;     color:#ffff66; line-height:1.6em; }
   
div#right  {  position:absolute;  width:20px;  background-color:#000066; 
    padding:0px; z-index:4;   top:0px;   right:-4px;  height:100%;  }

div#right  {  position:fixed;  width:15%;  background-color:transparent;  padding:6px; z-index:2;   top:0px;   right:0;  height:100%;  }
#right p {  font-size:10px;  font-family:verdana, sans serif; text-align:left;   color:#ffff33; line-height:1.5em; }
#right a {  font-size:11px;  font-family:verdana, sans serif; text-align:left;   color:#ffff66; line-height:1.6em; }

.rt    {  text-align:right; font-style:oblique; }

.ct    { text-align:center; }

.smallcap { font-variant:small-caps; }

#scroll {
position:absolute;
top:0;
bottom:-0.1px;
width:1em;
z-index:-1;
}


//Infogrid Pacific stylings for mobile phones
/* Get the bodytext indent working */

p {margin: 0; text-align: justify;}

p + p {text-indent: 1.3em;}

.galley {font-size: 0.9em; padding-right: 1em;}

/* Handle the headers general fonts */

.galley h2, .-rwh3, .galley h4, .galley h5, .galley h6 { font-family: sans-serif; font-size: 1em;  text-align: left; margin: 0; padding: 0; }

/* Handle the specific header styling */

.galley h2 { font-transform: uppercase; text align: center;  padding: 1.5em 0 0.5em 0; }
.galley h3 {  font-weight: bold;  padding: 1em 2em 0.5em 0;  }
.galley h4 {  font-style: italic; font-weight: bold;  padding: 1em 2em 0.25em 0;  }
.galley h5 {  font-style: normal; font-weight: bold;  padding: 1em 2em 0.25em 0; color: #000000;  }
.galley h6 {  font-style: italic; text-align: left; padding: 1em 2em 0.25em 0; color: #000000;  }


/* The most work is in the title block, where it should be */

.title-block {  margin: 1em 0 1em 0;  padding: 2em 0 2em 0;  border-top: 1px solid #000000;  border-bottom: 1px solid #000000; }

/* This sets the font styling for all the title block elements */

.title-block h1, .title-block .title-sub, .title-block .title-num, .title-block .title-author, .title-block .title-contributor, 
.title-block .title-other {  font-family: sans-serif;  font-weight: normal;  text-align: left;  text-indent: 0;  margin: 0; }

/* Next the specific title block element styling */

.title-block h1 {  font-size: 1.5em; line-height: 1.6em;  font-weight: bold;  padding: 0 0 0.5em 0; color: #000080;}
.title-block .title-sub {  font-size: 1.25em; padding: 0 0 1em 0; }
.title-block .title-num {  font-size:1.5em; font-weight: bold; font-style: normal;  padding: 0 0 0.5em 0; color: #808080; }
.title-block .title-author, div.title-block .title-contributor {  font-size: 1.25em; font-weight: normal;  font-style: italic; padding: 0 0 0.5em 0; }
.title-block .title-other {  font-size: 0.9em; padding: 1em 0 0.5em 0; color: #000080; }