html *       { box-sizing: border-box; /* Defined in CSS 3. Valid for Mac IE 5. */
               -moz-box-sizing: border-box; 
             }


body         { margin-left: 0pt; margin-right: 0pt; margin-top: 0pt;
               background-color: navy; color: white; 
               background-image: url('images/bodybg.gif');}

a:link       { color: blue; text-decoration: underline; }
a:visited    { color: purple; text-decoration: underline; }
a:active, a:hover { color: red; text-decoration: underline; }

strong       { font-weight: bolder; color: red; }
em           { color: green; font-style: normal; }
em.log-vote  { color: #DD6600; }
em.log-agree { color: #BB55FF; }
cite         { color: green; font-family: monospace; font-style: normal}

code         { font-size: 100% }
var          { font-size: 100%; color: #660022; font-style: normal }

dl dt        { font-weight: bolder; }

p, div, table, ul, ol, dl
             { margin: 3pt 20pt 3pt 20pt; background-color: white; 
               color: navy; padding-left: 5pt; padding-right: 5pt;
               padding-top: 5pt; padding-bottom: 3pt; 
               border-bottom: 2px solid #000055; border-right: 2px solid #000055;}

p, ul, ol, dl, div.paper
             { background-image: url('images/elementbg.gif'); background-position: left top;
               background-repeat: no-repeat;}

ul ul, ul ol, ol ul, ol ol, table p, table div, table ul, table ol, table dl, .nobg
             { background-color: white; background-image: url('none'); margin: 0; padding: 0; border: medium none; }

p, dl, div.paper { padding-left: 20pt; }
ul, ol       { padding-left: 30pt; }
ul ul        { padding-left: 35pt; }
ul ul ul     { padding-left: 40pt; }

p            { margin-bottom: 5pt; margin-top: 5pt; }

h1           { font-family: HGP–¾’©B,‚l‚r ‚o–¾’©,Serif; font-size: 30pt; 
               font-style: italic; width: 300px;
               color: white; padding: 5pt 10pt 15pt 0pt; 
               background-image: url('images/h1bg.jpg'); background-position: right bottom; background-repeat: no-repeat}
h1:first-letter { color: #FFBBBB }

h2           { background-color: white; background-image: url('images/h2bg.gif'); background-repeat: repeat-y;
               height: 50px;
               background-position: left top; color: #000080; font-family: ‚l‚r ‚o–¾’©,Serif; 
               font-size: 14pt; padding-top: 0pt; padding-left: 20pt; 
               margin: 30px 0px 30px 0px;
               line-height: 50px;}

h3           { color: white; margin-left: 20pt; }
h3 a:link, h3 a:visited { color: yellow; }

.introbox    {background-color: #DDEEFF; border-color: #66BBEE; border-style: ridge;
              border-width: 4px 2px 4px 2px}
.introbox2   {background-color: #FFDDDD; border-color: #EEBB66; border-style: ridge;
              border-width: 4px 2px 4px 2px; color: #440000;}
             
              
.samplelog   { color: white; padding: 0;
              background: transparent; border-bottom: 1px groove silver; padding: 2px; border-right: none; 
              margin: 5px 5px 5px 15px; text-indent: -10px; }
.samplelog strong { color: white; font-weight: bolder; }
.smallcomment { color: white; padding: 0; margin-top: 5pt; border: medium none;
              background: transparent; }
.samplelog a, .smallcomment a, .samplelog a:visited, .smallcomment a:visited
              {color: #00FFFF;}
#recenttitle {margin: 0; padding: 10px; 
              color: white; font-size: 130%; border: none; border-bottom: 3px double white;
              background: transparent;}


/******
For Bottle Top Page (from here)
******/
h1.toptitle   { display: none; visiblity: hidden; }
div#topbar    { padding: 0; border: none; position: relative; left: 0px; top: 0px; height: 450px; 
                background: transparent; border: none; }
div#title     { width: 265px; height: 200px; margin: 0; padding: 0; border: none; }
div#titlemenu { margin: 0; padding: 0; position: absolute; left: 0; top: 0; border: none; 
                width: 270px; background: transparent; height: 450px; }
div#introsample
              { margin: 0; padding: 0; border: none; 
                background: transparent; position: absolute; left: 270px; top: 0px; 
                height: 450px; width: 250px; }
div.menu      { margin: 0; padding: 10px; border: 5px inset silver; font-size: 10pt; line-height: 1.2em; }
div#intro, div#sample { margin: 0; padding: 0; border: medium none; background: transparent; }
div#intro     { height: 100px; color: #FFDDCC; font-size: 12px; padding: 15px; 
                border: none; font-weight: bolder; }
div#sample    { height: 300px; overflow: scroll; border: 4px inset white; margin: 5px 0 0 10px; 
                position: absolute; left: 0; bottom: 0px; width: 100%; }
div.menu ul   { margin: 0; padding: 0; border: none; background: transparent; list-style-type: none; }
img#titleimage { margin-left: auto; margin-right: auto; }

div#ring      { background: transparent; border: none; margin: 0px; padding: 0px;
                position: relative; }
div#ringimage { background: transparent; border: none; margin: 0px; padding: 0px;
                width: 150px; height: 85px; position: static; }
div#ringnavi  { background: transparent; border: none; margin: 0px; padding: 0px;
                width: 300px; position: absolute; left: 150px; top: 0px; }
p#ringtitle   { background: transparent; border: none; margin: 0px; padding: 0px;
                font-size: 10pt; }
ul#ringlist   { background: transparent; border: none; margin: 0px; padding: 0px; 
                list-style-type: none; }
#r-list       { position: absolute; top: 15px; left: 0; }
#r-submit     { position: absolute; top: 15px; left: 100px; }
#r-next       { position: absolute; top: 35px; left: 0; }
#r-next5      { position: absolute; top: 35px; left: 100px; }
#r-prev       { position: absolute; top: 50px; left: 0; }
#r-prev5      { position: absolute; top: 50px; left: 100px; }
#r-rand       { position: absolute; top: 65px; left: 0; }
#r-for        { position: absolute; top: 65px; left: 100px; }
/******
For Bottle Top Page (till here)
******/

blockquote { background-color: ivory; }
blockquote:before {content: 'Note';}

form         { margin: 0 }

hr           { width: 90%; border: 1px dotted cyan; }
img          { border: 0px none; }
address      { color: white; text-align: right; font-style: italic; margin-right: 15px; }
address a:link, address a, address a:visited
             {color: white; }
address a:hover { color: #FF00FF; }