body {
       background-color: #ccffff;
     }

  p, table, td, th, ul, ol
     {
       font-family: "Lucida Bright", Georgia, serif;
       font-size: small;
       color: black;
     }

  h1 {
       font-family: "Lucida Sans", Verdana, Arial, sans-serif;
       font-size: xx-large;
       font-weight: bold;
       color: #000077;
     }
  h2 {
       font-family: "Lucida Sans", Verdana, Arial, sans-serif;
       font-size: x-large;
       font-weight: bold;
       font-style: italic;
       color: #000077;
     }
  h3 {
       font-family: "Lucida Bright", Georgia, serif;
       font-size: large;
       font-weight: bold;
       color: #000077;
     }
  h4 {
       font-family: "Lucida Bright", Georgia, serif;
       font-size: medium;
       font-weight: bold;
       font-style: italic;
       color: #000077;
     }
  h5 {
       font-family: "Lucida Bright", Georgia, serif;
       font-size: medium;
       font-weight: bold;
       color: #000077;
     }
  h6 {
       font-family: "Lucida Sans", Verdana, Arial, sans-serif;
       font-size: xx-small;
       color: #000077;
     }

 .caption {
            font-family: "Lucida Sans", Verdana, Arial, sans-serif;
            font-size: medium;
            font-weight: bold;
            font-style: italic;
          }
 .capnote {
            font-family: "Lucida Sans", Verdana, Arial, sans-serif;
            font-size: x-small;
            font-weight: normal;
            font-style: italic;
          }
 .sans    {
            font-family: "Lucida Sans", Verdana, Arial, sans-serif;
          }
 .sname   {
            font-family: "Lucida Sans", Verdana, Arial, sans-serif;
            font-size: medium;
            font-weight: bold;
	    font-style: normal;
	  }

.quote    {
            font-style: italic;
            margin-left: 5%;
            margin-right: 5%;
          }

.attributed {
	    font-style: italic;
            font-size: x-small;
            text-align: right;
            margin-right: 5%;
            }

.updated  {
            font-family: "Lucida Sans", Verdana, Arial, sans-serif;
            font-size: xx-small;
            text-align: left;
          }
.emphasis {
            font-weight: bold;
            font-style: italic;
          }

.small    {
	    font-style: italic;
            font-size: xx-small;
            margin-right: 5%;
          }

/* Begin Images (from blog style)*/

p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Trax drop shadows I hope (and other stuff) */

object {
	display: block;
	margin: auto;
	}

a img {
        border: none;
      }

.lbox
     {
       float: left;
       width: 240px;
       height: 180px;
     }

#lboxContent
     {
       border: none;
       background: #ccffff;
       position: relative;
       left: -10px;
       top: -10px;
     }

#lboxContainer
    {
      position: relative;
      background: #606060;
      margin: 20px;
    }

.pbox
     {
       float: left;
       width: 180px;
       height: 240px;
     }

#pboxContent
     {
       border: none;
       background: #ccffff;
       position: relative;
       left: -10px;
       top: -10px;
     }

#pboxContainer
    {
      position: relative;
      background: #606060;
      margin: 20px;
    }

.ibox
     {
       float: left;
       width: 48px;
       height: 48px;
     }

#iboxContent
     {
       border: none;
       background: #ccffff;
       position: relative;
       left: -4px;
       top: -4px;
     }

#iboxContainer
    {
      position: relative;
      background: #606060;
      margin: 8px;
    }

.blbox
     {
       float: left;
       width: 360px;
       height: 270px;
     }

#blboxContent
     {
       border: none;
       background: #ccffff;
       position: relative;
       left: -10px;
       top: -10px;
     }

#blboxContainer
    {
      position: relative;
      background: #606060;
      margin: 20px;
    }

#outer_box {display: block; position:relative; background:#ccffff; text-align:center;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7, .xb8, .xb9 {display:block; float:left; font-size:1px;}
.xb1, .xb3, .xb4, .xb6, .xb7, .xb9 {width:4px;}
.xb1, .xb2, .xb3, .xb7, .xb8, .xb9 {height:4px;}
.xb4, .xb7 {clear:left;}

.xb1 {background:url(buttons/tl.gif);}
.xb2 {background:url(buttons/top.gif);}
.xb3 {background:url(buttons/tr.gif);}
.xb4 {background:url(buttons/lft.gif);}
.xb5 {background:#606060;}
.xb6 {background:url(buttons/rgt.gif);}
.xb7 {background:url(buttons/bl.gif);}
.xb8 {background:url(buttons/bot.gif);}
.xb9 {background:url(buttons/br.gif);}

.dropl240 {display:block; background: transparent; position:relative; width:252px; height:192px; margin:0 auto 30px auto;}
.dropl240 img {display:block; position:absolute; right:18px; top:-5px; background: white; width:240px; height:180px;}
.dropl240w {width:240px;}
.dropl240h {height:180px;}

.dropp180 {display:block; background: transparent; position:relative; width:192px; height:252px; margin:0 auto 30px auto;}
.dropp180 img {display:block; position:absolute; right:18px; top:-5px; background: white; width:180px; height:240px;}
.dropp180w {width:180px;}
.dropp180h {height:240px;}

.dropl360 {display:block; background: transparent; position:relative; width:372px; height:282px; margin:0 auto 30px auto;}
.dropl360 img {display:block; position:absolute; right:18px; top:-5px; background: white; width:360px; height:270px;}
.dropl360w {width:360px;}
.dropl360h {height:270px;}

.dropp270 {display:block; background: transparent; position:relative; width:282px; height:372px; margin:0 auto 30px auto;}
.dropp270 img {display:block; position:absolute; right:18px; top:-5px; background: white; width:270px; height:360px;}
.dropp270w {width:270px;}
.dropp270h {height:360px;}

.dropi {display:block; background: transparent; position:relative; width:56px; height:56px; margin:0 auto 0px auto;}
.dropi img {display:block; position:absolute; right:10px; top:-3px; background: white; width:48px; height:48px;}
.dropiw {width:48px;}
.dropih {height:48px;}