body{ margin-left: 5%; margin-right: 3%; 
          font-family: verdana, sans-serif; } 
   p { margin-left: 3%; margin-right: 8%; }
   img { margin-left: 8%; }
   td   { font-family: verdana, sans-serif; font-size: 12pt; } 
   td.vvsmall { font-size: 0.6em; }
   td.vsmall { font-size: 0.8em; }
   p.small { font-size: 0.8em; font-family: courier; }
   p.vsmall { font-size: 0.8em; font-family: courier; }
   td.small { font-size: 0.9em; }
   a:hover { color: red; }
   h1 {font-family: courier, verdana, sans-serif, bold; font-size: 18pt;}
   h2 {font-family: courier, verdana, sans-serif; font-size: 16pt; }
   h3 {font-family: courier, verdana, sans-serif; font-size: 14pt; }
   div.green { font-family: verdana, sans-serif; font-size: 14pt; font-color: gr
een}
   div.red { font-family: verdana, sans-serif; font-size: 14pt; font-color: red}
   div.ari { font-family: verdana, sans-serif; font-size: 12pt; }
   div.aribold { font-family: verdana, sans-serif; font-weight: bold; 
                 font-size: 12pt; }
   div.arismall { font-family: verdana, sans-serif; font-size: 8pt; size: 60% }
   div.aribox { font-family: verdana, sans-serif; font-size: 12pt; }
   div.goldbox { font-family: verdana, sans-serif; font-size: 12pt; 
                 border: none; border-width: thin; background-color: #CCCCFF }
   div.greybox { font-family: verdana, sans-serif; font-size: 12pt; 
                 border: solid; border-width: thin; background-color: lightgrey 
}

#titleBar {
        background: #FFF url(/wiki/images/nano_banner_dragon_red1.png) repeat-x; /* blue and white background */
          }
                        

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a.other:link, #navlist a.other:visited
{
color: #fff;
background-color: #33A3A6;
text-decoration: none;
}

#navlist a:hover, #navlist a.other:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}

/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { 
   background: transparent url(/wrimorocks/images/spiffybox.png) no-repeat bottom right } 
.cssbox2, .cssbox2_body, .cssbox2_head, .cssbox2_head h2 {
   background: transparent url(/wrimorocks/images/spiffybox2.png) no-repeat bottom right } 
.cssbox, .cssbox2 { /* intended total box width - padding-right(next) */ 
   width:600px !important; /* IE Win = width - padding */ 
   width: 620px; /* the gap on the right edge of the image (not content padding) */ 
   padding-right:15px; /* use to position the box */ 
   margin:20px auto;
   margin-top: 20px;
   margin-bottom: 20px;} 
.cssbox2 {
   margin-left: 50px;
}

/* set the top-right image */ 
.cssbox_head, .cssbox2_head { 
   background-position:top right; /* pull the right image over on top of border */ 
   margin-right:-15px; /* right-image-gap + right-inside padding */ 
   padding-right:40px} 
/* set the top-left image */ 
.cssbox_head h2, .cssbox2_head h2 { 
   background-position:top left; 
   font-family: verdana,vendana,arial,helvetica;
   font-size: 0.95em;
   margin:0; /* reset main site styles*/ 
   border:0; /* ditto */ 
   /* padding-left = image gap + interior padding ... no padding-right */ 
   padding:25px 0 15px 40px; 
   height:auto !important; height:1%} /* IE Holly Hack */ 
/* set the lower-left corner image */ 
.cssbox_body, .cssbox2_body { 
   font-family: verdana,vendana,arial,helvetica;
   font-size: 1.15em;
   background-position:bottom left; 
   margin-right:25px; /* interior-padding right */ 
   padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */