body {   font-family:verdana, sans-serif;  color:#000000; background-color:#ffffcc;
    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.3; }
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:12px;  color:#ff0000;  }
a:hover    {   background-color:#ff9999; }

blockquote  { line-height:1.3; color:#990000; font:normal 12px 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:0.9; 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:18pt;   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 }

.prompt { text-align:right; }

p    {  color:#660000; font-family:verdana, sans-serif; font-size:12px;   font-weight:normal;  font-variant:normal; }
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:verdana; font-size:14pt; height:300; width:550;   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 9pt Verdana; text-align:right; line-height:1.1;  }
td  { border:none;  }

div#page{ position:absolute; padding:0; margin:0; top:0; left:0;  width:100%;  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#navbar   {  position:fixed;  z-index:4; font-size:8pt; background-color:#000000;  top:60px;   left:19%;   height:30px; padding-left:5px; width:81%; }
#navbar a { font-family:verdana,sans serif; font-size:8pt; color:#ffff66; align:center;  padding:3px; font-weight:bold; }

div#left   {  position:fixed;   z-index:2;  top:0px;  left:0;  height:100%;  width:20%; padding:6px;  background-color:#000000; }
#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:fixed;  width:15%;  background-color:#000000;  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; }
  
div#text {   position:absolute;   z-index:1;  padding:3%; top:8%;  left:19%;   width:58%;    height:75%;   line-height:1.6; }

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

.ct    { text-align:center; }

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


//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; }